Jakob Nielsen Andrei Kobyshev
ACN2AN
Julio Casares
HEURÍSTICAS Experiencia de Usario
Che, ¿vieron que cada vez que navegamos por internet todo parece más fácil
e intuitivo? Bueno, gran parte de esto se lo debemos a Jakob Nielsen, un
verdadero capo en el mundo del diseño de interfaces.
Nielsen, nacido en Copenhague en 1957, es considerado el padre de la
usabilidad web moderna. Este crack se doctoró en diseño de interfaces de
usuario en la Universidad Técnica de Dinamarca, y desde entonces la viene
rompiendo en el campo del diseño digital.
En 1994, después de laburar en gigantes como IBM y Sun Microsystems,
Nielsen se mandó una jugada histórica: fundó el Nielsen Norman Group junto a
Don Norman, otro groso del diseño. Juntos revolucionaron la manera en que
pensamos la experiencia del usuario en la web.
Lo más copado de Nielsen es que logró simplificar algo re complejo como el
diseño web en 10 principios básicos de usabilidad, conocidos como "las
heurísticas de Nielsen". Estos principios, que vamos a ver en detalle, siguen
siendo la base del diseño web actual, aunque los publicó allá por 1994.
La filosofía de Nielsen es simple pero potente: la web tiene que ser fácil de
usar para todos, sin excepción. Y ojo, que cuando Nielsen habla, el mundo del
diseño escucha - sus libros y artículos son palabra santa en la industria.
[Link]
1. Visibilidad del estado
del sistema
El diseño debe informar siempre a los
usuarios de lo que está ocurriendo
mediante una retroalimentación
adecuada en un plazo de tiempo
razonable
Cuando los usuarios conocen el
estado actual del sistema, examinan
los resultados de sus interacciones
anteriores y determinan los pasos
siguientes. Las interacciones
predecibles generan confianza tanto
en el producto como en la marca.
La lista recapitulativa recoge toda la información sobre los pedidos de cada
camarero. El empleado puede ver de un vistazo quién pidió qué y dónde, por
cuánto y si el cliente ha recibido un cheque.
1. Visibilidad del estado del sistema
«Optimus Popularis» es un teclado compacto en el que
cada tecla muestra cualquier imagen y realiza cualquier
función.
En el teclado Optimus, cada tecla es una pantalla
independiente, que muestra exactamente lo que
controla en ese momento.
«Optimus Popularis» es apto para cualquier
distribución de teclado — cirílico, griego antiguo,
georgiano, árabe y un sinfín más: notas, números,
caracteres especiales, códigos, matfunciones,
imágenes y mucho más.
«Optimus Popularis» es un teclado para diseñadores
profesionales, músicos, arquitectos, ingenieros
y programadores.
[Link]
2. Correspondencia
[Link]
entre el sistema
Para tener en cuenta todos los matices y situaciones, se ha
y el mundo real
creado un diagrama simplificado de posibles escenarios
que muestra los puntos de decisión clave y ayuda a
identificar las peticiones de los pasajeros en función de
El diseño debe hablar el lenguaje del adónde tengan que ir.
usuario. Utilice palabras, frases y
conceptos que resulten familiares al
usuario, no jerga interna. Siga las
convenciones del mundo real
haciendo que la información aparezca
en un orden natural y lógico.
Cuando los controles de diseño
siguen las convenciones del mundo
real y se corresponden con los
resultados deseados, es más fácil
que los usuarios reconozcan y
recuerden cómo funciona la interfaz.
Esto ayuda a crear una experiencia
intuitiva.
2. Correspondencia entre el sistema y el mundo real
Tarea: Materializar un icono sonoro. Tarea: Crear una unidad flash en
forma de icono de carpeta.
[Link] [Link]
3. Control y libertad Botón de baja con un solo clic para
para el usuario
darse de baja de boletines no
deseados
Los usuarios suelen realizar acciones
por error. Necesitan una «salida de
emergencia» claramente etiquetada
para abandonar una acción no
deseada sin tener que pasar por un
largo proceso.
Cuando a la gente le resulta fácil
abandonar un proceso o cancelar una
acción, fomenta una sensación de
libertad y confianza. Las salidas
permiten a los usuarios mantener el
control del sistema y evitar quedarse
atascados y sentirse frustrados.
[Link]
4. Coherencia y normas
En los antiguos semáforos, las personas con trastornos de
percepción de los colores identificaban la señal por su ubicación.
El nuevo semáforo conserva esta pista con pictogramas en los
La Ley de Jacob afirma que las
lugares originales.
personas pasan la mayor parte de su
tiempo utilizando productos digitales
diferentes a los suyos.
Las experiencias de los usuarios con
estos otros productos determinan sus
expectativas. No mantener la
coherencia puede aumentar la carga
cognitiva de los usuarios, obligándoles
a aprender algo nuevo.
Los usuarios no deberían tener que
preguntarse si distintas palabras,
situaciones o acciones significan lo
mismo. Siga las convenciones de la
plataforma y del sector.
5. Prevención de errores
Un buen sistema de notificación de
errores es importante, pero los
mejores proyectos se esfuerzan por
evitar que se produzcan problemas. O
bien se eliminan las condiciones
propensas a errores, o bien se
prueban y se da a los usuarios la
oportunidad de confirmar antes de
que realicen una acción.
Mailchimp demostrando la prevención de errores
una vez más, esta vez cuando un usuario quiere
enviar correos electrónicos.
5. Prevención de errores
Rosetkus – un repartidor de electricidad
en el que puedes enchufar euroenchufes
como quieras y funcionará
[Link]
6. Reconocimiento,
no recuerdo
Minimizar la carga en la memoria del
usuario haciendo visibles elementos,
acciones y parámetros. El usuario no
debe tener que memorizar
información de una parte a otra de la
interfaz. La información necesaria
para utilizar el diseño (como etiquetas
de campos o elementos de menú)
debe estar visible o ser fácilmente
recuperable cuando sea necesario.
La memoria humana a corto plazo es
limitada. Las interfaces que facilitan el
reconocimiento reducen el esfuerzo
cognitivo de los usuarios.
Stripe ofrece entrada de texto con
indicaciones preestablecidas en los campos
de entrada, lo que deja claro de inmediato
qué tipo de datos se requieren.
7. Flexibilidad y eficacia
de utilización
Atajos ocultos a los usuarios noveles:
pueden acelerar la interacción para el
usuario experimentado, de modo que el
diseño puede atender tanto a usuarios
inexpertos como experimentados. Permita
a los usuarios adaptar acciones frecuentes.
Los procesos flexibles pueden realizarse
de varias maneras, para que los usuarios
puedan elegir el método que más les
convenga.
Figma utiliza tanto botones visuales para cambiar
de instrumento como atajos de teclado
8. Diseño estético y minimalista
Las interfaces no deben contener
información inapropiada o que rara vez se
necesite. Asegúrese de que los elementos
visuales de la interfaz apoyan los objetivos
principales del usuario.
Yandex es el mayor motor de búsqueda de Rusia
y compite con Google en Rusia y la CEI.
Tiene una versión ligera y minimalista de la página
de búsqueda situada en una dirección corta y
memorable
La letra «ya» en ruso significa «yo».
[Link]
9. Ayudar a los usuarios a reconocer errores,
diagnosticarlos y recuperarse de ellos.
Los mensajes de error deben
expresarse en lenguaje sencillo (sin
códigos de error), indicar con precisión
el problema y sugerir
constructivamente una solución.
Además, los mensajes deben ser claros
y visibles en el momento adecuado,
ayudando al usuario a reconocer el
error sin buscar información adicional.
Finalmente, un tono empático y sin
culpas facilita que el usuario se sienta
apoyado, alentándolo a corregir el
problema y mejorando su experiencia.
10. Referencia y documentación
Lo mejor es que el sistema no necesite más
explicaciones. Sin embargo, puede ser necesario
proporcionar documentación para ayudar a los
usuarios a entender cómo realizar sus tareas.
El contenido de la ayuda y la documentación debe
ser fácil de encontrar y centrarse en la tarea del
usuario. Resúmela y enumera los pasos concretos
que hay que dar.
La aplicación del banco ruso Tinkoff (TBank) utiliza un sistema
de categorización de tareas que permite navegar rápidamente
por las posibles líneas de actuación.
[Link]
