Taller UX: Evaluaciones heurísticas

70
Heurísticas SILVANA CORVALÁN @sileleo / [email protected] Principios básicos de Usabilidad

description

¿A QUÉ NOS REFERIMOS CON HEURÍSTICA? Son lineamientos para reducir las frustraciones que un usuario puede tener al utilizar nuestro sistema. Son una guía de buenas prácticas. No deben ser tomadas como mandamientos.

Transcript of Taller UX: Evaluaciones heurísticas

Page 1: Taller UX: Evaluaciones heurísticas

Heurísticas

SILVANA CORVALÁN@sileleo / [email protected]

Principios básicos de Usabilidad

Page 2: Taller UX: Evaluaciones heurísticas

IxDA es una asociación creada para difundir la disciplina del Diseño de Interacción, que conforma (junto a usabilidad,

arquitectura de la información y accesibilidad, entre otras) el ecosistema del Diseño de Experiencias del Usuario.

Page 3: Taller UX: Evaluaciones heurísticas

Queremos mejorar la educación y divulgación de UX en español. Queremos llegar a un nuevo estándar profesional.

Y queremos construirlo colaborativamente.

Page 4: Taller UX: Evaluaciones heurísticas

¿A QUÉ NOS REFERIMOS CON HEURÍSTICA?

Page 5: Taller UX: Evaluaciones heurísticas

Son lineamientos para reducir las frustraciones que un usuario puede tener al utilizar nuestro sistema.

Son una guía de buenas prácticas.

NO deben ser tomadas como mandamientos.

Page 6: Taller UX: Evaluaciones heurísticas

1 - Mostrar estado del sistema

2 - Hablar el lenguaje del

usuario

3 - Control y libertad del

usuario

4 - Consistencia y estándares

5 - Prevenir Errores

10 Heurísticas - Jakob Nielsen

6 - Aliviar la carga en memoria del

usuario

7 - Atajos, flexibilidad y eficiencia

8 - Estética y minimalismo

9 - Comunicar errores con

claridad

10 - Ayuda y documentación

Page 7: Taller UX: Evaluaciones heurísticas

www.nngroup.com

Jakob Nielsen

- Fundador de Nielsen Norman Group con Donald Norman

- Asesor en usabilidad

- Ph.D. en interacción (Technical University of Denmark in Copenhagen).

- Libro: Usability Engineering (1993)

Page 8: Taller UX: Evaluaciones heurísticas

1) Mostrar estado del sistema

El sistema siempre debe mantener a los usuarios informados sobre lo que está pasando, a través de una

retroalimentación apropiada en un tiempo razonable.

Feedback constante.

Page 9: Taller UX: Evaluaciones heurísticas
Page 10: Taller UX: Evaluaciones heurísticas
Page 11: Taller UX: Evaluaciones heurísticas
Page 12: Taller UX: Evaluaciones heurísticas
Page 13: Taller UX: Evaluaciones heurísticas
Page 14: Taller UX: Evaluaciones heurísticas
Page 15: Taller UX: Evaluaciones heurísticas

2) Hablar el lenguaje del usuario

El sistema debe hablar el lenguaje de los usuarios, en lugar de términos orientados al sistema.

Debe seguir las convenciones del mundo real, haciendo que la información aparezca en un orden natural y lógico.

Palabras, frases y conceptos familiares para el usuario.

Page 16: Taller UX: Evaluaciones heurísticas
Page 17: Taller UX: Evaluaciones heurísticas
Page 18: Taller UX: Evaluaciones heurísticas
Page 19: Taller UX: Evaluaciones heurísticas

Adobe - Tools- Consistencia del sistema

- Iconografía orientada al

usuario específico

Page 20: Taller UX: Evaluaciones heurísticas

3) Control y libertad del usuario

Los usuarios deben sentir que tienen el control en todo momento.

El usuario debe poder navegar libremente, encontrar fácilmente salidas, y rutas alternativas.

Libertad para deshacer - Libertad para explorar - Libertad para interrumpir

Page 21: Taller UX: Evaluaciones heurísticas

Posibilidad de deshacer un envío

Page 22: Taller UX: Evaluaciones heurísticas

Posibilidad de customizar la aplicación según mis necesidades.

Page 23: Taller UX: Evaluaciones heurísticas

4) Consistencia y estándares

Los usuarios no deberían tener que preguntarse si diferentes palabras, situaciones o acciones significan lo

mismo.

Se debe seguir un estándar y ser consistentes con las decisiones que tomamos a lo largo de toda la plataforma.

Page 24: Taller UX: Evaluaciones heurísticas

“Jakob Nielsen

Ingeniero de interfaces

Consistencia es uno de los más poderosos principios de usabilidad:

Cuándo las cosas se comportan siempre igual, los usuarios no tienen que preocuparse sobre qué pasará luego.

En vez de eso, ellos saben qué va a pasar en base a su experiencia previa.

Page 25: Taller UX: Evaluaciones heurísticas

Facebook Google +

Page 26: Taller UX: Evaluaciones heurísticas
Page 27: Taller UX: Evaluaciones heurísticas
Page 28: Taller UX: Evaluaciones heurísticas
Page 29: Taller UX: Evaluaciones heurísticas

5) Prevenir errores

Mejor que comunicar correctamente un error, es ayudar a los usuarios a no cometer errores.

La mayoría de los errores son previsibles.

Prevenir pérdida de datos, errores en el ingreso de datos, salidas de un flujo

Page 30: Taller UX: Evaluaciones heurísticas
Page 31: Taller UX: Evaluaciones heurísticas
Page 32: Taller UX: Evaluaciones heurísticas
Page 33: Taller UX: Evaluaciones heurísticas
Page 34: Taller UX: Evaluaciones heurísticas

6) Aliviar la carga en la memoria del usuario

Haciendo visible objetos, acciones y opciones.

El usuario no debería tener que recordar información de una parte a otra.

Las instrucciones de uso del sistema deberían ser visibles o fácilmente accesibles cuándo sea necesario.

Page 35: Taller UX: Evaluaciones heurísticas
Page 36: Taller UX: Evaluaciones heurísticas
Page 37: Taller UX: Evaluaciones heurísticas

7) Flexibilidad y eficiencia de uso

Aceleradores - no vistos por el usuario principiante - a menudo pueden acelerar la interacción para el usuario experto de tal manera que el sistema puede servir tanto a

los usuarios sin experiencia y con experiencia.

Aceleradores - atajos de teclado - Recomendaciones

Page 38: Taller UX: Evaluaciones heurísticas
Page 39: Taller UX: Evaluaciones heurísticas

Recomendaciones

Page 40: Taller UX: Evaluaciones heurísticas
Page 41: Taller UX: Evaluaciones heurísticas

8) Estética y minimalismo

Eliminar el ruido visual. Jerarquizar la información.

Eliminar información irrelevante o que no suele utilizarse.

Page 42: Taller UX: Evaluaciones heurísticas
Page 43: Taller UX: Evaluaciones heurísticas
Page 44: Taller UX: Evaluaciones heurísticas
Page 45: Taller UX: Evaluaciones heurísticas
Page 46: Taller UX: Evaluaciones heurísticas

Simplificando el formulario a 4 simples pasos se incrementó la tasa de conversión.

Page 47: Taller UX: Evaluaciones heurísticas

Mobile (como categoría) está muerta. Diseñá para el usuario. No para el dispositivo.“

Matías DuarteActual director de experiencia del usuario del sistema

operativo Android (Google)

Page 48: Taller UX: Evaluaciones heurísticas
Page 49: Taller UX: Evaluaciones heurísticas
Page 50: Taller UX: Evaluaciones heurísticas
Page 52: Taller UX: Evaluaciones heurísticas

9) Comunicar errores con claridad

• Que sean fáciles de reconocer visualmente

• Explicar el problema con claridad

• Proveer una solución o camino a seguir

• Proponer una alternativa

Page 53: Taller UX: Evaluaciones heurísticas
Page 54: Taller UX: Evaluaciones heurísticas
Page 55: Taller UX: Evaluaciones heurísticas
Page 56: Taller UX: Evaluaciones heurísticas
Page 57: Taller UX: Evaluaciones heurísticas
Page 58: Taller UX: Evaluaciones heurísticas
Page 59: Taller UX: Evaluaciones heurísticas
Page 60: Taller UX: Evaluaciones heurísticas
Page 61: Taller UX: Evaluaciones heurísticas
Page 62: Taller UX: Evaluaciones heurísticas

10) Ayuda y documentación

El usuario necesitará en ocasiones, ayuda y documentación.

Es preciso que sea fácil de encontrar y ,preferentemente, que esté orientada a tareas concretas.

Necesidad de aprendizaje - Soporte - Tour en pantalla

Page 63: Taller UX: Evaluaciones heurísticas
Page 64: Taller UX: Evaluaciones heurísticas
Page 65: Taller UX: Evaluaciones heurísticas
Page 66: Taller UX: Evaluaciones heurísticas
Page 67: Taller UX: Evaluaciones heurísticas
Page 68: Taller UX: Evaluaciones heurísticas

Gestos para dispositivosmulti-touch

Page 69: Taller UX: Evaluaciones heurísticas
Page 70: Taller UX: Evaluaciones heurísticas

¡GRACIAS!¿Preguntas?

www.ixdamza.com.arwww.facebook.com/ixdamza