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 Mobile

549 views

Published on

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

Published in: Technology
  • Be the first to comment

  • Be the first to like this

UX Mobile

  1. 1. UX Mobile Diego Lopez Castan @diegomlc
  2. 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. 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. 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. 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. 6. UX es invisible Diego López Castán - Introducción a UX - UTN Diego Lopez Castan - Empathy
  7. 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. 8. UX no es solo usabilidad Diego López Castán - Introducción a UX - UTN Diego Lopez Castan - Empathy
  9. 9. UX no es solo Diseño Diego López Castán - Introducción a UX - UTN Diego Lopez Castan - Empathy
  10. 10. UX no es solo UI Diego López Castán - Introducción a UX - UTN Diego Lopez Castan - Empathy
  11. 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. 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. 13. Metro GUI Diego López Castán - Introducción a UX - UTN
  14. 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. 15. Facebook Mobile Ads Diego López Castán - Introducción a UX - UTN Diego Lopez Castan - Empathy
  16. 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. 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. 18. Principios de UX Diego López Castán Castan - Empathy Diego Lopez - Introducción a UX - UTN
  19. 19. Patrones de diseño Diego López Castán - Introducción a UX - UTN Diego Lopez Castan - Empathy
  20. 20. Consistencia Diego López Castán - Introducción a UX - UTN Diego Lopez Castan - Empathy
  21. 21. Jerarquía Diego López Castán - Introducción a UX - UTN Diego Lopez Castan - Empathy
  22. 22. Contexto Diego López Castán - Introducción a UX - UTN Diego Lopez Castan - Empathy
  23. 23. Outlook Diego López Castán - Introducción a UX - UTN Diego Lopez Castan - Empathy
  24. 24. Yahoo Mail Diego López Castán - Introducción a UX - UTN Diego Lopez Castan - Empathy
  25. 25. Proceso UX Diego López Castán Castan - Empathy Diego Lopez - Introducción a UX - UTN
  26. 26. Necesidad Diego López Castán - Introducción a UX - UTN
  27. 27. Wireframe Diego López Castán - Introducción a UX - UTN
  28. 28. Prototipo Diego López Castán - Introducción a UX - UTN
  29. 29. Desarrollo Diego López Castán - Introducción a UX - UTN
  30. 30. Diego López Castán - Introducción a UX - UTN
  31. 31. Conclusiones Diego López Castán Castan - Empathy Diego Lopez - Introducción a UX - UTN
  32. 32. MUCHAS GRACIAS Diego Lopez Castan diego@empathydux.com @diegomlc Diego López Castán - Introducción a UX - UTN

×