Visibilidad del estado del sistema
El sistema debe mantener informados a los usuarios sobre lo que está ocurriendo, proporcionando retroalimentación apropiada en un tiempo razonable. Por ejemplo, en un ecommerce, cuando un usuario agrega un producto al carrito, debe introducirse una notificación que confirme que el producto se ha añadido con éxito. Y a la vez, es preciso que se actualiza el número de artículos en el carrito. Por el contrario, un error de usabilidad común es cuando al hacer click en un botón de «Enviar» de un formulario, no se muestra la confirmación de que ha sido enviado, ni se informa de los que ocurrirá después. De esta forma se deja al usuario inseguro sobre si la acción se ha completado.
Correspondencia entre el sistema y el mundo real
El sistema debe hablar el idioma de los usuarios, utilizando palabras, frases y conceptos familiares para ellos. Ni jerga, ni abreviaturas, ni acrónimos de tres letras que puede significar cualquier cosa. Además, la información ha de aparecer en un orden natural y lógico. Un ejemplo de buena usabilidad es cuando en una aplicación de calendario, los eventos se muestran como bloques de tiempo en una vista que se asemeja a un calendario o una agenda de papel. Así se facilitando la comprensión de horarios y fechas. Otro ejemplo es cuando compramos en un supermercado online, y las secciones que encontramos en la web están organizadas de forma similar a lo que ocurre en la tienda física. Para este principio, quizá el error de usabilidad más frecuente es el uso de jerga complicada o incomprensible para el usuario promedio. Imaginemos una web para alquilar coches por horas cuyos botones de call-to-action fueran «reserva tu servicio de carsharing». Un poco más complicado de lo necesario, ¿no? «Reserva tu coche» sería más comprensible para cualquiera.
Consistencia y estándares
Los usuarios no deberían tener que preguntarse si diferentes palabras, botones o elementos de diseño significan lo mismo. Una web bebe seguir una mismas convenciones de la página web y todaslas convenciones de las páginas web en general a las que los usuarios ya están acostumbrados. Por ejemplo, la mayoría de webs utilizan iconos estándar, como una lupa para buscar y una casa para la página de inicio. Todos conocemos lo que significan, así que no hay que dudar para optar por ellas. Un error común es tener inconsistencias de diseño entre páginas de la misma web. Los usuarios que navegan por una web van familiarizándose con ella y buscan lo que quieren encontrar en los mismos lugares, así que cuanto más consistente es el diseño de páginas, mejor. Cuando se usan, por ejemplo, diferentes estilos de botones en distintas secciones, los usuarios pueden confundirse.
Prevención de errores
Un diseño cuidadoso debe prevenir que ocurran errores que puedan dar al traste con el éxito de la misión del usuario. Y cuando los usuarios cometen errores, que los comenten, el sistema debe proporcionar mensajes de error que les ayuden a volver a una situación correcta. Por ejemplo, los formularios online deben validar el formato de la dirección de email en tiempo real y notificar al usuario si hay un error. Así se evita que se envíe el formulario con información incorrecta y que luego no se reciba la respuesta esperada por email. Lo mismo ocurre con los datos de la tarjeta de crédito al hacer un pago.
Reconocimiento en lugar de recuerdo
Siempre hay que minimizar la carga de memoria del usuario haciendo visibles las opciones ya marcadas para que pueda comprobarlas siempre que lo desee. El usuario no debería tener que recordar información de una parte del diálogo a otra. Por ejemplo, un menú sencillo que muestra a primera vista todos las opciones principales posibles para iniciar una tarea va a ayudar a conducir el camino del usuario de forma progresiva. Ocultar opciones importantes en menús desplegables o bajo capas de navegación llevaría a la frustración a los usuarios que no pudieran identificar el camino correcto. Otro ejemplo es cuando estamos progresando en una compra online y no tenemos forma de comprobar la talla de la camiseta que hemos escogido. Obligar al comprador a volver atrás varios pasos para verificarlo podría dar al traste con la compra. Hay que dejar la selección de forma visible mientras progresa.
Flexibilidad y eficiencia de uso
Los atajos de teclado pueden acelerar la interacción para el usuario experto de manera que el sistema pueda adaptarse al grado de experiencia del usuario con la página web o la app. Un programa de edición de fotos ofrece atajos de teclado para comandos frecuentes, como Ctrl+C para copiar y Ctrl+V para pegar, acelerando el trabajo de los usuarios avanzados. Cuando se usa una aplicación de forma muy repetitiva, es muy importante que sea muy eficiente.
Estética y diseño minimalista
Cada unidad información en una pagina web que no es estrictamente necesaria compite con lo que sí es necesario por la atención del usuario y disminuye su visibilidad relativa. Por eso, sobrecargar las páginas de texto o imágenes innecesarias dificulta que el usuario pueda separar lo que es relevante de lo que no. Eso acaba repercutiendo, por ejemplo, en algo tan importante como las conversiones. Por eso, una página de inicio de un sitio web debe mostrar sólo los elementos esenciales – poco más que el logo, el menú de navegación principal, una breve descripción que capte la atención y un buscador, evitando la sobrecarga de información y facilitando la navegación. No hay que llenar por completo las páginas, tanto de texto como de imágenes que no son relevantes para ayudar al usuario a tener mejor información o a completar la tarea que desean realizar. Y nunca hay que tener miedo de los espacios vacíos, ya que ayudan a que el resto de elementos sean más fáciles de digerir.
Ayudar a los usuarios a reconocer, diagnosticar y recuperarse de los errores
Los mensajes de error deben estar expresados en lenguaje claro (sin códigos), indicar precisamente el problema y sugerir una solución constructiva. Un ejemplo de usabilidad correcto podría ser «No se pudo enviar el mensaje debido a una conexión a Internet inestable. Por favor, intente nuevamente más tarde.» Y un ejemplo de error de usabilidad sería «Error 404» sin explicar que significa que la página no fue encontrada y sin proporcionar un enlace para volver a la página de inicio o realizar una nueva búsqueda.
Ayuda y documentación
Aunque es mejor si el sistema se puede utilizar sin documentación, puede ser necesario proporcionar ayuda y documentación. Esta información debe ser fácil de buscar, estar enfocada en la tarea del usuario, segmentada por las tareas o pasos concretos a realizar y no ser demasiado extensa. Un manual de una plataforma SaaS que sea un PDF de 300 páginas sin una función de búsqueda, hará muy difícil que el usuario busque la solución en él una segunda vez.
Esperamos que esta descripción de los 10 principios de usabilidad de Jakob Nielsen con ejemplos prácticos te hayan ayudado a comprender la importancia de los principios de usabilidad. Si quieres guardarte un resumen de estos principios puedes descargarte la siguiente imagen que puedes conservar para recordar los principios de usabilidad cuando tengas que crear una nueva web o aplicar cambios en tu web actual.
