UX aplicado a interfaces por medio de la usabilidad

1. UX & USABILIDAD
en interfaces
Hacer
Probar
Pensar

2. UX | UI
• UI - parte visual de la aplicación o sistema con la
que el usuario interactúa.
• UX - experiencia que tiene la persona (y cómo se
siente) al interactuar no sólo con tu aplicación o
sistema, sino con tu producto, servicios, tu gente,
toda tu empresa.

3. UX no se trata de la
interfaz (solamente)
Pero se vale de interfaces para brindar
experiencias al usuario

4. USABILIDAD
Medición que determina qué tan fácil de usar es una interfaz.
• Eficiencia
• Satisfacción
• Sencillez

5. USABILIDAD…
¿CÓMO LOGRARLA?
1. Conoce a tu usuario
2. Prueba

6. 1. CONOCER ATU USUARIO
• Perfil de usuario - Entrevistas, encuestas, métricas.
• Personas - Personaje o usuario modelo.
• UCD (User-Centered Design) - Diseño centrado
en el usuario.

7. Ejemplo
PERFIL DE USUARIO

8. USO DE PERSONASY ESCENARIOS
• Personaje definido en
base al perfil de
usuarios de tu
aplicación.
• Nos ayuda a ponernos
en sus zapatos.
• Ubicarlo en distintos
escenario nos ayuda a
saber en qué
circunstancias se usará
tu aplicación.
http://fakecrow.com/free-persona-template/

9. https://blog.mailchimp.com/new-mailchimp-user-persona-research/
Ejemplos de personas

10. DISEÑO CENTRADO EN EL
USUARIO
• Entender las necesidades principales del usuario
• Asegurar mayor facilidad de uso
• Mejorar su experiencia con la interfaz
Se trata de diseñar pensando siempre en el usuario final, quién
usará nuestra interfaz.

11. 2. PROBAR
• Observar y analizar el
comportamiento del
usuario
• Tareas y escenarios de
uso
Pruebas
Pruebas
Pruebas

12. TIPOS DE PRUEBAS
• Evaluación heurística - checklist de los principios de
usabilidad.
• Caminata cognitiva - ponte en los zapatos del
usuario.
• Con usuarios finales - obsérvalos. Básate en el
desempeño del sistema, no preferencias del usuario.

13. HEURÍSTICAS DE USABILIDAD
1. Visibilidad del estatus del sistema. Feedback inmediato.
2. Relación entre el sistema y el mundo real. Lenguaje
familiar, orden lógico y natural de la información.
3. Control y libertad para el usuario. El usuario debe
sentir que tiene el control y libertad mientras usa tu
aplicación, y facilitarle el deshacer o arreglar sus
errores.

14. HEURÍSTICAS DE USABILIDAD
4. Consistencia y estándares. No hay que reinventar
la rueda, usando estándares agilizamos la curva
de aprendizaje y le facilitamos la vida al usuario.
5. Prevención de errores.Ayudemos a prevenir que
el usuario cometa un error.

15. HEURÍSTICAS DE USABILIDAD
6. Reconocer antes que recordar. Objetos, acciones y
opciones visibles para que el usuario no tenga que
recordar qué y cómo.
7. Flexibilidad y eficiencia de uso. Ofrecer aceleradores
a los usuarios expertos.
8. Estética y diseño minimalista. Información concisa y
relevante.

16. HEURÍSTICAS DE USABILIDAD
9. Ayuda al usuario a reconocer, diagnosticar y
recuperarse de errores. Mensajes de error en
lenguaje simple y darle opciones de qué hacer a
continuación.
10. Ayuda y documentación. Ofrecer ayuda al
usuario, que sea fácil de encontrar y entender,
concreta.
http://www.nngroup.com/articles/ten-usability-heuristics/

18. EJEMPLOS
Visibilidad del estatus del
sistema. Feedback inmediato.

19. EJEMPLOS
Prevención de errores

20. EJEMPLOS
Manejo de errores

21. EJEMPLOS
Ayuda

22. EJEMPLOS
Ayuda

23. EJEMPLOS
Reconocer antes que
recordar

24. EJEMPLOS
Lenguaje familiar
…y algo extra

25. http://www.slideshare.net/wouterwalgraeve/user-centered-design-user-experience

26. RESUMIENDO… 5 PUNTOS
1. Conoce al usuario final y tenlo en mente durante todo el
proceso de desarrollo
2. Apóyate en los estándares y patrones
3. Menos es más
4. Siempre siempre siempre prueba y prueba y vuelve a probar
5. Los detalles sí IMPORTAN, es la sal y pimienta ;)

27. Susana Castillo
@skyfenix
GRACIAS
=)