Hay varias listas de errores de diseño web en Internet. Sin embargo, la mayoría de ellos son los “10 errores más comunes” o “Top 10”. Cada vez que cruzaba una de esas listas pensaba: “Vamos, debe haber más de 10 errores …”. Entonces decidí escribir todos los errores de diseño web que se me ocurrían; dentro de media hora tenía más de treinta de ellos en la lista. Luego investigué un poco en la web y la lista creció a 43 puntos.
El siguiente paso fue escribir una breve descripción de cada uno, y el resultado es la colección de errores que encontrará a continuación. Algunos de los puntos son de sentido común, otros son bastante polémicos. Sin embargo, la mayoría de ellos se aplican a cualquier sitio web, ya sea que hablemos de una entidad comercial o de un blog. ¡Disfrutar!
1. El usuario debe saber de qué se trata el sitio en segundos : la atención es una de las monedas más valiosas en Internet. Si un visitante no puede entender de qué trata su sitio en un par de segundos, probablemente irá a otro lugar. Su sitio debe comunicar por qué debo pasar mi tiempo allí, ¡y RÁPIDO!
- ¿Cómo podría BuzzFeed construir un valor más duradero que Quora?
- ¿Qué aplicaciones o sitios web populares tienen una política de privacidad que debería preocuparme y que podrían afectar el grado en que uso esos sitios o aplicaciones?
- ¿El centro de datos QTS está vendiendo su compañía a Web.com Group, Inc.?
- ¿Cuál es la calidad de www.seoworkdesk.com?
- ¿Los usuarios internacionales prefieren sitios web en su propio idioma?
2. Haga que el contenido sea escaneable : esto es Internet, no un libro, así que olvide grandes bloques de texto. Probablemente visitaré su sitio mientras trabajo en otras cosas, así que asegúrese de poder escanear todo el contenido. Viñetas, encabezados, subtítulos, listas. Cualquier cosa que ayude al lector a filtrar lo que está buscando.
3. No utilice fuentes elegantes que no se puedan leer : asegúrese de que hay algunas fuentes que le darán un aspecto sofisticado a su sitio web. ¿Pero son legibles? Si su objetivo principal es entregar un mensaje y hacer que los visitantes lean sus cosas, entonces debe hacer que el proceso sea cómodo para ellos.
4. No utilice fuentes minúsculas : el punto anterior se aplica aquí, desea asegurarse de que los lectores se sientan cómodos leyendo su contenido. Mi Firefox tiene una función de zoom, pero si necesito usarlo en su sitio web, probablemente será la última vez que lo visite.
5. No abra nuevas ventanas del navegador : solía hacerlo en mis primeros sitios web. La lógica era simple: si abro nuevas ventanas del navegador para enlaces externos, el usuario nunca abandonará mi sitio. ¡INCORRECTO! Deje que el usuario controle dónde quiere que se abran los enlaces. Hay una razón por la cual los navegadores tienen un gran botón “Atrás”. No se preocupe por enviar al visitante a otro sitio web, él regresará si lo desea (incluso los sitios pornográficos están comenzando a tomar conciencia sobre este punto últimamente …).
6. No cambie el tamaño de las ventanas del navegador del usuario: el usuario debe tener el control de su navegador. Si cambia el tamaño, correrá el riesgo de arruinar las cosas de su lado, y lo que es peor, podría perder su credibilidad frente a él.
7. No requiera un registro a menos que sea necesario : dejemos esto claro, cuando navego por Internet quiero obtener información, no al revés. No me obligue a registrarme y dejar mi dirección de correo electrónico y otros detalles a menos que sea absolutamente necesario (es decir, a menos que lo que ofrezca sea tan bueno que tenga que soportar el registro).
8. Nunca suscriba al visitante por algo sin su consentimiento : no suscriba automáticamente a un visitante a los boletines cuando se registre en su sitio. Enviar correos electrónicos no solicitados no es la mejor manera de hacer amigos.
9. No utilice en exceso Flash : además de aumentar el tiempo de carga de su sitio web, el uso excesivo de Flash también puede molestar a los visitantes. Úselo solo si debe ofrecer funciones que no sean compatibles con páginas estáticas.
10. No reproduzca música : en los primeros años de Internet, los desarrolladores web siempre intentaron integrar con éxito la música en los sitios web. Adivina qué, fallaron miserablemente. No uses música, punto.
11. Si DEBE reproducir un archivo de audio, deje que el usuario lo inicie : algunas situaciones pueden requerir un archivo de audio. Es posible que deba entregar un discurso al usuario o que su visita guiada tenga un componente de audio. Eso está bien. Solo asegúrese de que el usuario tenga el control, permítale presionar el botón “Reproducir” en lugar de bloquear la música en su rostro justo después de ingresar al sitio web.
12. No desordene su sitio web con insignias : en primer lugar, las insignias de redes y comunidades hacen que un sitio se vea muy poco profesional. Incluso si hablamos de premios y distintivos de reconocimiento, debe colocarlos en la página “Acerca de nosotros”.
13. No utilice una página de inicio que solo inicie el sitio web “real” : cuanto menor sea el número de pasos necesarios para que el usuario acceda a su contenido, mejor.
14. Asegúrese de incluir datos de contacto : no hay nada peor que un sitio web que no tiene datos de contacto. Esto no es malo solo para los visitantes, sino también para usted. Puede perder comentarios importantes en el camino.
15. No rompa el botón “Atrás” : este es un principio muy básico de usabilidad. No rompa el botón “Atrás” bajo ninguna circunstancia. Abrir nuevas ventanas del navegador lo romperá, por ejemplo, y algunos enlaces Javascript también pueden romperlos.
16. No use texto intermitente : a menos que sus visitantes vengan directamente desde 1996, eso es.
17. Evite estructuras URL complejas : una estructura URL simple basada en palabras clave no solo mejorará su clasificación en los motores de búsqueda, sino que también facilitará al lector la identificación del contenido de sus páginas antes de visitarlas.
18. Use CSS sobre tablas HTML : se usaron tablas HTML para crear diseños de página. Con el advenimiento de CSS, sin embargo, no hay razón para apegarse a ellos. CSS es más rápido, más confiable y ofrece muchas más funciones.
19. Asegúrese de que los usuarios puedan buscar en todo el sitio web : hay una razón por la cual los motores de búsqueda revolucionaron Internet. Probablemente lo haya adivinado, porque hacen que sea muy fácil encontrar la información que estamos buscando. No descuides esto en tu sitio.
20. Evite los menús “desplegables” : el usuario debería poder ver todas las opciones de navegación directamente. El uso de menús “desplegables” puede confundir las cosas y ocultar la información que el lector estaba buscando.
21. Utilice la navegación de texto : la navegación de texto no solo es más rápida sino que también es más confiable. Algunos usuarios, por ejemplo, navegan por Internet con las imágenes desactivadas.
22. Si se está vinculando a archivos PDF, descúbralo : ¿alguna vez hizo clic en un enlace solo para ver su navegador congelado mientras Acrobat Reader se inicia para abrir ese archivo PDF (no solicitado)? Eso es bastante molesto, así que asegúrese de tener enlaces explícitos que apunten a archivos PDF para que los usuarios puedan manejarlos correctamente.
23. No confunda al visitante con muchas versiones : evite confundir al visitante con demasiadas versiones de su sitio web. ¿Qué ancho de banda prefiero? 56 Kbps? 128 Kbps? ¿Flash o HTML? Hombre, solo dame el contenido!
24. No mezcle publicidad dentro del contenido : combinar publicidad como unidades de Adsense dentro de su contenido podría aumentar su tasa de clics a corto plazo. A la larga, sin embargo, esto reducirá su base de lectores. Un visitante molesto es un visitante perdido.
25. Use una estructura de navegación simple : a veces menos es más. Esta regla generalmente se aplica a personas y opciones. Asegúrese de que su sitio web tenga una estructura de navegación única y clara. Lo último que desea es confundir al lector con respecto a dónde debe ir para encontrar la información que está buscando.
26. Evite las “introducciones” : no obligue al usuario a mirar o leer algo antes de poder acceder al contenido real. Esto es simplemente molesto, y él se quedará solo si lo que tiene para ofrecer es realmente único.
27. No use FrontPage : este punto se extiende a otros editores HTML baratos. Si bien parecen facilitar el diseño web, la salida será un código mal diseñado, incompatible con diferentes navegadores y con varios errores.
28. Asegúrese de que su sitio web sea compatible con varios navegadores : no todos los navegadores son iguales y no todos interpretan CSS y otros idiomas de la misma manera. Nos guste o no, tendrá que hacer que su sitio web sea compatible con los navegadores más utilizados en el mercado, de lo contrario, perderá lectores a largo plazo.
29. Asegúrese de incluir texto de anclaje en los enlaces : confieso que solía cometer ese error hasta hace algún tiempo. Es más fácil decirle a la gente que “haga clic aquí”. Pero esto no es eficiente. Asegúrese de incluir un texto de anclaje relevante en sus enlaces. Se asegurará de que el lector sepa a dónde irá si hace clic en el enlace, y también creará beneficios de SEO para el sitio externo al que apunta el enlace.
30. No oculte enlaces : además de tener un texto de anclaje claro, el usuario también debe poder ver hacia dónde apunta el enlace en la barra de estado de su navegador. Si oculta sus enlaces (ya sea porque son afiliados o por otras razones) su sitio perderá credibilidad.
31. Haga que los enlaces sean visibles : el visitante debería poder reconocer qué se puede hacer clic y qué no, fácilmente. Asegúrese de que sus enlaces tengan un color contrastante (el color azul estándar es el óptimo la mayoría de las veces). Posiblemente también hacerlos subrayados.
32. No subraye ni coloree el texto normal : no subraye el texto normal a menos que sea absolutamente necesario. Del mismo modo que los usuarios deben reconocer los enlaces fácilmente, no deben tener la idea de que se puede hacer clic en algo cuando en realidad no lo es.
33. Haga que los enlaces en los que haga clic cambien de color : este punto es muy importante para la usabilidad de su sitio web. Los enlaces clicados que cambian de color ayudan al usuario a ubicarse más fácilmente en su sitio, asegurándose de que no terminará visitando las mismas páginas sin querer.
34. No use GIF animados : a menos que tenga pancartas publicitarias que requieran animación, evite los GIF animados. Hacen que un sitio se vea poco profesional y restan atención al contenido.
35. Asegúrese de utilizar los atributos ALT y TITLE para las imágenes : además de tener beneficios de SEO, los atributos ALT y TITLE para las imágenes jugarán un papel importante para los usuarios ciegos.
36. No use colores fuertes : si el usuario tiene dolor de cabeza después de visitar su sitio durante 10 minutos consecutivos, probablemente debería elegir un mejor esquema de color. Diseñe la paleta de colores alrededor de sus objetivos (es decir, ofrezca un estado de ánimo, permita que el usuario se concentre en el contenido, etc.).
37. No utilice ventanas emergentes : este punto se refiere a ventanas emergentes de cualquier tipo. Incluso las ventanas emergentes solicitadas por los usuarios son una mala idea dada la creciente cantidad de bloqueadores de pop que existen.
38. Evite los enlaces Javascript : esos enlaces ejecutan un pequeño Javascript cuando el usuario hace clic en ellos. Manténgase alejado de ellos, ya que a menudo crean problemas para el usuario.
39. Incluya enlaces funcionales en su pie de página : las personas están acostumbradas a desplazarse hacia el pie de página de un sitio web si no encuentran una información específica. Como mínimo, desea incluir un enlace a la página de inicio y, posiblemente, un enlace a la página “Contáctenos”.
40. Evite páginas largas : adivine qué, si el usuario necesita desplazarse hacia abajo para siempre para leer su contenido, probablemente lo omitirá por completo. Si ese es el caso con su sitio web, hágalo más corto y mejore la estructura de navegación.
41. Sin desplazamiento horizontal : si bien algunos desplazamientos verticales son tolerables, no se puede decir lo mismo sobre el desplazamiento horizontal. La resolución de pantalla más utilizada hoy en día es de 1024 x 768 píxeles, así que asegúrese de que su sitio web se ajuste a ella.
42. Sin errores ortográficos ni gramaticales : este no es un error de diseño web, pero es uno de los factores más importantes que afectan la calidad general de un sitio web. Asegúrese de que sus enlaces y textos no contengan errores ortográficos o gramaticales.
43. Si usa CAPTCHA, asegúrese de que las cartas sean legibles : varios sitios usan filtros CAPTCHA como un método para reducir el spam en los comentarios o en los formularios de registro. Solo hay un problema, la mayoría de las veces el usuario necesita llamar a toda su familia para descifrar las letras.