Taller UX: Evaluaciones heurísticas
-
Upload
ixda-mendoza -
Category
Design
-
view
440 -
download
3
description
Transcript of Taller UX: Evaluaciones heurísticas
![Page 2: Taller UX: Evaluaciones heurísticas](https://reader034.fdocumento.com/reader034/viewer/2022052212/559b06341a28ab87758b45f8/html5/thumbnails/2.jpg)
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](https://reader034.fdocumento.com/reader034/viewer/2022052212/559b06341a28ab87758b45f8/html5/thumbnails/3.jpg)
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](https://reader034.fdocumento.com/reader034/viewer/2022052212/559b06341a28ab87758b45f8/html5/thumbnails/4.jpg)
¿A QUÉ NOS REFERIMOS CON HEURÍSTICA?
![Page 5: Taller UX: Evaluaciones heurísticas](https://reader034.fdocumento.com/reader034/viewer/2022052212/559b06341a28ab87758b45f8/html5/thumbnails/5.jpg)
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](https://reader034.fdocumento.com/reader034/viewer/2022052212/559b06341a28ab87758b45f8/html5/thumbnails/6.jpg)
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](https://reader034.fdocumento.com/reader034/viewer/2022052212/559b06341a28ab87758b45f8/html5/thumbnails/7.jpg)
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](https://reader034.fdocumento.com/reader034/viewer/2022052212/559b06341a28ab87758b45f8/html5/thumbnails/8.jpg)
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](https://reader034.fdocumento.com/reader034/viewer/2022052212/559b06341a28ab87758b45f8/html5/thumbnails/9.jpg)
![Page 10: Taller UX: Evaluaciones heurísticas](https://reader034.fdocumento.com/reader034/viewer/2022052212/559b06341a28ab87758b45f8/html5/thumbnails/10.jpg)
![Page 11: Taller UX: Evaluaciones heurísticas](https://reader034.fdocumento.com/reader034/viewer/2022052212/559b06341a28ab87758b45f8/html5/thumbnails/11.jpg)
![Page 12: Taller UX: Evaluaciones heurísticas](https://reader034.fdocumento.com/reader034/viewer/2022052212/559b06341a28ab87758b45f8/html5/thumbnails/12.jpg)
![Page 13: Taller UX: Evaluaciones heurísticas](https://reader034.fdocumento.com/reader034/viewer/2022052212/559b06341a28ab87758b45f8/html5/thumbnails/13.jpg)
![Page 14: Taller UX: Evaluaciones heurísticas](https://reader034.fdocumento.com/reader034/viewer/2022052212/559b06341a28ab87758b45f8/html5/thumbnails/14.jpg)
![Page 15: Taller UX: Evaluaciones heurísticas](https://reader034.fdocumento.com/reader034/viewer/2022052212/559b06341a28ab87758b45f8/html5/thumbnails/15.jpg)
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](https://reader034.fdocumento.com/reader034/viewer/2022052212/559b06341a28ab87758b45f8/html5/thumbnails/16.jpg)
![Page 17: Taller UX: Evaluaciones heurísticas](https://reader034.fdocumento.com/reader034/viewer/2022052212/559b06341a28ab87758b45f8/html5/thumbnails/17.jpg)
![Page 18: Taller UX: Evaluaciones heurísticas](https://reader034.fdocumento.com/reader034/viewer/2022052212/559b06341a28ab87758b45f8/html5/thumbnails/18.jpg)
![Page 19: Taller UX: Evaluaciones heurísticas](https://reader034.fdocumento.com/reader034/viewer/2022052212/559b06341a28ab87758b45f8/html5/thumbnails/19.jpg)
Adobe - Tools- Consistencia del sistema
- Iconografía orientada al
usuario específico
![Page 20: Taller UX: Evaluaciones heurísticas](https://reader034.fdocumento.com/reader034/viewer/2022052212/559b06341a28ab87758b45f8/html5/thumbnails/20.jpg)
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](https://reader034.fdocumento.com/reader034/viewer/2022052212/559b06341a28ab87758b45f8/html5/thumbnails/21.jpg)
Posibilidad de deshacer un envío
![Page 22: Taller UX: Evaluaciones heurísticas](https://reader034.fdocumento.com/reader034/viewer/2022052212/559b06341a28ab87758b45f8/html5/thumbnails/22.jpg)
Posibilidad de customizar la aplicación según mis necesidades.
![Page 23: Taller UX: Evaluaciones heurísticas](https://reader034.fdocumento.com/reader034/viewer/2022052212/559b06341a28ab87758b45f8/html5/thumbnails/23.jpg)
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](https://reader034.fdocumento.com/reader034/viewer/2022052212/559b06341a28ab87758b45f8/html5/thumbnails/24.jpg)
“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](https://reader034.fdocumento.com/reader034/viewer/2022052212/559b06341a28ab87758b45f8/html5/thumbnails/25.jpg)
Facebook Google +
![Page 26: Taller UX: Evaluaciones heurísticas](https://reader034.fdocumento.com/reader034/viewer/2022052212/559b06341a28ab87758b45f8/html5/thumbnails/26.jpg)
![Page 27: Taller UX: Evaluaciones heurísticas](https://reader034.fdocumento.com/reader034/viewer/2022052212/559b06341a28ab87758b45f8/html5/thumbnails/27.jpg)
![Page 28: Taller UX: Evaluaciones heurísticas](https://reader034.fdocumento.com/reader034/viewer/2022052212/559b06341a28ab87758b45f8/html5/thumbnails/28.jpg)
![Page 29: Taller UX: Evaluaciones heurísticas](https://reader034.fdocumento.com/reader034/viewer/2022052212/559b06341a28ab87758b45f8/html5/thumbnails/29.jpg)
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](https://reader034.fdocumento.com/reader034/viewer/2022052212/559b06341a28ab87758b45f8/html5/thumbnails/30.jpg)
![Page 31: Taller UX: Evaluaciones heurísticas](https://reader034.fdocumento.com/reader034/viewer/2022052212/559b06341a28ab87758b45f8/html5/thumbnails/31.jpg)
![Page 32: Taller UX: Evaluaciones heurísticas](https://reader034.fdocumento.com/reader034/viewer/2022052212/559b06341a28ab87758b45f8/html5/thumbnails/32.jpg)
![Page 33: Taller UX: Evaluaciones heurísticas](https://reader034.fdocumento.com/reader034/viewer/2022052212/559b06341a28ab87758b45f8/html5/thumbnails/33.jpg)
![Page 34: Taller UX: Evaluaciones heurísticas](https://reader034.fdocumento.com/reader034/viewer/2022052212/559b06341a28ab87758b45f8/html5/thumbnails/34.jpg)
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](https://reader034.fdocumento.com/reader034/viewer/2022052212/559b06341a28ab87758b45f8/html5/thumbnails/35.jpg)
![Page 36: Taller UX: Evaluaciones heurísticas](https://reader034.fdocumento.com/reader034/viewer/2022052212/559b06341a28ab87758b45f8/html5/thumbnails/36.jpg)
![Page 37: Taller UX: Evaluaciones heurísticas](https://reader034.fdocumento.com/reader034/viewer/2022052212/559b06341a28ab87758b45f8/html5/thumbnails/37.jpg)
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](https://reader034.fdocumento.com/reader034/viewer/2022052212/559b06341a28ab87758b45f8/html5/thumbnails/38.jpg)
![Page 39: Taller UX: Evaluaciones heurísticas](https://reader034.fdocumento.com/reader034/viewer/2022052212/559b06341a28ab87758b45f8/html5/thumbnails/39.jpg)
Recomendaciones
![Page 40: Taller UX: Evaluaciones heurísticas](https://reader034.fdocumento.com/reader034/viewer/2022052212/559b06341a28ab87758b45f8/html5/thumbnails/40.jpg)
![Page 41: Taller UX: Evaluaciones heurísticas](https://reader034.fdocumento.com/reader034/viewer/2022052212/559b06341a28ab87758b45f8/html5/thumbnails/41.jpg)
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](https://reader034.fdocumento.com/reader034/viewer/2022052212/559b06341a28ab87758b45f8/html5/thumbnails/42.jpg)
![Page 43: Taller UX: Evaluaciones heurísticas](https://reader034.fdocumento.com/reader034/viewer/2022052212/559b06341a28ab87758b45f8/html5/thumbnails/43.jpg)
![Page 44: Taller UX: Evaluaciones heurísticas](https://reader034.fdocumento.com/reader034/viewer/2022052212/559b06341a28ab87758b45f8/html5/thumbnails/44.jpg)
![Page 45: Taller UX: Evaluaciones heurísticas](https://reader034.fdocumento.com/reader034/viewer/2022052212/559b06341a28ab87758b45f8/html5/thumbnails/45.jpg)
![Page 46: Taller UX: Evaluaciones heurísticas](https://reader034.fdocumento.com/reader034/viewer/2022052212/559b06341a28ab87758b45f8/html5/thumbnails/46.jpg)
Simplificando el formulario a 4 simples pasos se incrementó la tasa de conversión.
![Page 47: Taller UX: Evaluaciones heurísticas](https://reader034.fdocumento.com/reader034/viewer/2022052212/559b06341a28ab87758b45f8/html5/thumbnails/47.jpg)
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](https://reader034.fdocumento.com/reader034/viewer/2022052212/559b06341a28ab87758b45f8/html5/thumbnails/48.jpg)
![Page 49: Taller UX: Evaluaciones heurísticas](https://reader034.fdocumento.com/reader034/viewer/2022052212/559b06341a28ab87758b45f8/html5/thumbnails/49.jpg)
![Page 50: Taller UX: Evaluaciones heurísticas](https://reader034.fdocumento.com/reader034/viewer/2022052212/559b06341a28ab87758b45f8/html5/thumbnails/50.jpg)
![Page 52: Taller UX: Evaluaciones heurísticas](https://reader034.fdocumento.com/reader034/viewer/2022052212/559b06341a28ab87758b45f8/html5/thumbnails/52.jpg)
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](https://reader034.fdocumento.com/reader034/viewer/2022052212/559b06341a28ab87758b45f8/html5/thumbnails/53.jpg)
![Page 54: Taller UX: Evaluaciones heurísticas](https://reader034.fdocumento.com/reader034/viewer/2022052212/559b06341a28ab87758b45f8/html5/thumbnails/54.jpg)
![Page 55: Taller UX: Evaluaciones heurísticas](https://reader034.fdocumento.com/reader034/viewer/2022052212/559b06341a28ab87758b45f8/html5/thumbnails/55.jpg)
![Page 56: Taller UX: Evaluaciones heurísticas](https://reader034.fdocumento.com/reader034/viewer/2022052212/559b06341a28ab87758b45f8/html5/thumbnails/56.jpg)
![Page 57: Taller UX: Evaluaciones heurísticas](https://reader034.fdocumento.com/reader034/viewer/2022052212/559b06341a28ab87758b45f8/html5/thumbnails/57.jpg)
![Page 58: Taller UX: Evaluaciones heurísticas](https://reader034.fdocumento.com/reader034/viewer/2022052212/559b06341a28ab87758b45f8/html5/thumbnails/58.jpg)
![Page 59: Taller UX: Evaluaciones heurísticas](https://reader034.fdocumento.com/reader034/viewer/2022052212/559b06341a28ab87758b45f8/html5/thumbnails/59.jpg)
![Page 60: Taller UX: Evaluaciones heurísticas](https://reader034.fdocumento.com/reader034/viewer/2022052212/559b06341a28ab87758b45f8/html5/thumbnails/60.jpg)
![Page 61: Taller UX: Evaluaciones heurísticas](https://reader034.fdocumento.com/reader034/viewer/2022052212/559b06341a28ab87758b45f8/html5/thumbnails/61.jpg)
![Page 62: Taller UX: Evaluaciones heurísticas](https://reader034.fdocumento.com/reader034/viewer/2022052212/559b06341a28ab87758b45f8/html5/thumbnails/62.jpg)
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](https://reader034.fdocumento.com/reader034/viewer/2022052212/559b06341a28ab87758b45f8/html5/thumbnails/63.jpg)
![Page 64: Taller UX: Evaluaciones heurísticas](https://reader034.fdocumento.com/reader034/viewer/2022052212/559b06341a28ab87758b45f8/html5/thumbnails/64.jpg)
![Page 65: Taller UX: Evaluaciones heurísticas](https://reader034.fdocumento.com/reader034/viewer/2022052212/559b06341a28ab87758b45f8/html5/thumbnails/65.jpg)
![Page 66: Taller UX: Evaluaciones heurísticas](https://reader034.fdocumento.com/reader034/viewer/2022052212/559b06341a28ab87758b45f8/html5/thumbnails/66.jpg)
![Page 67: Taller UX: Evaluaciones heurísticas](https://reader034.fdocumento.com/reader034/viewer/2022052212/559b06341a28ab87758b45f8/html5/thumbnails/67.jpg)
![Page 68: Taller UX: Evaluaciones heurísticas](https://reader034.fdocumento.com/reader034/viewer/2022052212/559b06341a28ab87758b45f8/html5/thumbnails/68.jpg)
Gestos para dispositivosmulti-touch
![Page 69: Taller UX: Evaluaciones heurísticas](https://reader034.fdocumento.com/reader034/viewer/2022052212/559b06341a28ab87758b45f8/html5/thumbnails/69.jpg)
![Page 70: Taller UX: Evaluaciones heurísticas](https://reader034.fdocumento.com/reader034/viewer/2022052212/559b06341a28ab87758b45f8/html5/thumbnails/70.jpg)
¡GRACIAS!¿Preguntas?
www.ixdamza.com.arwww.facebook.com/ixdamza