1. 10.07.2014 USER EXPERIENCE / UI

2. UXUSER EXPERIENCE UI / User Interface 3. UI Diseo Visual Interface aTipografaFormasColoresImgenes Diagramacin Transiciones Responsivo Interaccin 4. Its not just it looks like and feels like. Design is how it works STEVE JOBS 5. USUARIO DE MI APP Concentrarse en el usuario, hacerles ms fcil y lgica la navegacin. 6. 5 Preguntas que uno debe hacerse al usar una app Esta interface me muestra lo que tengo que saber en este preciso instante ? Es fcil encontrar la informacin que estoy buscando, o tengo que empezar a probar nuevos caminos ? Puedo usar esta interface sin haber visto un tutorial o instrucciones ? Son obvias las cosas que puedo hacer en esta pantalla ? Hay pasos tediosos o repetitivos que puedo acortar o eliminar ? 7. BUENA INTERFAZ BUENA USABILIDAD 8. Hoy las INTERFACES son DINAMICASTRANSICIONES 9. TRANSICIONES REALIDAD Natural / Lgico 10. TRANSICIONES IRREAL Confusin / Angustia 11. EJEMPLOS DE TRANSICIONES EN INTERFACES SCROLL S 12. EJEMPLOS DE TRANSICIONES EN INTERFACES TOGGLE MENU 13. EJEMPLOS DE TRANSICIONES EN INTERFACES COMENTARIOS 14. EJEMPLOS DE TRANSICIONES EN INTERFACES PULL TO REFRESH 15. EJEMPLOS DE TRANSICIONES EN INTERFACES BARRA DE NAVEGACIN 16. EJEMPLOS DE TRANSICIONES EN INTERFACES EFECTOS COMPLEMENTARIOS A ELEMENTOS 17. LAS NUEVAS TECNOLOGAS EN LAS INTERFACES HAN AYUDADO A MEJORAR LA EXPERIENCIA DE LOS USUARIOS 18. LA INSPIRACIN EST EN TODAS PARTES LIBROS NATURALEZA JUEGOS DISEO INDUSTRIAL APPSREVISTAS 19. BUEN DISEO DE INTERFAZ CLARIDAD PARA EL USUARIO FLUJO PTIMO DE ACCIONES EMPATA / EXPERIENCIA DE USUARIO FIDELIZACIN 20. CONCLUSIONES La interaccin en una interfaz es fundamental para una buena experiencia de usuario. El usuario debe saber qu pas, no lo dejemos perdido. Definir el diseo de la interfaz, de acuerdo al contexto. Conectar la intensin con la accin del usuario, para una experiencia ms fluida. Pequeos detalles de diseo pueden ser significativos para el uso de una interfaz. 21. TIPS / INSPIRACIN www.capptivate.co www.dribbble.com www.designmeltdown.com www.behance.net www.google.com/design 22. ACTIVIDAD 1. STORYBOARD CONTEXTO DE USUARIO 23. ACTIVIDAD 2. Flujo de Aplicacin