UX Mobile

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


¿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



La experiencia del usuario (UX) es la suma de una serie de interacciones que una persona tiene con un

producto, servicio u organización.



Entender la causa, el objetivo y el contexto, que busca el usuario al utilizar nuestro producto o servicio y poder mejorar la efectividad.


¿Para que UX?


UX es invisible



¿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



UX no es solo usabilidad



UX no es solo Diseño



UX no es solo UI



Disciplinas UX• Usabilidad

• DCU

• Arquitectura de Información

• Diseño visual

• Diseño de Interacción

• Psicología

• Antropología

• Sociología

• Entre otras …



Metodología

•2009 Web First

•2012 Mobile First

•2014 Mobile only



Metro GUI


“Facebook is a mobile company.”Mark Zuckerberg CEO Facebook



Facebook Mobile Ads



Paypal Mobile Payments

2009 141.000.000

2010 750.000.000

2011 4.000.000.000

2012 14.000.000.000

2013 ?



$$$$$

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?


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


Principios de UX



Patrones de diseño



Consistencia



Jerarquía



Contexto



Outlook



Yahoo Mail



Proceso UX



Necesidad


Wireframe


Prototipo


Desarrollo



Conclusiones



MUCHAS GRACIASDiego Lopez Castan

[email protected]@diegomlc

mailto:[email protected]

mailto:[email protected]

Technology

UX Mobile