UX Mobile
-
Upload
empathy-ux -
Category
Technology
-
view
288 -
download
0
Transcript of UX Mobile
![Page 1: UX Mobile](https://reader033.fdocuments.ec/reader033/viewer/2022060203/559f1bad1a28abcd198b4712/html5/thumbnails/1.jpg)
UX MobileDiego Lopez Castan
@diegomlc
![Page 2: UX Mobile](https://reader033.fdocuments.ec/reader033/viewer/2022060203/559f1bad1a28abcd198b4712/html5/thumbnails/2.jpg)
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
![Page 3: UX Mobile](https://reader033.fdocuments.ec/reader033/viewer/2022060203/559f1bad1a28abcd198b4712/html5/thumbnails/3.jpg)
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
![Page 4: UX Mobile](https://reader033.fdocuments.ec/reader033/viewer/2022060203/559f1bad1a28abcd198b4712/html5/thumbnails/4.jpg)
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
![Page 5: UX Mobile](https://reader033.fdocuments.ec/reader033/viewer/2022060203/559f1bad1a28abcd198b4712/html5/thumbnails/5.jpg)
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?
![Page 6: UX Mobile](https://reader033.fdocuments.ec/reader033/viewer/2022060203/559f1bad1a28abcd198b4712/html5/thumbnails/6.jpg)
Diego López Castán - Introducción a UX - UTN
UX es invisible
Diego Lopez Castan - Empathy
![Page 7: UX Mobile](https://reader033.fdocuments.ec/reader033/viewer/2022060203/559f1bad1a28abcd198b4712/html5/thumbnails/7.jpg)
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
![Page 8: UX Mobile](https://reader033.fdocuments.ec/reader033/viewer/2022060203/559f1bad1a28abcd198b4712/html5/thumbnails/8.jpg)
Diego López Castán - Introducción a UX - UTN
UX no es solo usabilidad
Diego Lopez Castan - Empathy
![Page 9: UX Mobile](https://reader033.fdocuments.ec/reader033/viewer/2022060203/559f1bad1a28abcd198b4712/html5/thumbnails/9.jpg)
Diego López Castán - Introducción a UX - UTN
UX no es solo Diseño
Diego Lopez Castan - Empathy
![Page 10: UX Mobile](https://reader033.fdocuments.ec/reader033/viewer/2022060203/559f1bad1a28abcd198b4712/html5/thumbnails/10.jpg)
Diego López Castán - Introducción a UX - UTN
UX no es solo UI
Diego Lopez Castan - Empathy
![Page 11: UX Mobile](https://reader033.fdocuments.ec/reader033/viewer/2022060203/559f1bad1a28abcd198b4712/html5/thumbnails/11.jpg)
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
![Page 12: UX Mobile](https://reader033.fdocuments.ec/reader033/viewer/2022060203/559f1bad1a28abcd198b4712/html5/thumbnails/12.jpg)
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
![Page 13: UX Mobile](https://reader033.fdocuments.ec/reader033/viewer/2022060203/559f1bad1a28abcd198b4712/html5/thumbnails/13.jpg)
Diego López Castán - Introducción a UX - UTN
Metro GUI
![Page 14: UX Mobile](https://reader033.fdocuments.ec/reader033/viewer/2022060203/559f1bad1a28abcd198b4712/html5/thumbnails/14.jpg)
Diego López Castán - Introducción a UX - UTN
“Facebook is a mobile company.”Mark Zuckerberg CEO Facebook
Diego Lopez Castan - Empathy
![Page 15: UX Mobile](https://reader033.fdocuments.ec/reader033/viewer/2022060203/559f1bad1a28abcd198b4712/html5/thumbnails/15.jpg)
Diego López Castán - Introducción a UX - UTN
Facebook Mobile Ads
Diego Lopez Castan - Empathy
![Page 16: UX Mobile](https://reader033.fdocuments.ec/reader033/viewer/2022060203/559f1bad1a28abcd198b4712/html5/thumbnails/16.jpg)
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
![Page 17: UX Mobile](https://reader033.fdocuments.ec/reader033/viewer/2022060203/559f1bad1a28abcd198b4712/html5/thumbnails/17.jpg)
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
![Page 18: UX Mobile](https://reader033.fdocuments.ec/reader033/viewer/2022060203/559f1bad1a28abcd198b4712/html5/thumbnails/18.jpg)
Diego López Castán - Introducción a UX - UTN
Principios de UX
Diego Lopez Castan - Empathy
![Page 19: UX Mobile](https://reader033.fdocuments.ec/reader033/viewer/2022060203/559f1bad1a28abcd198b4712/html5/thumbnails/19.jpg)
Diego López Castán - Introducción a UX - UTN
Patrones de diseño
Diego Lopez Castan - Empathy
![Page 20: UX Mobile](https://reader033.fdocuments.ec/reader033/viewer/2022060203/559f1bad1a28abcd198b4712/html5/thumbnails/20.jpg)
Diego López Castán - Introducción a UX - UTN
Consistencia
Diego Lopez Castan - Empathy
![Page 21: UX Mobile](https://reader033.fdocuments.ec/reader033/viewer/2022060203/559f1bad1a28abcd198b4712/html5/thumbnails/21.jpg)
Diego López Castán - Introducción a UX - UTN
Jerarquía
Diego Lopez Castan - Empathy
![Page 22: UX Mobile](https://reader033.fdocuments.ec/reader033/viewer/2022060203/559f1bad1a28abcd198b4712/html5/thumbnails/22.jpg)
Diego López Castán - Introducción a UX - UTN
Contexto
Diego Lopez Castan - Empathy
![Page 23: UX Mobile](https://reader033.fdocuments.ec/reader033/viewer/2022060203/559f1bad1a28abcd198b4712/html5/thumbnails/23.jpg)
Diego López Castán - Introducción a UX - UTN
Outlook
Diego Lopez Castan - Empathy
![Page 24: UX Mobile](https://reader033.fdocuments.ec/reader033/viewer/2022060203/559f1bad1a28abcd198b4712/html5/thumbnails/24.jpg)
Diego López Castán - Introducción a UX - UTN
Yahoo Mail
Diego Lopez Castan - Empathy
![Page 25: UX Mobile](https://reader033.fdocuments.ec/reader033/viewer/2022060203/559f1bad1a28abcd198b4712/html5/thumbnails/25.jpg)
Diego López Castán - Introducción a UX - UTN
Proceso UX
Diego Lopez Castan - Empathy
![Page 26: UX Mobile](https://reader033.fdocuments.ec/reader033/viewer/2022060203/559f1bad1a28abcd198b4712/html5/thumbnails/26.jpg)
Diego López Castán - Introducción a UX - UTN
Necesidad
![Page 27: UX Mobile](https://reader033.fdocuments.ec/reader033/viewer/2022060203/559f1bad1a28abcd198b4712/html5/thumbnails/27.jpg)
Diego López Castán - Introducción a UX - UTN
Wireframe
![Page 28: UX Mobile](https://reader033.fdocuments.ec/reader033/viewer/2022060203/559f1bad1a28abcd198b4712/html5/thumbnails/28.jpg)
Diego López Castán - Introducción a UX - UTN
Prototipo
![Page 29: UX Mobile](https://reader033.fdocuments.ec/reader033/viewer/2022060203/559f1bad1a28abcd198b4712/html5/thumbnails/29.jpg)
Diego López Castán - Introducción a UX - UTN
Desarrollo
![Page 30: UX Mobile](https://reader033.fdocuments.ec/reader033/viewer/2022060203/559f1bad1a28abcd198b4712/html5/thumbnails/30.jpg)
Diego López Castán - Introducción a UX - UTN
![Page 31: UX Mobile](https://reader033.fdocuments.ec/reader033/viewer/2022060203/559f1bad1a28abcd198b4712/html5/thumbnails/31.jpg)
Diego López Castán - Introducción a UX - UTN
Conclusiones
Diego Lopez Castan - Empathy
![Page 32: UX Mobile](https://reader033.fdocuments.ec/reader033/viewer/2022060203/559f1bad1a28abcd198b4712/html5/thumbnails/32.jpg)
Diego López Castán - Introducción a UX - UTN
MUCHAS GRACIASDiego Lopez Castan
[email protected]@diegomlc