Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
UX & USABILIDAD
en interfaces
Hacer
Probar
Pensar
UX | UI
• UI - parte visual de la aplicación o sistema con la
que el usuario interactúa.
• UX - experiencia que tiene la p...
UX no se trata de la
interfaz (solamente)
Pero se vale de interfaces para brindar
experiencias al usuario
USABILIDAD
Medición que determina qué tan fácil de usar es una interfaz.
• Eficiencia
• Satisfacción
• Sencillez
USABILIDAD…
¿CÓMO LOGRARLA?
1. Conoce a tu usuario
2. Prueba
1. CONOCER ATU USUARIO
• Perfil de usuario - Entrevistas, encuestas, métricas.
• Personas - Personaje o usuario modelo.
• U...
Ejemplo
PERFIL DE USUARIO
USO DE PERSONASY ESCENARIOS
• Personaje definido en
base al perfil de
usuarios de tu
aplicación.
• Nos ayuda a ponernos
en s...
https://blog.mailchimp.com/new-mailchimp-user-persona-research/
Ejemplos de personas
DISEÑO CENTRADO EN EL
USUARIO
• Entender las necesidades principales del usuario
• Asegurar mayor facilidad de uso
• Mejor...
2. PROBAR
• Observar y analizar el
comportamiento del
usuario
• Tareas y escenarios de
uso
Pruebas
Pruebas
Pruebas
TIPOS DE PRUEBAS
• Evaluación heurística - checklist de los principios de
usabilidad.
• Caminata cognitiva - ponte en los ...
HEURÍSTICAS DE USABILIDAD
1. Visibilidad del estatus del sistema. Feedback inmediato.
2. Relación entre el sistema y el mu...
HEURÍSTICAS DE USABILIDAD
4. Consistencia y estándares. No hay que reinventar
la rueda, usando estándares agilizamos la cu...
HEURÍSTICAS DE USABILIDAD
6. Reconocer antes que recordar. Objetos, acciones y
opciones visibles para que el usuario no te...
HEURÍSTICAS DE USABILIDAD
9. Ayuda al usuario a reconocer, diagnosticar y
recuperarse de errores. Mensajes de error en
len...
EJEMPLOS
Visibilidad del estatus del
sistema. Feedback inmediato.
EJEMPLOS
Prevención de errores
EJEMPLOS
Manejo de errores
EJEMPLOS
Ayuda
EJEMPLOS
Ayuda
EJEMPLOS
Reconocer antes que
recordar
EJEMPLOS
Lenguaje familiar
…y algo extra
http://www.slideshare.net/wouterwalgraeve/user-centered-design-user-experience
RESUMIENDO… 5 PUNTOS
1. Conoce al usuario final y tenlo en mente durante todo el
proceso de desarrollo
2. Apóyate en los es...
Susana Castillo
@skyfenix
GRACIAS
=)
UX & Usabilidad
Upcoming SlideShare
Loading in …5
×

UX & Usabilidad

UX aplicado a interfaces por medio de la usabilidad

  • Login to see the comments

  • Be the first to like this

UX & Usabilidad

  1. 1. UX & USABILIDAD en interfaces Hacer Probar Pensar
  2. 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. 3. UX no se trata de la interfaz (solamente) Pero se vale de interfaces para brindar experiencias al usuario
  4. 4. USABILIDAD Medición que determina qué tan fácil de usar es una interfaz. • Eficiencia • Satisfacción • Sencillez
  5. 5. USABILIDAD… ¿CÓMO LOGRARLA? 1. Conoce a tu usuario 2. Prueba
  6. 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. 7. Ejemplo PERFIL DE USUARIO
  8. 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. 9. https://blog.mailchimp.com/new-mailchimp-user-persona-research/ Ejemplos de personas
  10. 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. 11. 2. PROBAR • Observar y analizar el comportamiento del usuario • Tareas y escenarios de uso Pruebas Pruebas Pruebas
  12. 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. 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. 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. 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. 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/
  17. 17. EJEMPLOS Visibilidad del estatus del sistema. Feedback inmediato.
  18. 18. EJEMPLOS Prevención de errores
  19. 19. EJEMPLOS Manejo de errores
  20. 20. EJEMPLOS Ayuda
  21. 21. EJEMPLOS Ayuda
  22. 22. EJEMPLOS Reconocer antes que recordar
  23. 23. EJEMPLOS Lenguaje familiar …y algo extra
  24. 24. http://www.slideshare.net/wouterwalgraeve/user-centered-design-user-experience
  25. 25. 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 ;)
  26. 26. Susana Castillo @skyfenix GRACIAS =)

×