La usabilidad es el núcleo del diseño, la investigación y la interacción entre el ser humano y el ordenador. Nuestro trabajo consiste en garantizar que los sitios web y los productos digitales sean intuitivos, fáciles de navegar y agradables de manejar.
Aunque existen muchos principios y directrices de usabilidad, los de Jakob Nielsen (del Grupo Neilsen Norman) ?10 heurísticas de usabilidad para el diseño de interfaces de usuario? se considera el estándar para los diseñadores de UX.
En 1990, Nielsen colaboró con Rolf Molich para presentar su primer conjunto de directrices de usabilidad (o mejores prácticas) para ayudar a los diseñadores a centrarse en los elementos esenciales que proporcionan una gran experiencia. Cuatro años más tarde, las perfeccionó basándose en un análisis factorial de los problemas de usabilidad, y de nuevo en 2020, presentando la versión actual que investigadores, diseñadores y desarrolladores utilizan hoy en día.
¿Qué son las heurísticas de usabilidad y por qué las necesitamos?
La heurística, según la definición del diccionario, es:
?un método de aprendizaje o de resolución de problemas que permite a las personas descubrir cosas por sí mismas y aprender de sus propias experiencias.
Por definición, son lo que controla la facilidad de uso de nuestros productos. Hacen que sean intuitivos y fáciles de usar, que sus elementos sean reconocibles y que nos permitan realizar las tareas que necesitamos de ellos, aunque nunca antes hayamos utilizado el producto.
Entonces, ¿para qué necesitamos los diez principios fundamentales de Nielsen? Seguramente, estas cosas deberían ser de sentido común para los diseñadores e investigadores a la hora de crear o perfeccionar un producto. Pues bien, no todos los que participan en la creación de un producto son diseñadores, por lo que la heurística de Nielsen proporciona una lista de "imprescindibles" en un lenguaje común para todos, manteniendo a todos en la misma sintonía, ya sean diseñadores muy experimentados o partes interesadas.
Y, por mucha experiencia que se tenga, nadie es infalible. Considerar los principios esenciales de usabilidad de Nielsen como una lista de comprobación para cada característica, página u operación puede identificar los problemas de usabilidad en las primeras fases del proceso, ahorrando tiempo y dinero mucho antes de realizar las pruebas de usabilidad.
¿Cuáles son las heurísticas de Jakob Nielsen para el diseño de interacción?
- Visibilidad del estado del sistema
- Correspondencia entre el sistema y el mundo real
- Control y libertad para el usuario
- Coherencia y normas
- Prevención de errores
- Reconocimiento más que recuerdo
- Flexibilidad y eficacia de uso
- Diseño estético y minimalista
- Ayudar a los usuarios a reconocer errores, diagnosticarlos y recuperarse de ellos.
- Ayuda y documentación
Si desea conocer la guía de Nielsen de primera mano, visite la página Grupo Nielsen Norman sitio web y explorarlos como entregados directamente.
Si lo que desea es una rápida inmersión en el objetivo de cada uno, está en el lugar adecuado.
1. Visibilidad del estado del sistema
Para evitar confusiones y frustraciones, mantener informados a los usuarios sobre su posición en un proceso y lo que está ocurriendo requiere una retroalimentación adecuada, a menudo inmediata (Nielsen sugiere "en un tiempo razonable"). Cuando emprendemos una acción, esperamos que el producto reaccione; si el resultado no es evidente, el feedback confirma que todo va por buen camino.
Con las actualizaciones sobre el estado del sistema, nos sentimos seguros y en control, lo que aumenta nuestra confianza en el sistema y la marca.
Ejemplos de visibilidad del estado del sistema:
- Diálogo de añadir al carrito o icono del carrito actualizado
- Animaciones de confirmación y determinadas microinteracciones
- Confirmación de suscripción al boletín de noticias
- Barras de progreso y carga y actualizaciones de tiempo
- Migas de pan para mostrar a los usuarios dónde se encuentran dentro de la navegación y el contenido de un sitio.
2. Correspondencia entre el sistema y el mundo real
Para que los productos sean intuitivos y requieran menos aprendizaje por parte del usuario, utilizamos elementos que los usuarios ya reconocen, a menudo imitando o representando elementos del mundo real. Eso significa dar pistas visuales o abandonar la jerga técnica para hablar el idioma de los usuarios y utilizar frases y conceptos que les resulten familiares en un orden natural y lógico.
Cuando seguimos las convenciones del mundo real, ayudamos a construir un sistema ya familiar para el usuario; a esto lo llamamos cartografía natural.
Ejemplos de convenciones del mundo real:
- Iconos que representan acciones: papelera, sobre de correo electrónico, lupa de búsqueda, etc.
- Páginas que pasan en las aplicaciones de lectura electrónica
- Utilizar el color verde para indicar que todo va bien y el rojo para indicar que se ha parado o como aviso de error.
- Pellizcar para ampliar y deslizar para mover páginas o pantallas
3. Control y libertad del usuario
Dado que los productos digitales rara vez vienen con una guía completa o un manual de instrucciones, necesitamos la opción de recuperarnos cuando pulsamos un botón equivocado o cometemos algún otro error. Nielsen llama a esto ...una salida de emergencia..., lo que permite al usuario retomar el camino sin tener que seguir un largo proceso para volver al punto de partida original.
Ejemplos de control y libertad del usuario:
- Funciones de deshacer y rehacer
- Botones traseros
- Cancelar opciones
- Migas de navegación
- Botón derecho del ratón o submenús del producto
- Mensajes de error cuidadosamente elaborados que ofrecen al usuario indicaciones para volver a la pista.
4. Coherencia y normas
Otra área en la que podemos reducir el aprendizaje de los usuarios es siguiendo los patrones y estándares de los productos y plataformas existentes y los del mundo real. Hay una razón por la que la mayoría de las interfaces de usuario se parecen; reinventar la rueda obliga a los usuarios a dar pasos añadidos que no necesitan aprender... mantener la coherencia y los estándares que los usuarios esperan ahorra tiempo y frustración.
Existen dos tipos de coherencia: la primera, dentro del producto (conocida como coherencia interna), y la segunda, las convenciones del sector (coherencia externa).
Ejemplos de coherencia y normas:
- Utilización de iconos aceptados por el sector, pero en el estilo de la marca del producto.
- Cumplimiento de las normas de etiquetado y rellenado de formularios
- Siguiendo un formato de compra/registro/navegación que ya entienden
5. 5. Prevención de errores
Para hacer frente a los errores no basta con ofrecer a los usuarios una vía de escape o un plan de salida. Lo ideal es que una interfaz de usuario bien pensada ayude a los usuarios a evitar posibles o probables errores. Muchos errores se producen por descuido o falta de atención, pero otros se deben a procesos complejos o a la falta de orientación.
Proporcionar la información y las instrucciones necesarias puede minimizar los errores y eliminar las condiciones propensas a cometerlos; mantener a los usuarios informados de dónde pueden producirse puede ahorrarles tiempo y evitarles frustraciones.
Ejemplos de prevención de errores:
- Advertencias y acciones que ayudan a sortear errores y mensajes de error
- Proporcionar instrucciones en un lenguaje sencillo o con instrucciones visuales o gráficas fáciles de entender.
- Añadir sugerencias a los campos del formulario
- Sugerencias ortográficas en los campos de formulario
- Opciones de confirmación de campos de formulario (mediante campos de entrada repetidos), por ejemplo, para direcciones de correo electrónico y contraseñas.
- Una opción de confirmación al borrar permanentemente archivos, mensajes de correo electrónico y otra información importante.
6. Reconocimiento más que recuerdo
Para ayudar a minimizar la carga de memoria del usuario y maximizar su capacidad de pensamiento, una UX de calidad le ofrecerá sugerencias en lugar de esperar que recuerde información general o aprendida previamente.
Ejemplos de reconocimiento en lugar de recuerdo:
- Campos de formulario predefinidos (países, fechas, ocupaciones, etc.)
- Autocompletar las consultas de búsqueda
- Instrucciones paso a paso en proceso
- Artículos vistos recientemente
- Contactos recientes en el teléfono y aplicaciones de mensajería
- La función "continuar" o la sección "mis programas" de los servicios de streaming
7. Flexibilidad y eficacia de uso
Aunque no queremos confundir a los nuevos usuarios con demasiada información, ayudar a los usuarios experimentados a navegar por el software o los productos de forma más eficiente proporciona una UX mucho mejor.
Como en la vida real, nos encantan los trucos o atajos que facilitan el uso de un producto o nos llevan más rápido a nuestros objetivos. Esto desarrolla el control del usuario y permite al usuario experto adaptar las acciones frecuentes a sus necesidades específicas, proporcionando una UX más satisfactoria gracias a un menor esfuerzo cognitivo.
Ejemplos de flexibilidad y eficacia de uso:
- Introduzca acelerador sugerencias, por ejemplo, atajos de teclado y gestos táctiles
- Ofrecer opciones de personalización para que los usuarios puedan ir directamente a los contenidos o funciones esenciales.
- Permitir la personalización para que puedan dictar cómo les funciona el producto
8. Diseño estético y minimalista
El diseño minimalista no es sólo cuestión de elegancia, sino de aportar valor real. Cada elemento innecesario compite por la atención del usuario, lo que resta eficacia a un sitio o producto.
Cuando se trata de contenido y heurística de usabilidad, menos es más. Sin embargo, eso no significa que se elimine todo para crear una página limpia y clara... solo las partes que no ofrecen valor y distraen a los usuarios de lo importante.
Ejemplos de diseño estético y minimalista:
- La página de inicio de Google es probablemente uno de los productos mínimos más reconocibles de Internet.
- Iconos de navegación sencillos en la parte inferior de la pantalla de las aplicaciones móviles
- Aplicaciones de calculadora que cambian de funciones básicas a funciones científicas completas al girar el dispositivo.
9. Ayudar a los usuarios a reconocer, diagnosticar y recuperarse de los errores
Las equivocaciones y los errores son inevitables. Disponer de una salida de emergencia es una forma de solucionar el problema, pero es mejor contar con buenos mensajes de error que indiquen cómo se ha producido el problema e instrucciones sobre cómo volver a la normalidad. Ayudar a los usuarios a entender el problema les ayuda a evitar volver a cometer el mismo error, al tiempo que refuerza su confianza.
Ejemplos de funciones de recuperación de errores:
- Fallos en el inicio de sesión: explicación de las condiciones que no se han cumplido; por ejemplo, "no existe tal cuenta" o "la contraseña no coincide".
- Creación de contraseñas: incluya las condiciones que deben cumplir los usuarios, por ejemplo, número mínimo de caracteres, números, mayúsculas o caracteres especiales.
10. Ayuda y documentación
La mayoría de las aplicaciones y productos digitales requieren muy pocas instrucciones, pero los usuarios suelen necesitar instrucciones y orientación completas y claras para los sistemas y productos más complejos.
Nielsen sugiere que la documentación de ayuda debe ser fácil de buscar y centrarse en la tarea del usuario; debe ser concisa, con pasos concretos en forma de lista y, a ser posible, presentarse donde el usuario la necesite.
Ejemplos de ayuda y documentación:
- Guías del usuario
- Centros de ayuda
- Preguntas frecuentes
- Chat de asistencia
- Recorridos de incorporación
- Información sobre herramientas
Principios adicionales de usabilidad web
A pesar de que Nielsen es prácticamente el autor de los principios de usabilidad, su lista no es absoluta. Hay aspectos importantes de la experiencia del usuario que no se mencionan: accesibilidad y disponibilidad, relevancia y credibilidad, por ejemplo. Sólo el tiempo dirá si estos u otros elementos se tendrán en cuenta en futuras versiones o si serán cruciales a medida que evolucionen nuestras tecnologías, comunidades y necesidades sociales.
Resumen
Las diez heurísticas de usabilidad de Nielsen constituyen una guía excelente tanto para los que se inician en la UX como para los usuarios experimentados.
Aunque la usabilidad de un producto o sitio web se explorará y examinará rigurosamente durante las pruebas de usuario, la realización de una evaluación heurística en cualquier punto del proceso de diseño y construcción proporciona un punto de control periódico para garantizar que estamos satisfaciendo las necesidades de nuestros usuarios individuales.
Nuestros expertos en investigación de usuarios están a su disposición para ayudarle a acercarse a sus clientes. Si desea concertar una llamada sin compromiso, póngase en contacto con nosotros enviando un correo electrónico a hello@ux247.com o indíquenos sus necesidades a través del siguiente formulario.
