Los 10 conceptos básicos de usabilidad web (I)

Los 10 conceptos básicos de usabilidad web (I)

Repasamos los conceptos básicos de usabilidad que harán que los usuarios encuentren lo que buscan en tu web con el mínimo esfuerzo y en el menor tiempo posible.

Como diría Steve Krug en su 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, quédese con ella. Todo lo que con ello quiero decir es que, hasta lo que humanamente es posible, cuando se mire una página web ésta ha de ser obvia, evidente, clara y fácil de entender. Tendría que poder ``entenderla`` (qué es y cómo usarla) sin agotar esfuerzos pensando en ella.

En este artículo nos vamos a centrar el los 10 principios que, Jackob Nielsen, un visionario de la usabilidad, formuló en 1995, y que aún hoy en día se utilizan como principios base de la usabilidad web. Estos conceptos son generales y no entran en detalles técnicos però si que nos marcan una línea y nos dan a entender que 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 indican que un correo se ha enviado correctamente o que hay un campo requerido que no ha sido completado en un formulario. También puede serlo las barras de carga, los breadcrumbs o indicadores de un proceso de compra.

2. 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: hay ocasiones en que los usuarios elegirán las funciones del sistema por error y necesitarán una “salida de emergencia” claramente marcada para dejar el estado no deseado al que accedieron, sin tener que pasar por una serie de pasos. Se deben apoyar las funciones de deshacer y rehacer.

Un ejemplo claro es la posibilidad de borrar productos añadidos al carrito previamente porqué el usuario, finalmente, decide no comprarlos.

4. Consistencia: Los usuarios no deberían cuestionarse si acciones, situaciones o palabras diferentes significan en realidad la misma cosa; siga las convenciones establecidas.

Esto sucede, sobre todo con los iconos, por ejemplo el hecho de usar 3 lineas horizontales para el menú mobile de cualquier aplicación es un estándar reconocible por todos los usuarios y que no debería ser cambiado.

Igual que un botón verde lo asociamos a “Aceptar” y uno rojo a “Cancelar” y tampoco deberíamos invertirlos.

5. Prevención de errores: mucho mejor que un buen diseño de mensajes de error es realizar un diseño cuidadoso que prevenga la ocurrencia de problemas.

La opción de autocompletar de Google es un buen ejemplo de usabilidad.

En el próximo post, veremos los 5 principios restantes



Obre el chat
💬 Necessites ayuda?
Hola 👋!
Estem aquí per si vols consultar alguna cosa amb nosaltres. Sense compromís. Ens encantarà parlar amb tu.