Un análisis heurístico es una técnica para evaluar la usabilidad de un sitio web o aplicación existente, se basa en revisar las buenas prácticas recogidas por Jacob Nielsen en ”Ten Usability Heuristics”.

El resultado es un documento que recoge las fortalezas y debilidades del sitio, así como recomendaciones para mejorar su usabilidad.

¿Qué ventajas tiene?

Es un método rápido, intuitivo, barato, que no requiere involucrar directamente a usuarios finales.
Ayuda a entender el estado actual del producto, a identificar problemas básicos para tenerlos en cuenta y saber cómo evitarlos en el nuevo diseño.

¿Cuándo realizar un análisis heurístico?

Cuando tenemos un proyecto previo el cual vamos a rediseñar.

Las 10 heurísticas de usabilidad

Visibilidad del estado del sistema – ¿Qué está pasando?

El sistema debe informar siempre al usuario de lo que está haciendo, con el correspondiente feedback en un tiempo razonable.
Mensajes de que se está realizando una transacción o de confirmación una vez realizada.

Conexión entre el sistema y el mundo real

El sistema debe hablar el mismo idioma que el usuario, con palabras, frases y conceptos que le sean familiares. Tiene que seguir las convecciones del mundo real, haciendo que la información aparezca en orden lógico y natural.

Uso y control del usuario

Los usuarios frecuentemente realizan acciones por error y necesitarán tener clara una “salida de emergencia” para dejar todo como estaba. Por ello, será conveniente el soporte de las acciones “deshacer” y “rehacer”.

Consistencia y estándares

El usuario no debe tener diferentes palabras, situaciones o acciones para cosas que signifiquen lo mismo. Se deben seguir las convecciones web.

Prevención de errores

Antes que tener unos buenos mensajes de error hay que cuidar el diseño para prevenir estos errores. Validar los errores antes de enviar la acción, como puede ocurrir al rellenar un formulario.

Reconocer mejor que recordar

Minimiza el uso de la memoria del usuario colocando los objetos, acciones y opciones a la vista. El usuario no debe recordar todos los pasos sino que sean reconocibles.

Uso eficiente y flexibilidad

Los aceleradores o atajos aumentan la velocidad de interacción para los usuarios expertos. Permitir el uso de estos para las acciones frecuentes.

Diseño práctico y minimalista

No debe mostrarse información irrelevante o que raramente se necesita a simple vista.
Cada unidad de información extra reduce la visibilidad de la información verdaderamente importante.

Ayuda, diagnóstico y recuperación de errores

Los mensajes de error deberían expresarse en lenguaje plano (no en códigos), precisamente para indicar el problema y sugerir una solución constructiva.

Ayuda y documentación

Incluso si el sistema es suficientemente usable uitilizarlo sin documentación, es mejor tenerla. Cualquier información debe ser fácil de buscar, centrada en las tareas del usuario, que se defina en una serie de pasos concretos y no sea demasiada larga.

¿Cómo realizar un análisis heurístico?

1. Conoce el producto a analizar. Consigue acceso completo, conoce sus objetivos, cuales son las principales acciones de sus usuarios.

2. Elige las heurísticas a utilizar, comprueba todas las que son aplicables a tu producto.

3. Navega e investiga el producto revisando las heurísticas.

• Toma nota de los problemas encontrados para cada heurística.
  • Define el problema en una sentencia
  • Realiza una breve descripción de qué problema existe y cómo lo has encontrado. Incluye capturas de pantallas que ayuden a entender el problema.
  • Valora el impacto que tiene si es ALTO, MEDIO o BAJO. Alta cuando consideras que muchos usuarios pueden tener ese problema y les impide realizar una tarea o conseguir cierta información. Medio cuando ese error causa frustración pero no es irreversible. Bajo cuando puede causar confusión pero no supone una perdida de tiempo.
  • Incluye recomendaciones e ideas sobre como solucionar el problema.
• Toma notas de las heurísticas que se cumplen correctamente.

4. Comparte las heurísticas con el equipo del proyecto

Esta es la plantilla que utilizo para definir las observaciones:

Guardar

Guardar

Guardar