Repasamos los conceptos básicos de usabilidad que harán que los usuarios encuentren lo que busquen en tu web con el mínimo esfuerzo y en el menor tiempo posible.
Como diría Steve Krug en el libro «Don’t Make me Think», no hagas pensar al usuario que visita tu web:
Se trata del principio fundamental, el voto de calidad primordial a la hora de decidir si algo en el diseño web funciona o no. Si sólo tiene capacidad en su mente para una única norma de usabilidad, permanezca en ella. Todo lo que quiero decir con esto es que, hasta lo humanamente posible, cuando se mire una página web ésta debe ser obvia, evidente, clara y fácil de entender. Debería poder entenderla (qué es y cómo utilizarla) sin agotar esfuerzos pensando en ello
. En este artículo nos centraremos en los 10 principios que, Jackob Nielsen, un visionario de la usabilidad web, formuló en 1995, y que todavía hoy en día se utilizan como principios base del estudio de la usabilidad web. Estos conceptos son generales y no entren en detalles técnicos pero sí que nos marquen una línea y nos den a comprender qué técnicas o recursos podemos utilizar en cada uno de los casos para cumplir con ellos.1. Visibilidad del estado de la web: el sistema siempre debe mantener informados a los usuarios sobre los procesos que se están llevando a cabo.
El ejemplo clásico son los comentarios que indiquen que un correo se ha enviado correctamente o que existe un campo requerido que no se ha completado en un formulario. También pueden serlo las barras de carga, los breadcrumbs o los indicadores de un proceso de compra2. Relación entre la web y el mundo real: el sistema debe hablar el idioma de los usuarios, con palabras, frases y conceptos familiares para el usuario, en lugar de términos orientados al sistema. Siga las convenciones del mundo real, haciendo que la información aparezca en un orden natural y lógico.3. Control y libertad del usuario: en ocasiones los usuarios eligieran las funciones del sistema por error y necesitarán una «salida de emergencia» claramente marcada para dejar el estado no deseado al que han accedido por error, sin tener que pasar por una serie de pasos. Se apoyarán las funciones de deshacer y rehacer.
Un ejemplo claro es la posibilidad de borrar productos añadidos a la cesta previamente porque, por ejemplo, el usuario finalmente decide no comprar un producto previamente añadido.4. Consistencia: Los usuarios no deberían cuestionarse si acciones, situaciones o palabras diferentes signifiquen en realidad la misma cosa; sigue las convenciones establecidas.
Esto ocurre, sobre todo con la iconografía, por ejemplo el hecho de utilizar 3 líneas horizontales para el menú mobile de cualquier aplicación es un estándar reconocible para todos los usuarios y que no debería ser cambiado.
Al igual que un botón verde lo asociamos a «de acuerdo» y uno rojo a «borrar/cancelar» y tampoco deberíamos invertirlos.5. Prevención de errores: mejor que un buen diseño de mensajes de error es realizar un diseño esmerado que prevenga errores.
La opción de auto completar de Google es un buen ejemplo de usabilidad. En el próximo post, veremos los 5 principios básicos restantes.
