UX & Usabilidad

Embed Size (px)

Text of UX & Usabilidad

  • UX & USABILIDADen interfaces

    Hacer

    Probar

    Pensar

  • UX | UI

    UI - parte visual de la aplicacin o sistema con la que el usuario interacta.

    UX - experiencia que tiene la persona (y cmo se siente) al interactuar no slo con tu aplicacin o sistema, sino con tu producto, servicios, tu gente, toda tu empresa.

  • UX no se trata de la interfaz (solamente)

    Pero se vale de interfaces para brindar experiencias al usuario

  • USABILIDAD

    Medicin que determina qu tan fcil de usar es una interfaz.

    Eficiencia

    Satisfaccin

    Sencillez

  • USABILIDAD CMO LOGRARLA?

    1. Conoce a tu usuario

    2. Prueba

  • 1. CONOCER A TU USUARIO

    Perfil de usuario - Entrevistas, encuestas, mtricas.

    Personas - Personaje o usuario modelo.

    UCD (User-Centered Design) - Diseo centrado en el usuario.

  • Ejemplo

    PERFIL DE USUARIO

  • USO DE PERSONAS Y ESCENARIOS Personaje definido en

    base al perfil de usuarios de tu aplicacin.

    Nos ayuda a ponernos en sus zapatos.

    Ubicarlo en distintos escenario nos ayuda a saber en qu circunstancias se usar tu aplicacin.

    http://fakecrow.com/free-persona-template/

  • https://blog.mailchimp.com/new-mailchimp-user-persona-research/

    Ejemplos de personas

  • DISEO CENTRADO EN EL USUARIO

    Entender las necesidades principales del usuario

    Asegurar mayor facilidad de uso

    Mejorar su experiencia con la interfaz

    Se trata de disear pensando siempre en el usuario final, quin usar nuestra interfaz.

  • 2. PROBAR

    Observar y analizar el comportamiento del usuario

    Tareas y escenarios de uso

    Pruebas

    Pruebas

    Pruebas

  • TIPOS DE PRUEBAS

    Evaluacin heurstica - checklist de los principios de usabilidad.

    Caminata cognitiva - ponte en los zapatos del usuario.

    Con usuarios finales - obsrvalos. Bsate en el desempeo del sistema, no preferencias del usuario.

  • HEURSTICAS DE USABILIDAD

    1. Visibilidad del estatus del sistema. Feedback inmediato.

    2. Relacin entre el sistema y el mundo real. Lenguaje familiar, orden lgico y natural de lainformacin.

    3. Control y libertad para el usuario. El usuario debe sentir que tiene el control y libertad mientras usa tu aplicacin, y facilitarle el deshacer o arreglar sus errores.

  • HEURSTICAS DE USABILIDAD

    4. Consistencia y estndares. No hay que reinventar la rueda, usando estndares agilizamos la curva de aprendizaje y le facilitamos la vida al usuario.

    5. Prevencin de errores. Ayudemos a prevenir que el usuario cometa un error.

  • HEURSTICAS DE USABILIDAD

    6. Reconocer antes que recordar. Objetos, acciones y opciones visibles para que el usuario no tenga que recordar qu y cmo.

    7. Flexibilidad y eficiencia de uso. Ofrecer aceleradores a los usuarios expertos.

    8. Esttica y diseo minimalista. Informacin concisa y relevante.

  • HEURSTICAS DE USABILIDAD

    9. Ayuda al usuario a reconocer, diagnosticar y recuperarse de errores. Mensajes de error en lenguaje simple y darle opcionesde qu hacer a continuacin.

    10. Ayuda y documentacin. Ofrecer ayuda al usuario, que sea fcil de encontrar y entender, concreta.

    http://www.nngroup.com/articles/ten-usability-heuristics/

  • EJEMPLOS

    Visibilidad del estatus del sistema. Feedback inmediato.

  • EJEMPLOS

    Prevencin de errores

  • EJEMPLOS

    Manejo de errores

  • EJEMPLOS

    Ayuda

  • EJEMPLOS

    Ayuda

  • EJEMPLOS

    Reconocer antes que recordar

  • EJEMPLOS

    Lenguaje familiary algo extra

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

  • RESUMIENDO 5 PUNTOS1. Conoce al usuario final y tenlo en mente durante todo el

    proceso de desarrollo

    2. Apyate en los estndares y patrones

    3. Menos es ms

    4. Siempre siempre siempre prueba y prueba y vuelve a probar

    5. Los detalles s IMPORTAN, es la sal y pimienta ;)

  • Susana Castillo@skyfenix

    GRACIAS=)