Finalizamos la serie de tips para el diseño de páginas webs usables, haciendo una breve reseña de los errores más frecuentes (basado en Useit.com 
).
).- Mala función de búsqueda. La experiencia de los usuarios con buscadores de alta calidad como Google significa que no podemos usar en nuestro sitio motores que simplemente:
- Hagan búsqueda literal - sin considerar errores ortográficos, de tipeo o de acentos.
- No prioricen los resultados por el número de coincidencias.
- No permitan una búsqueda simple, antes de la avanzada.
Por ejemplo, vean los resultados de la búsqueda de "silla niños" en Falabella.com, Paris.cl, y Ripley.cl. Hay resultados que no corresponden a lo buscado como juguetes o bicicletas. En el caso de Easy.cl y Sodimac.cl la búsqueda arroja que no hay resultados. Si en Sodimac esta vez buscamos por "silla infantil" obtenemos 4 resultados, cuando sólo en la categoría "Escritorio y Sillas infantiles" hay 14 itemes.
Esta experiencia es frustrante para el usuario (¿está o no lo que busco?), y en el caso de sitios de e-commerce significan ventas perdidas. Muchos clientes abandonan tras los resultados de la búsqueda y no hacen el esfuerzo de navegar por el sitio hasta encontrar lo que buscan. - Texto y el tipo de fuente utilizada: el uso de los colores y tipo de letras debe facilitar la navegación. Algunos errores más comunes son:
- Mantener el mismo color de los enlaces visitados o no.
- Texto no escaneable: una pared de texto es una experiencia difícil para la lectura en línea.
- Tamaño fijo de fuente o usar textos dibujados: esto evita que los usuarios puedan agrandar el texto si lo desean, o hacen que el sitio se vea mal si el usuario tiene configuraciones predeterminadas de letra y tamaño con que desplegarlos. Además no permite que los textos sean traducidos.
- Títulos de la página con poca visibilidad para buscadores.
- No seguir las convenciones de diseño. Siempre debemos recordar que nuestros usuarios potenciales pasan más tiempo en otros sitios que en el que ustedes están diseñando. Por ejemplo, la navegación y los links deben mantener una familiaridad que permita usarlos.
- Todo lo que parece publicidad será ignorado. Cuando se le da a publicidad más importancia que a los contenidos del sitio o se usa animación para destacar algunos contenidos que se confunda con publicidad.La siguiente imagen muestra la visualización de 3 páginas usando la técnica de seguimiento ocular. Las áreas más vistas están en rojo, mientras que las menos están en azul. Como puede advertirse, los anuncios publicitarios (enmarcardos en amarillo) fueron ignorados.
Pueden ver los tips de Jacon Nielsen en su artículo "Banner Blindness: Old and New Findings". - Abrir nuevas ventanas como opción de navegación. Esto porque es un evento inesperado para el usuario y en segundo lugar muchos navegadores automáticamente bloquean esta acción, por lo tanto, puede pasar desapercibida lo que es no menor por ejemplo si se trata de la página de un banco que requiera algún tipo de confirmación para realizar una transacción.
Por ejemplo, el Servicio de Impuestos Internos chileno (www.sii.cl) abre nuevas ventanas para el pago en línea que son bloqueadas por los navegadores, causando problemas a los usuarios inexpertos o produciendo transacciones incompletas.Normalmente la convención de abrir una ventana nueva se usa cuando se abre contenido externo al sitio, como una forma de decirle al usuario que está abandonando el contenido del sitio recientemente visitado. Algunas veces se denota con un icono (). - “One size fits all”. El sitio debe funcionar en la mayor cantidad y diversidad de plataformas tecnológicas disponibles, ya no es una opción “imponer” el uso de un cierto navegador, para ello existen herramientas como Google Analytics que permiten identificar el sistema operativo, navegador y resolución del monitor de los usuarios que navegan el sitio.
No es lo mismo navegar en pantallas de gran tamaño que hacerlo en pantallas pequeñas o táctiles. El sitio web debiera ofrecer experiencias distintas según el usuario se conecte desde distintos dispositivos, sobre todo si el público objetivo tiene acceso a este tipo de aparatos.
Guías para el diseño en plataformas móviles lo podemos encontrar en el blog de Onextrapixel. - No responder las preguntas o consultas de los usuarios. Frecuentemente, no existen teléfonos donde llamar, e-mails de contacto o esta se hace a través de formularios que nadie contesta después.Esto está relacionado con la baja integración de la Internet como parte de la estrategia de comunicaciones de la empresa (es algo que debe tener, pero no es prioritario). En la era de la web 2.0, con el rápido desarrollo de las redes sociales la falta de presencia en medios como Facebook (sólo en Chile hay 8 millones de usuarios) o Twitter es inexcusable. Pero todos ellos exigen eficacia y eficiencia de respuesta a los clientes.
Qué leer
Nielsen, J. (2007) Banner Blindness: Old and New Findings
OnextraPixel (2010) Designing For The Modern Day Mobile Market
Como citar este artículo:
Dombrovskaia, L. (2010) Tips para el diseño de páginas web usables - tercera parte. Disponible en http://www.intelectivo.com/2010/08/tips-para-el-diseno-de-paginas-web_9489.html