Los 10 principios heurísticos de la usabilidad

Los 10 principios heurísticos de la usabilidad, traducidos de un clásico de clásicos, el Ten Usability Heuristics, del maestro Jakob Nielsen.

Los 10 principios heurísticos de la usabilidad:

Visibilidad del estado del sistema
El sistema siempre debe mantener informado al usuario acerca de lo que está pasando, utilizando para ello un feedback adecuado y en un tiempo razonable.

Concordancia entre el sistema y el mundo real
El sistema debe hablar el lenguaje del usuario, con palabras, frases y conceptos familiares a él, más allá de los términos orientados al sistema. Se deben seguir las convenciones del mundo real, logrando que la información aparezca en un orden lógico y natural.

Control y libertad del usuario
Los usuarios escogen frecuentemente por error algunas funciones del sistema, y necesitan de una “salida de emergencia” claramente rotulada, de modo que puedan volver al estado anterior sin pasar por diálogos complejos o extensos. Mantenga y de soporte para Deshacer y Rehacer acciones.

Consistencia y estándares
Los usuarios no deben lidiar con diferentes palabras, situaciones o acciones que signifiquen lo mismo. Siga las convenciones de la plataforma.

Prevención de errores
Aunque un mensaje de error bien diseñado es bueno, es mucho mejor cuidar el diseño y evitar los problemas. Intente eliminar las posibilidades de error, o bien determine cuáles serían y muéstrelas a los usuarios con una opción de confirmación antes que realicen la acción.

Reconocimiento antes que llamadas
Minimice la carga mnemotécnica del usuario entregando visibilidad a objetos, acciones y opciones. El usuario no tiene porqué recordar la información de un diálogo anterior en presencia de otro. Las instrucciones para el uso del sistema deben ser visibles o fácilmente accesibles cuando es necesario.

Flexibilidad y eficiencia de uso
Aceleradores, invisibles al usuario novato, deberían entregar rapidez en la interacción de los usuarios expertos, de tal modo que el sistema satisfaga a ambos. Permita a los usuarios automatizar acciones frecuentes.

Diseño estético y minimalista
Los diálogos no deben contener información que sea irrelevante o raramente necesitada. Cada bit extra de información compite con aquella que es relevante, y disminuye su visibilidad relativa.

Ayude a los usuarios a reconocer, diagnosticar y recuperarse de los errores
Los mensajes de error deben ser expresados en un lenguaje natural, sin códigos específicos del sistema. Deben indicar con precisión el problema, e indicar en forma constructiva la posible solución.

Ayuda y documentación
Aunque se piense que lo mejor es que el sistema sea utilizable sin manuales ni guías de uso, siempre es necesario incluir algún tipo de ayuda y documentación. Al respecto, toda información proporcionada debe ser fácil de encontrar, enfocada en la tarea del usuario y listando los pasos concretos a realizar, y por sobre todo, no ser demasiado larga.

Las 3 reglas de oro de los wireframes

1.- Sólo se puede hacer servir una única forma, un rectángulo. Puedes usar todas sus mutaciones posibles (alargados, cuadrados, líneas…), pero nada más que eso. Los bordes redondeados, por ejemplo, no se deben utilizar.

2.- Sólo se puede hacer servir una tipografía, la fuente Arial. Se puede cambiar el cuerpo de la fuente o su grosor, o añadir subrayados para indicar enlaces, pero sólo puedes hacer servir Arial

3.- Sólo se puede hacer servir un color, y tiene que ser el color negro. Ningún otro color, y tampoco pueden haber texturas, degradados o escala de grises.

Rediseño de eBay

Muchas veces se dice que el diseño es importante para el éxito de un website. Y lo es, desde luego. Pero otras veces, una idea puede ser tan poderosa como para aunque el diseño sea horrible, tirunfe. Es el caso de eBay, cuyo diseño está totalmente falto de orden, integridad, coherencia y consistencia. Y tampoco es visualmente atractivo, esa es la verdad. Todo lo contrario: es bastante ofensivo a la sensible vista de un diseñador.

Por fortuna, me he dado cuenta de que no soy el único que critica a las majors de Internet por motivos así, al ver el trabajo que ha hecho mi tocayo Andy Rutledge, que ha rediseñado la web de eBay.

Un interesante re-diseño de eBay que pone de manifiesto que incluso webs importantísimas tienen un diseño horroroso, y qué fácil es articular consistentemente los contenidos en un website, de modo que sean comprensibles a un golpe de vista.

Ahora falta Amazon.com, etc.