Top 10 fallos en el diseño web

Aquí enumeramos los 10 fallos más frecuentes que se cometen en el diseño web según un artículo publicado originalmente por Jakob Nielsen. Si tienes constancia de otros fallos típicos haz un comentario para que todos podamos evitarlos en el futuro. Aquí va la lista:

1. Búsqueda poco precisa
Motores de búsqueda demasiado literales que no son capaces de manejar errores en el criterio de búsqueda, plurales, guiones, etc.

2. Archivos PDF para leer en pantalla
Encontrar un archivo PDF mientras navegamos interrumpe la navegación. Los archivos PDF sirven para distribuir manuales y documentos pero no para leer texto en pantalla mientras navegamos.

3. No cambiar el color de los enlaces visitados
Conocer tu localización actual y las páginas visitadas anteriormente es un factor importante en el proceso de navegación y evita que los visitantes visiten la misma página de nuevo inintencionadamente. Cuando los enlaces visitados no cambian de color los usuarios se desorientan.

4. Texto no ‘escaneable’
Una pantalla de texto compacto no conviene para una experiencia interactiva. Es intimidante, aburrido, difícil de leer. Para ser más claro se deben usar:

  • Subtítulos
  • Listas con viñetas
  • Palabras claves realzadas
  • Párrafos cortos
  • La “pirámide invertida” (llama la atención inmediatamente en el primer párrafo empezando con la conclusión)
  • Una forma de escribir sencilla
  • Un lenguaje cotidiano sin demasiado “marketing”
  • 5. Tamaño de fuente fijo
    CSS permite deshabilitar la opción en el navegador de cambiar el tamaño del texto. Hay que respetar las preferencias de quien visita nuestro sitio web y permitir que lo puedan cambiar ellos mismos.

    6. Páginas con títulos que tengan una visibilidad baja para los motores de búsqueda
    La búsqueda es la forma más importante para que los usuarios descubran nuestro sitio web. El título de la página es la herramienta principal para atraer nuevas visitas y casi siempre es el enlace en si sobre el que pulsamos. Los títulos de las páginas también se usan como entrada por defecto en favoritos cuando agregamos una entrada allí. Para la página principal es conveniente usar un título como el nombre del negocio y para los demás usa palabras que describan la funcionalidad de la página más concretamente.

    7. Similitud con un anuncio
    Los usuarios de la web no prestan atención a los anuncios lo cual significa que también ignoran elementos del diseño web, aunque sean legítimos, porque se parecen a ellos. Por lo tanto evita cualquier diseño que tenga el aspecto de un anuncio. Evita el uso de:

  • Banners: los usuarios no se fijan en algo que se parece a un anuncio banner debido a su forma o posición en la página.
  • Animaciones: los usuarios ignoran zonas con texto que parpadea o en movimiento.
  • Pop-ups: los usuarios cierran las ventanas pop-up incluso antes de que se hayan cargado por completo.
  • 8. Violar las convenciones de diseño
    La coherencia es uno de los principios de la usabilidad. Los usuarios visitan otros sitios webs formándose así expectativas basándose en lo que encuentran en ellas. Si nos apartamos de lo que se suele hacer en otros sitios entonces nuestro sitio será más difícil de usar. Las expectativas de los usuarios no se cumplirán generando un sentido de inseguridad en ellos que nos puede perjudicar.

    9. Abrir ventanas nuevas
    Los diseñadores abren ventanas nuevas teóricamente para mantener a los usuarios conectados al sitio. Pero esto envía un mensaje de hostilidad al usuario ya que no tiene el control de su propia máquina y además deshabilita el botón de atrás que es la forma habitual de volver a sitios anteriormente visitados. Un enlace debería ser una referencia que reemplaza la página actual con contenido nuevo.

    10. No responder a las dudas de los usuarios
    Los usuarios tienen un objetivo en mente cuando visitan una página. El fallo más grave de una página web es el de no proporcionar la información que los usuarios buscan. O bien no está, o si está, se encuentra escondida tras una cortina de jerga de marketing. El peor ejemplo es el de no proporcionar el precio de un producto o servicio.

    7 comentarios en “Top 10 fallos en el diseño web”

    1. Simon PR: 0dijo:

      Uno que odio personalmente, es tener que hacer un scroll horizontalmente para visualizar todo la página.

    2. Nair PR: 0dijo:

      Ahora he cambiado de pantalla, pero cuando usaba 800×600 no podía ver el texto debajo de esos anuncios fijos de adsense.

    3. jgarcía PR: 6dijo:

      ¡¡Qué bueno, Simon!!

      Muchas gracias por tu estupendo trabajo.

    4. eMe PR: 5dijo:

      Buenísimo Simon!!! Creo que se aprende mucho con estos estudios sobre errores. Con respectoa tu comentario sobre el scroll horizontal, voy a mostrarte algo que puede hacerte cambiar de opinión ;) el scroll horizontal puede ser muy creativo!

    5. MilMazz PR: 0dijo:

      Simon, ¡excelente trabajo!, sobretodo vale la pena la traducción de un artículo del maestro de la usabilidad, Jakob Nielsen.

    6. jgarcía PR: 6dijo:

      eMe curiosa forma de sacar provecho de la barra de desplazamiento horizontal del navegador.

    7. Camuss PR: 0dijo:

      Pues la verdad eso de no encontrar la informacion es lo que mas odio. CUando entro a una pagina a buscar un producto tambien busco el PRECIO!!!….
      Ojala y eso se tome en cuenta desde ahora..

      Buen articulo….

    Deja tu comentario

    XHTML: Puedes usar las etiquetas: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>