Principios de Nielsen

Principios Heurísticos de
Usabilidad y Legibilidad
Web
NINO ZEGARRA MALATESTA

¿Qué es Usabilidad?
“Usabilidad es el atributo de calidad que mide lo fáciles que son de usar las interfaces Web.”
Jakob Nielsen

Los 10 Principios heurísticos
Informar
sobre lo
que está
pasando

Diseño
estético y
minimalista

Ayuda y
Documentación

Hablar el
lenguaje
del
usuario

Libertad
y Control
de usoPrincipios
de
Usabilidad

Ayuda a
reconocer
errores
Flexibilidad
y
experiencia
de Uso

Consistencia
Estándares
de diseño

Prevención
de errores
Reconocer
antes que
recordar

Principio # 1. “Visibilidad del estatus del sistema”
El usuario debe saber que está sucediendo mientras interactúa con la
página web, ya que de no hacerlo, lo único que generarás es incertidumbre.

Las barras de proceso que nosindican cómo avanza la subida de
un archivo.

Los mensajes de confirmación de
envío de formularios

Iconos que nos indican un trabajo
en proceso

Principio # 2. “Consistencia entre el
sistema y el mundo real”
El sistema tiene que “hablar el
idioma” del target usando el mismo
lenguaje. Y esto no se refiere sólo al
texto, sino también a elementos de
comunicación y estructura como:
1. Las imágenes.
2. Elorden en que se hacen las
cosas.
3. La forma en que se presenta la
información.

Principio # 3. “El usuario es libre y
tiene el control”
El
usuario
debe
poder
navegar libremente por la
web y no sentirse encasillado,
si el usuario siente que tiene
el control, su experiencia de
uso será la correcta y se
sentirá gratificado; de no
serlo
así,
sencillamente
abandonará la navegación.

Principio #4.“Consistencia y
estándares”
El diseño de la web debe
ser consistente en todas sus
páginas, no por creatividad
debemos
modificar
la
estructura, colores, iconos
y terminologías usadas.

Principio # 5. “Prevención de errores”
Realizar testeos antes de levantar una web nos va a permitir identificar errores que
el usuario va a cometer y nuestro diseño debe preverlos para poder guiar al usuario
a lasolución del error u omisión.
1. Incluyendo información contextual preventiva en el punto problemático.
2. Suprimiendo condiciones que son proclives a inducir a error.
3. Pidiendo confirmación al usuario.
Haciendo comprobaciones en tiempo real.
Dos ejemplos típicos de formulario:
• Un campo que cambia de color para recordarte que lo has dejado en blanco.
• Una comprobación en tiempo real que te diceque la segunda contraseña que has
puesto no coincide con la primera, antes de dar a “enviar”.

Principio # 5. “Prevención de errores”

Principio # 6. “Mejor reconocer que
memorizar”
El usuario debe tener siempre toda la información a mano, y no verse
obligado a usar su memoria para seguir el hilo de la interacción. Pónselo
fácil para que no tenga que estar memorizando cómo volver a la páginaanterior o cómo encontrar aquel producto que ya ha visto y le interesaba:
Si el usuario tiene que “recordar” cómo se hace algo en tu web en lugar de
“saberlo” intuitivamente, tienes un problema.
Si el usuario tiene que recordar decisiones que ha tomado previamente
porque no le muestras esa información cuando la necesita (por ejemplo en
un proceso de compra), su experiencia de uso se empobrececonsiderablemente, y tendrás muchos más abandonos en la web.

Principio # 6. “Mejor reconocer que
memorizar”

Principio # 7. “Flexibilidad y eficiencia
de uso”
Para los visitantes recurrentes y que realizan las mismas acciones se deberá usar
“aceleradores” que acorten el tiempo y les permitan realizar esas tareas más
rápido y directas estas acciones. Para los usuarios nuevos se deberán ocultar estos“aceleradores” a fin de no desorientarlos durante la navegación en nuestra web.
El diseño de nuestro interfaz de usuario debe ser flexible para comportarse “a la
medida” de usuarios novatos y usuarios expertos.
Ejemplos:
Un “puente” que nos lleve de la página de inicio a la página que más visitan
nuestros usuarios, saltando pasos intermedios.
Mostrarle al usuario los últimos productos que le ha...