Las 10 reglas heurísticas de Nielsen y cómo se aplican en Sytex 🚀

sep. 30, 2021
Una evaluación heurística es un método de inspección de usabilidad para software de computadora que ayuda a identificar problemas de usabilidad en el diseño de la interfaz de usuario (UI). Se trata específicamente de evaluadores que examinan la interfaz y juzgan su conformidad con los principios de usabilidad reconocidos (las “heurísticas”).

Las heurísticas de Jakob Nielsen son probablemente las heurísticas de usabilidad más utilizadas para el diseño de interfaces de usuario.Es recomendable que tras el análisis heurístico se realicen test con usuarios para reforzar las conclusiones y detectar otros fallos más profundos, así como para conocer qué necesitan, cómo lo quieren y cuáles son sus satisfacciones y frustraciones con la interfaz.

10 reglas heurísticas de Nielsen 🧷

1. Visibilidad del estado del sistema ⏳


Es uno de los básicos y, por lo que sea, el que más se olvida.
El sistema siempre debe mantener informados a los usuarios sobre el estado actual y las acciones a través de señales visuales y comentarios apropiados dentro de un tiempo razonable.

Ejemplo en Sytex: el usuario ve el estado de carga de un archivo (Form: preguntas y respuestas).

2. Coincidencia entre el sistema 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 lógico y natural.

Es importante que uses palabras y conceptos que le sean familiares al usuario y le permitan comprender rápidamente qué está pasando.

Ejemplo en Sytex: Se proporciona al usuario un video explicativo y conceptual de cómo funciona el sistema, y para que sirve con un tono acorde al target o tipo de usuario del sector o industria.

3. Dale al usuario el control y la libertad 🎛️


Esta regla habla de darle al usuario el control y la libertad de realizar las acciones que desee e incluso de darle la capacidad de deshacer acciones que puede haber tomado por error.

Es la llamada “salida de emergencia” que encontramos cuando podemos cancelar un envío de un correo electrónico, deshacer un texto escrito, etc.

Es importante dar libertad al usuario para poder deshacer acciones puesto que el sistema es propenso a cometer errores.

Ejemplo en Sytex: el usuario tiene la libertad en la interacción por varios caminos o decisiones de acciones.(Cierre de un formulario en la app).

4. Consistencia y estándares 🔦


La importancia de la consistencia en el diseño UI: el usuario no debe estar preguntándose siempre si ese botón enviará el correo, o si es un botón o un link, o si ese elemento es “clickable” o no.

Es importante mantener la misma consistencia a lo largo de todo el sistema (color, lenguaje, flujo de navegación, etc.). La consistencia es clave a la hora de diseñar interfaces usables. Cuando el esquema de navegación está estructurado de acuerdo al modelo mental de la mayoría de los usuarios, se tiene el 80% de éxito.

Ejemplo en Sytex: Análisis y definición de la colorimetría para lograr una sólida consistencia y mejor reconocimiento de estados en el sistema por parte del usuario (Estados en todos el sistema).

5. Prevención de errores ⛔


Incluso mejor que buenos mensajes de error es un diseño cuidadoso que evita que ocurra un problema en primer lugar.

Elimina las condiciones propensas a errores o verifícalas y presenta a los usuarios una opción de confirmación antes de que se comprometan con la acción.

Ejemplo en Sytex: Mensaje para enfocar la atención del usuario en esa acción con el color rojo en botones que denota la señal de que algo importante está por pasar (borrar grupo de preguntas en repetibles de la app).

6. Reconocer en lugar de recordar 👓

En el afán de diseñar pantallas “lo más limpias posibles” muchas veces caemos en ocultar opciones detrás de menús hamburguesa, hovers o ventanas modales.

Haciendo esto lo que hacemos es incrementar la carga mental en el usuario: le hacemos recordar dónde está qué y de qué pantalla viene y hacia dónde va.

Se trata de minimizar la carga cognitiva del usuario, es decir, aliviar la carga de memoria del usuario haciendo visible objetos, acciones y opciones.

Ejemplo en Sytex: Le recordamos al usuario haciendo visible sugerencias para que reconozca o asocie (Selección de roles en los formularios de la app).

7. Flexibilidad y eficiencia de uso 🕹️


Este es quizás uno de los principios más complejos: la interfaz que diseñes será utilizada por usuarios “pro” y por usuarios que acaban de llegar al sistema.

Aceleradores, atajos (visuales o no) y recomendaciones que faciliten la navegación, tanto para los usuarios sin experiencia como con experiencia. Es importante que el sistema permita personalizar acciones frecuentes.

Ejemplo en Sytex: Se da la posibilidad al “nuevo usuario” de elegir y aprender para convertirse en un “usuario Pro” más adelante. (Proceso inicial del usuario en el sistema).

8. Estética y diseño minimalista 🎨


El “diseño minimalista” no es solo una moda. Además, no se refiere exclusivamente a la estética flat, sino a no añadir más información de la estrictamente necesaria.

Eliminar el ruido visual, información de menor importancia. Los diálogos no deben contener información que sea irrelevante.

Cada unidad adicional de información en un diálogo compite con las unidades de información relevantes y disminuye su visibilidad relativa.

Ejemplo en Sytex: se proporciona lo relevante con un diseño minimalista y simple, eliminando u ocultando la información adicional (buscador general del sistema, “Search Everything”).

9. Ayuda al usuario a reconocer, diagnosticar y recuperarse
de los errores ⚠️

Los errores forman parte del camino del usuario. No siempre puedes evitarlos usando los principios anteriores, pero sí puedes facilitar la experiencia cuando suceden.

Los mensajes de error deben expresarse en un lenguaje sencillo (sin códigos), indicar con precisión el problema y sugerir una solución de manera constructiva.

Ejemplo en Sytex: Se informa al usuario con un tono amigable, indicando el problema con precisión para evitar intentar calmar la frustración del usuario (Tareas de mantenimiento o actualización en el sistema).

10. Ayuda y documentación 📝


Un sistema ideal no debería necesitar un manual o una documentación muy elaborada.

Pero aun así, las FAQ (preguntas frecuentes) son un gran ejemplo de cómo puedes evitar llamadas al servicio técnico o servicio de atención al cliente.

Aunque es mejor si el sistema se puede utilizar sin documentación, puede ser necesario proporcionar ayuda. Cualquier información de este tipo debe ser fácil de buscar, centrada en la tarea del usuario, enumerar los pasos concretos a realizar y no ser demasiado grande.

Ejemplo en Sytex: Con el Blog de Sytex como herramienta de aprendizaje, constantemente se va actualizando con información de interés y aprendizaje para el usuario. Y son los propios “Syters” quienes se encargan de ayudar y generar contenido de utilidad.

Cómo evaluar la heurística de un producto 💡


Les dejo un link para que puedan descargar gratis un documento de Google Spreadsheets con un ejemplo de Análisis Heurístico. Está en inglés, ¡pero no hay nada que no se pueda traducir! Acordate de descargarlo o copiarlo para poder usarlo.

Conclusiones ✍️


El cumplimiento de las 10 reglas heurísticas de Nielsen no excluyen los tests con usuarios, pero como te habrás dado cuenta al leer el artículo, permiten detectar errores antes de lanzar un producto o unos tests.

El análisis de la heurística puede aplicarse en el producto finalizado, pero también en los prototipos en papel o en el propio proceso de diseño.

Utiliza siempre tu criterio para implementar estos principios o cualquier otra práctica de UX manteniéndote en el lugar del usuario final.


¡Gracias por leernos!

Si les gustó la nota pueden compartirla y difundirla. 💪

Santiago Cruz

Diseñador UI UX | Dir. de Arte. Team Leader de Diseño en Sytex

Comments powered by Talkyard.

¡Genial! Te has suscrito con éxito.
¡Genial! Ahora, completa el checkout para tener acceso completo.
¡Bienvenido de nuevo! Has iniciado sesión con éxito.
Éxito! Su cuenta está totalmente activada, ahora tienes acceso a todo el contenido.