UX & Usabilidad

  • Published on
    17-Jul-2015

  • View
    182

  • Download
    2

Embed Size (px)

Transcript

<ul><li><p>UX &amp; USABILIDADen interfaces</p><p>Hacer</p><p>Probar</p><p>Pensar</p></li><li><p>UX | UI</p><p> UI - parte visual de la aplicacin o sistema con la que el usuario interacta.</p><p> 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.</p></li><li><p>UX no se trata de la interfaz (solamente)</p><p>Pero se vale de interfaces para brindar experiencias al usuario</p></li><li><p>USABILIDAD</p><p>Medicin que determina qu tan fcil de usar es una interfaz.</p><p> Eficiencia</p><p> Satisfaccin</p><p> Sencillez</p></li><li><p>USABILIDAD CMO LOGRARLA?</p><p>1. Conoce a tu usuario</p><p>2. Prueba</p></li><li><p>1. CONOCER A TU USUARIO</p><p> Perfil de usuario - Entrevistas, encuestas, mtricas.</p><p> Personas - Personaje o usuario modelo.</p><p> UCD (User-Centered Design) - Diseo centrado en el usuario.</p></li><li><p>Ejemplo</p><p>PERFIL DE USUARIO</p></li><li><p>USO DE PERSONAS Y ESCENARIOS Personaje definido en </p><p>base al perfil de usuarios de tu aplicacin.</p><p> Nos ayuda a ponernos en sus zapatos.</p><p> Ubicarlo en distintos escenario nos ayuda a saber en qu circunstancias se usar tu aplicacin.</p><p>http://fakecrow.com/free-persona-template/</p></li><li><p>https://blog.mailchimp.com/new-mailchimp-user-persona-research/</p><p>Ejemplos de personas</p></li><li><p>DISEO CENTRADO EN EL USUARIO</p><p> Entender las necesidades principales del usuario</p><p> Asegurar mayor facilidad de uso </p><p> Mejorar su experiencia con la interfaz</p><p>Se trata de disear pensando siempre en el usuario final, quin usar nuestra interfaz.</p></li><li><p>2. PROBAR</p><p> Observar y analizar el comportamiento del usuario</p><p> Tareas y escenarios de uso</p><p>Pruebas</p><p>Pruebas</p><p>Pruebas</p></li><li><p>TIPOS DE PRUEBAS</p><p> Evaluacin heurstica - checklist de los principios de usabilidad.</p><p> Caminata cognitiva - ponte en los zapatos del usuario.</p><p> Con usuarios finales - obsrvalos. Bsate en el desempeo del sistema, no preferencias del usuario.</p></li><li><p>HEURSTICAS DE USABILIDAD</p><p>1. Visibilidad del estatus del sistema. Feedback inmediato.</p><p>2. Relacin entre el sistema y el mundo real. Lenguaje familiar, orden lgico y natural de lainformacin.</p><p>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.</p></li><li><p>HEURSTICAS DE USABILIDAD</p><p>4. Consistencia y estndares. No hay que reinventar la rueda, usando estndares agilizamos la curva de aprendizaje y le facilitamos la vida al usuario.</p><p>5. Prevencin de errores. Ayudemos a prevenir que el usuario cometa un error.</p></li><li><p>HEURSTICAS DE USABILIDAD</p><p>6. Reconocer antes que recordar. Objetos, acciones y opciones visibles para que el usuario no tenga que recordar qu y cmo.</p><p>7. Flexibilidad y eficiencia de uso. Ofrecer aceleradores a los usuarios expertos.</p><p>8. Esttica y diseo minimalista. Informacin concisa y relevante.</p></li><li><p>HEURSTICAS DE USABILIDAD</p><p>9. Ayuda al usuario a reconocer, diagnosticar y recuperarse de errores. Mensajes de error en lenguaje simple y darle opcionesde qu hacer a continuacin.</p><p>10. Ayuda y documentacin. Ofrecer ayuda al usuario, que sea fcil de encontrar y entender, concreta.</p><p>http://www.nngroup.com/articles/ten-usability-heuristics/</p></li><li><p>EJEMPLOS</p><p>Visibilidad del estatus del sistema. Feedback inmediato.</p></li><li><p>EJEMPLOS</p><p>Prevencin de errores</p></li><li><p>EJEMPLOS</p><p>Manejo de errores</p></li><li><p>EJEMPLOS</p><p>Ayuda</p></li><li><p>EJEMPLOS</p><p>Ayuda</p></li><li><p>EJEMPLOS</p><p>Reconocer antes que recordar</p></li><li><p>EJEMPLOS</p><p>Lenguaje familiary algo extra</p></li><li><p>http://www.slideshare.net/wouterwalgraeve/user-centered-design-user-experience</p></li><li><p>RESUMIENDO 5 PUNTOS1. Conoce al usuario final y tenlo en mente durante todo el </p><p>proceso de desarrollo</p><p>2. Apyate en los estndares y patrones</p><p>3. Menos es ms</p><p>4. Siempre siempre siempre prueba y prueba y vuelve a probar</p><p>5. Los detalles s IMPORTAN, es la sal y pimienta ;)</p></li><li><p>Susana Castillo@skyfenix</p><p>GRACIAS=)</p></li></ul>