Diseño de Experiencia de Usuarios en entornos móviles.

1. UX Mobile
Diego Lopez Castan
@diegomlc

2. Temario
•
•
•
•
•
•
Definición User Experience
Diferencia entre UX, Usabilidad y UI
Disciplinas UX
¿App vs Web?
Principios de UX
Desarrollo Móvil
Diego López Castán - Introducción a UX - UTN
Diego Lopez Castan - Empathy

3. ¿Que es la UX?
Pensé que la interfaz humana y usabilidad
eran demasiado estrechos. Quería cubrir
todos los aspectos de la experiencia de la
persona con el sistema, incluyendo gráficos de
diseño industrial, la interfaz, la interacción
física y el manual.
Don Norman vicepresidente del Grupo de Tecnología Avanzada
Diego López Castán - Introducción a UX - UTN
Diego Lopez Castan - Empathy

4. La experiencia del usuario (UX) es la suma de una
serie de interacciones que una persona tiene con un
producto, servicio u organización.
Diego López Castán Castan - Empathy
Diego Lopez - Introducción a UX - UTN

5. ¿Para que UX?
Entender la causa, el objetivo y el
contexto, que busca el usuario al utilizar
nuestro producto o servicio y poder
mejorar la efectividad.
Diego López Castán - Introducción a UX - UTN
Diego Lopez Castan - Empathy

6. UX es invisible
Diego López Castán - Introducción a UX - UTN
Diego Lopez Castan - Empathy

7. ¿Que es una Experiencia?
Hay varios factores que afectan a la experiencia
en general un usuario tiene con un producto:
•
•
•
•
•
Utilidad
Facilidad de uso
Facilidad de aprendizaje
Estética
Emociones
Diego López Castán - Introducción a UX - UTN
Diego Lopez Castan - Empathy

8. UX no es solo usabilidad
Diego López Castán - Introducción a UX - UTN
Diego Lopez Castan - Empathy

9. UX no es solo Diseño
Diego López Castán - Introducción a UX - UTN
Diego Lopez Castan - Empathy

10. UX no es solo UI
Diego López Castán - Introducción a UX - UTN
Diego Lopez Castan - Empathy

11. Disciplinas UX
•
•
•
•
•
•
•
•
•
Usabilidad
DCU
Arquitectura de Información
Diseño visual
Diseño de Interacción
Psicología
Antropología
Sociología
Entre otras …
Diego López Castán - Introducción a UX - UTN
Diego Lopez Castan - Empathy

12. Metodología
•
2012 Mobile First
•
2014 Mobile only
•
2009 Web First
Diego López Castán - Introducción a UX - UTN
Diego Lopez Castan - Empathy

13. Metro GUI
Diego López Castán - Introducción a UX - UTN

14. “Facebook is a mobile company.”
Mark Zuckerberg CEO Facebook
Diego López Castán Castan - Empathy
Diego Lopez - Introducción a UX - UTN

15. Facebook Mobile Ads
Diego López Castán - Introducción a UX - UTN
Diego Lopez Castan - Empathy

16. Paypal Mobile Payments
2009
141.000.000
2010
750.000.000
2011
4.000.000.000
2012
14.000.000.000
2013 ?
Diego López Castán - Introducción a UX - UTN
Diego Lopez Castan - Empathy

17. ¿ App vs Web?
Mobile Website
User Experience
Gráficos y Efectos
Prestaciones
Internet
Velocidad de
Acceso
Optimizado para
dispositivos
móviles
Navegación
Monetización
Costo
Diego López Castán - Introducción a UX - UTN
Diego Lopez Castan - Empathy
Mobile App
Limitada
Buena user experience
Limitado por el ancho de banda y
la tecnología
Gráficos y efectos dependiente del
S.O.
Acceso limitado a las
funciones del teléfono
Acceso ilimitado a las funciones de
teléfono con cámara, GPS, micrófono,
etc
Requerido
Dependiendo la conexión
Buena
Estático
Difícil de monetizar
$
No Requerido
Rápida
Excelente optimización de
dispositivos móviles
Interfaz de usuario interactiva
Fácil de obtener beneficios económicos a
través de la tienda de aplicaciones, en-apps y
las compras in-app
$$$$

18. Principios de UX
Diego López Castán Castan - Empathy
Diego Lopez - Introducción a UX - UTN

19. Patrones de diseño
Diego López Castán - Introducción a UX - UTN
Diego Lopez Castan - Empathy

20. Consistencia
Diego López Castán - Introducción a UX - UTN
Diego Lopez Castan - Empathy

21. Jerarquía
Diego López Castán - Introducción a UX - UTN
Diego Lopez Castan - Empathy

22. Contexto
Diego López Castán - Introducción a UX - UTN
Diego Lopez Castan - Empathy

23. Outlook
Diego López Castán - Introducción a UX - UTN
Diego Lopez Castan - Empathy

24. Yahoo Mail
Diego López Castán - Introducción a UX - UTN
Diego Lopez Castan - Empathy

25. Proceso UX
Diego López Castán Castan - Empathy
Diego Lopez - Introducción a UX - UTN

26. Necesidad
Diego López Castán - Introducción a UX - UTN

27. Wireframe
Diego López Castán - Introducción a UX - UTN

28. Prototipo
Diego López Castán - Introducción a UX - UTN

29. Desarrollo
Diego López Castán - Introducción a UX - UTN

30. Diego López Castán - Introducción a UX - UTN

31. Conclusiones
Diego López Castán Castan - Empathy
Diego Lopez - Introducción a UX - UTN

32. MUCHAS GRACIAS
Diego Lopez Castan
diego@empathydux.com
@diegomlc
Diego López Castán - Introducción a UX - UTN