Bootcamp UX - Contenido

Explore

Usabilidad

Heurísticas de usabilidad

Las heurísticas de usabilidad son principios que nos ayudan a evaluar y mejorar el diseño de un producto digital. Existen distintas propuesta de heurísticas, sin embargo, aquí te vamos a presentar los principios propuestos por Jakob Nielsen. Estas heurísticas están compuestas por 10 principios que abordan la intuitividad, la eficiencia, la satisfacción, la seguridad y otros aspectos relacionados con la experiencia del usuario.

01 - Visibilidad del estado del sistema

El sistema siempre debe mantener a los usuarios informados sobre lo que sucede, a través de retroalimentación apropiada durante un tiempo razonable.

Por ejemplo, cuando la información está cargando como en Linkedin.

⁠

⁠

Otro ejemplo es cuando el usuario sube un archivo está cargando como en este ejemplo de Google Drive

⁠

02 - Relación entre el sistema y el mundo real

El sistema debe hablar el lenguaje de los usuarios mediante palabras, frases y conceptos familiares. Además, la información debe aparecer en un orden natural y lógico.

En este ejemplo, vemos que el sistema utiliza el término “autos” (seguro de autos). Sin embargo, si un usuario ingresa en el buscador el término carro (común en Perú y México), el sistema relacionará ambos términos.

⁠

⁠

03 - Control y libertad al usuario

Los usuarios a menudo seleccionan funcionalidades por error, por lo tanto, necesitan una manera clara de deshacer o regresar dichas acciones.

En este ejemplo de Gmail, la plataforma da la opción al usuario de deshacer el envío de un correo electrónico.

⁠

⁠

04 - Consistencia y estándares

La idea es mantener nuestras interfaces consistentes. Si el botón continuar es verde con letras negras deberían mantenerse las mismas características siempre que incluyamos un botón con la misma acción dentro de nuestro producto. Los usuarios no deben cuestionarse si acciones o palabras diferentes significan la misma cosa.

En este ejemplo, Microsoft Office utiliza una barra en sus productos para realizar tareas dentro de cada herramienta. Aunque la barra es contextual según el producto que se esté utilizando, una tarea se puede completar de la misma manera en todos los productos. Por ejemplo, un usuario que quiere personalizar el texto, lo hará de la misma manera en Word (arriba), Excel (centro) y PowerPoint (abajo).

⁠

05 - Prevención de errores

Mejor que diseñar mensajes de error, es prevenir que sucedan mediante un diseño cuidadoso que eliminen las condiciones propensas a que esto suceda.

En este ejemplo de Gmail, el usuario escribe adjuntar pero se olvida de añadir el archivo y el sistema se lo hace saber.

⁠

⁠

06 - Reconocimiento en lugar de memorización

Se deben tener a la vista los objetos, acciones y opciones para que el usuario no tenga que recordar información que se le da en una parte del proceso para seguir adelante.

En este ejemplo, en lugar de preguntarle al usuario qué cosas te interesan (corriendo el riesgo de que se olvide de muchas), el sistema le muestra algunas alternativas para que reconozca que cosas son las que le interesan.

⁠

⁠

07 - Flexibilidad y eficiencia en el uso

El sistema debe presentar aceleradores (a menudo invisibles para un usuario novato) que suelen dar velocidad a la interacción de un experto.

En este ejemplo de Outlook se muestran las opciones básicas para los usuarios normales, pero hay una opción avanzada para usuarios con otras necesidades y expertise.

⁠

⁠

08 - Diseño estético y minimalista

Las interfaces no deben contener información que sea irrelevante o que rara vez se necesite. Cada unidad adicional de información en una interfaz compite con las unidades de información relevantes y disminuye su visibilidad relativa.

En el caso de Google Chrome, cada uno de los componentes ayuda a los usuarios a realizar la búsqueda de la información que necesitan.

⁠

09 - Ayuda a los usuarios a reconocer y recuperarse de los errores

Los mensajes de error se deben entregar en un lenguaje claro y simple indicando en forma precisa el problema y sugerir una solución.

En este ejemplo, Mailchimp le avisa a un usuario que el username que había seleccionado ya está tomado por otro usuario.

⁠

⁠

10 - Ayuda y documentación

Aunque es mejor poder usar un sistema sin documentación, puede ser necesario proveer ayuda al usuario. La información debe estar enfocada en las tareas que realiza el usuario con pasos concretos y rápidos a realizar.

En este ejemplo, GoDaddy nos muestra todas las opciones que tiene disponible para sus usuarios.

⁠

⁠

Otros recursos

⁠

Loading www.asilodigital.com⁠

⁠

Loading www.nngroup.com⁠

⁠

Ayúdanos a seguir mejorando nuestro contenido🤩

Puedes dejarnos tu comentarios

aquí⁠

⁠

Want to print your doc?
This is not the way.

Try clicking the ⋯ next to your doc name or using a keyboard shortcut (

CtrlP

) instead.