heurística

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

Upload: silvana-corvalan

Post on 22-Jun-2015

223 views

Category:

Design


0 download

DESCRIPTION

¿A qué nos referimos cuando hablamos de Heurística? ¿Cómo podemos aplicar los principios heurísticos para mejorar la experiencia de nuestros usuarios? Ejemplos

TRANSCRIPT

Page 1: Heurística

Heurísticas

SILVANA CORVALÁN@sileleo / [email protected]

Principios básicos de Usabilidad

Page 2: Heurística

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: Heurística

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: Heurística

¿A QUÉ NOS REFERIMOS CON HEURÍSTICA?

Page 5: 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.

Page 6: Heurística

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: Heurística

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: Heurística

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: Heurística
Page 10: Heurística
Page 11: Heurística
Page 12: Heurística
Page 13: Heurística
Page 14: Heurística
Page 15: Heurística

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: Heurística
Page 17: Heurística
Page 18: Heurística
Page 19: Heurística

Adobe - Tools- Consistencia del sistema

- Iconografía orientada al

usuario específico

Page 20: Heurística

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: Heurística

Posibilidad de deshacer un envío

Page 22: Heurística

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

Page 23: Heurística

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: Heurística

“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: Heurística

Facebook Google +

Page 26: Heurística
Page 27: Heurística
Page 28: Heurística
Page 29: Heurística

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: Heurística
Page 31: Heurística
Page 32: Heurística
Page 33: Heurística
Page 34: Heurística

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: Heurística
Page 36: Heurística
Page 37: Heurística

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: Heurística
Page 39: Heurística

Recomendaciones

Page 40: Heurística
Page 41: Heurística

8) Estética y minimalismo

Eliminar el ruido visual. Jerarquizar la información.

Eliminar información irrelevante o que no suele utilizarse.

Page 42: Heurística
Page 43: Heurística
Page 44: Heurística
Page 45: Heurística
Page 46: Heurística

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

Page 47: Heurística

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: Heurística
Page 49: Heurística
Page 50: Heurística
Page 52: Heurística

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: Heurística
Page 54: Heurística
Page 55: Heurística
Page 56: Heurística
Page 57: Heurística
Page 58: Heurística
Page 59: Heurística
Page 60: Heurística
Page 61: Heurística
Page 62: Heurística

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: Heurística
Page 64: Heurística
Page 65: Heurística
Page 66: Heurística
Page 67: Heurística
Page 68: Heurística

Gestos para dispositivosmulti-touch

Page 69: Heurística
Page 70: Heurística

¡GRACIAS!¿Preguntas?

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