Post on 10-Jul-2015
UX MobileDiego Lopez Castan
@diegomlc
Diego López Castán - Introducción a UX - UTN
Temario
• Definición User Experience
• Diferencia entre UX, Usabilidad y UI
• Disciplinas UX
• ¿App vs Web?
• Principios de UX
• Desarrollo Móvil
Diego Lopez Castan - Empathy
Diego López Castán - Introducción a UX - UTN
¿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 Lopez Castan - Empathy
Diego López Castán - Introducción a UX - UTN
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 Lopez Castan - Empathy
Diego López Castán - Introducción a UX - UTN
Entender la causa, el objetivo y el contexto, que busca el usuario al utilizar nuestro producto o servicio y poder mejorar la efectividad.
Diego Lopez Castan - Empathy
¿Para que UX?
Diego López Castán - Introducción a UX - UTN
UX es invisible
Diego Lopez Castan - Empathy
Diego López Castán - Introducción a UX - UTN
¿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 Lopez Castan - Empathy
Diego López Castán - Introducción a UX - UTN
UX no es solo usabilidad
Diego Lopez Castan - Empathy
Diego López Castán - Introducción a UX - UTN
UX no es solo Diseño
Diego Lopez Castan - Empathy
Diego López Castán - Introducción a UX - UTN
UX no es solo UI
Diego Lopez Castan - Empathy
Diego López Castán - Introducción a UX - UTN
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 Lopez Castan - Empathy
Diego López Castán - Introducción a UX - UTN
Metodología
•2009 Web First
•2012 Mobile First
•2014 Mobile only
Diego Lopez Castan - Empathy
Diego López Castán - Introducción a UX - UTN
Metro GUI
Diego López Castán - Introducción a UX - UTN
“Facebook is a mobile company.”Mark Zuckerberg CEO Facebook
Diego Lopez Castan - Empathy
Diego López Castán - Introducción a UX - UTN
Facebook Mobile Ads
Diego Lopez Castan - Empathy
Diego López Castán - Introducción a UX - UTN
Paypal Mobile Payments
2009 141.000.000
2010 750.000.000
2011 4.000.000.000
2012 14.000.000.000
2013 ?
Diego Lopez Castan - Empathy
Diego López Castán - Introducción a UX - UTN
$$$$$
Fácil de obtener beneficios económicos a través de la tienda de aplicaciones, en-apps y las compras in-appDifícil de monetizar
Interfaz de usuario interactivaEstático
Excelente optimización de dispositivos móvilesBuena
RápidaDependiendo la conexión
No RequeridoRequerido
Acceso ilimitado a las funciones de teléfono con cámara, GPS, micrófono,
etc
Acceso limitado a las funciones del teléfono
Gráficos y efectos dependiente del S.O.
Limitado por el ancho de banda y la tecnología
Buena user experience
¿ App vs Web?
Diego Lopez Castan - Empathy
Limitada
Mobile Website Mobile App
User Experience
Gráficos y Efectos
Prestaciones
Internet Velocidad de AccesoOptimizado para dispositivos móviles
Navegación
Monetización
Costo
Diego López Castán - Introducción a UX - UTN
Principios de UX
Diego Lopez Castan - Empathy
Diego López Castán - Introducción a UX - UTN
Patrones de diseño
Diego Lopez Castan - Empathy
Diego López Castán - Introducción a UX - UTN
Consistencia
Diego Lopez Castan - Empathy
Diego López Castán - Introducción a UX - UTN
Jerarquía
Diego Lopez Castan - Empathy
Diego López Castán - Introducción a UX - UTN
Contexto
Diego Lopez Castan - Empathy
Diego López Castán - Introducción a UX - UTN
Outlook
Diego Lopez Castan - Empathy
Diego López Castán - Introducción a UX - UTN
Yahoo Mail
Diego Lopez Castan - Empathy
Diego López Castán - Introducción a UX - UTN
Proceso UX
Diego Lopez Castan - Empathy
Diego López Castán - Introducción a UX - UTN
Necesidad
Diego López Castán - Introducción a UX - UTN
Wireframe
Diego López Castán - Introducción a UX - UTN
Prototipo
Diego López Castán - Introducción a UX - UTN
Desarrollo
Diego López Castán - Introducción a UX - UTN
Diego López Castán - Introducción a UX - UTN
Conclusiones
Diego Lopez Castan - Empathy
Diego López Castán - Introducción a UX - UTN
MUCHAS GRACIASDiego Lopez Castan
diego@empathydux.com@diegomlc