Si estás empezando en el diseño web , creando tu primeros trabajos para tus clientes o tu propia página web a través de un editor , compartimos contigo a través de Cristian Eslava su experiencia en la que se repasan los principales errores a a la hora de crear y publicar nuestras páginas web. Nuestra ilusión en Basekit es agilizar y acercar el proceso de desarrollo web a los diseñadores gráficos, queremos ayudaros a convertiros en Webmasters!.Os animamos a que visitéis nuestor editor web BaseKit el cual te va a permitir crear una página web dinámica de forma visual sin teclear códigos y alojarla en nuestros servidores con dominio propio.
Errores en el diseño web
Como cualquier hijo de vecino tenemos nuestros talones de Aquiles, nuestras malas prácticas y nuestros errores a la hora de crear nuestras páginas web. He querido listar los errores más básicos, los que seguro que tenemos superados.
Como viene siendo habitual dejo la lista en 10, no vaya a ser que la lean nuestros clientes 
- El scroll: probamos la página web en distintas resoluciones pero se nos escapó aquella en la que por un píxel nos aparece nuestra amiga, la barra de scroll horizontal.
- Optimizar para mi equipo: Cada vez se ve menos pero aún existen webs “Optimizadas para Firefox y 1024×768”. ¿Cambiarías de navegador y resolución para visitar una web? Optimizar es justo lo contrario.
- Target=”_blank”: Que el usuario elija, mantener una visita rehén es un error. Los usuarios pueden elegir siempre si quieren o no abrir una nueva pestaña.
- URL no semánticas o amigables: Las URL además de no tener más de 75 caracteres deben ser amigables. No es lo mismo. www.dominio.com/portafolio/fotografia que www.dominio.com/index.php?seccion=portafolio&id_post=133
- Subrayado: El subrayado hay que dejarlo para los enlaces. No mareemos el ratón del usuario.
- Listas: Las listas las hacemos con HTML no manualmente.
- Tipografía: Que sea escalable, no utilices 10 tipos distintos, busca contraste y siempre, siempre usa la Comic Sans jajaja
- Todo lo que sabes no cabe en una web: Uno de los mayores errores que cometemos los diseñadores es querer mostrar todo lo que sabemos. Si sabes hacer un logo como gif animado rotando en 3D muy bien pero no procede.
- Registros innecesarios: No obligues al usuario a registrarse si no es estrictamente necesario y si lo es recuerda cumplir con la ley de protección de datos.
- Por último no pongas pop-ups musicales a no ser que tengas el mejor contenido del mundo o al menos el más buscado. En ese caso ganarás una fortuna por esos pop-ups y tus usuarios jamás se quejarán. Ej: peliculasyonkis.com
Escrito por Cristian Eslava, Formador y Diseñador afincado en España
[...] Los 10 errores más comunes del diseño web blogdiseno.basekit.es/los-10-errores-mas-comunes-del-dise… por Juan_Ro hace 3 segundos [...]
Se te ha olvidado el error más gordo de los que se ponen a hacer una web sin tener ni idea: enlazar a una imagen ubicada en C:\Document and settings\ xDD
(pues en mi ordenador se ve!)
[...] errores comunes en diseño webHoy se ha publicado el artículo Los 10 errores más comunes del diseño web que he escrito para Basekit.La verdad es que 10 me han sabido a poco. Hacer una relación de [...]
Una duda respecto a la número 4, ¿por qué 75 caracteres y no 80 o 70? Imagino que algún sentido tendrá poner el límite ahí; pero no se me ocurre cual puede ser…
Muy bueno y real gu
@manolito es una cuestión SEO. Será más fácil de recordar, Google mostrará esos 75 caracteres. Y no es más que un consejo, al igual que no debemos poner títulos demasiado largos, la URL mientras más corta mejor.
Saludos
¿y cual consideras que es la resolución más adecuada? hace años era 1024×768, casi todo el mundo la tenía, pero hoy con los monitores panorámicos, y las resoluciones de hasta 1920×1080…
A mí sólo se me ocurride la opción de hacerla 100% reescalable, pero para eso necesitas flash (que no me entusiasma). La web de nuestra agencia es así : http://www.laagenciaphoto.com . Una solución razonable pero compleja para las distintas resoluciones…
Los diseñadores web… con qué resolución os quedáis como “estándar”?
Buen artículo!
PD: En Safari y osX no hay manera de mantener un campo activo para responder, he tenido que escribir en texedit y pegarlo… ¿fallo de programación? ¿fallo de Safari?
tenes razon pero con esta guerra de navegadores y estandares es dificil tener una web que se adapte a las necesidades
@oscar sobre la resolución yo personalmente trabajo con diseños líquidos normalmente, no hace falta Flash para eso.
Lo ideal es mediante CSS aplicar hojas de estilos para distintas resoluciones, pero es más trabajo claro.
Gracias
Hola oscar , nos comenta nuestro experto Josh Overton que lo ideal probablemente sea utilizar un ancho de 960.
Gracias por participar
Hola. Uno de los errores desde hace varios años creo que es también “diseñar-para-TODOS-los-navegadores”. A ver, está tan arraigado que se vea en todos los navegadores, pero IE6 es un “accidente” (las posteriores versiones van corrigiendo sutilmente la desobediencia a los estándares de parte de Microsoft).
Pero como ya dije, está tan arraigado que un diseñador adapte la web a IE6/7/8 en lugar de ser al revés, que el IE se adapte a los estándares.
No me parece un logro hacer una web compatible con este popular navegador, todo lo contrario, lo considero un fracaso (ensuciar el css), pero espero esto cambie rápido con FF, Chrome, Opera y los que surjan.
Saludo!
Nada, nada….
Comic Sans la mejor y mucha música, muchos botones gif en movimiento y dibujitos por toda la pantalla y enlaces a todos sitios menos al mio.
Bromas aparte:-)
Buen artlo.
Saludos,
@Tony Considero que el error más grave y grande es pensar en que todos los usuarios de un sitio tienen que usar el mismo browser/dispositivo/OS que yo.
Es obligación del desarrollador prepararse y ofrecer sitios web donde el usuario final no tenga porqué decidir o ajustarse a criterios personales del diseñador.
Ése es precisamente el problema de Flash, por mencionar un ejemplo. Bien lo dijo @admin, Optimizar es eso, quitar las restricciones al usuario.