Jordi Almirall

Ux en dispositivos móviles - Jordi Almirall
Experiencia de usuario (Ux):
“La Experiencia de Usuario abarca todos los
aspectos de la interacción final del usuario
con ...
Índice
1. Soluciones móviles: Apps, webapps, webs
multidispositivo y apps híbridas
2. Los usuarios y el contexto de uso
3....
Índice
1. Soluciones móviles: Apps, webapps, webs
multidispositivo y apps híbridas
2. Los usuarios y el contexto de uso
3....
Soluciones móviles

Aplicación móvil
(App)
Web específica
para móvil
(WebApp)
Soluciones

Diseño fluido
Web
multidispositi...
Aplicación móvil (App)

Augmented Outdoors - Peaks

Ux en dispositivos móviles - Jordi Almirall
Web específica para móvil (WebApp)

Atrapalo.com
Ux en dispositivos móviles - Jordi Almirall
Web multidispositivo – Diseño fluido
colly.com

Ux en dispositivos móviles - Jordi Almirall
Web multidispositivo – Diseño responsive
forefathersgroup.com

Ux en dispositivos móviles - Jordi Almirall
Aplicación híbrida

Healthapp
Ux en dispositivos móviles - Jordi Almirall
Índice
1. Soluciones móviles: Apps, webapps, webs
multidispositivo y apps híbridas
2. Los usuarios y el contexto de uso
3....
Los usuarios y el contexto de uso

Ux en dispositivos móviles - Jordi Almirall

Savio, N., & Braiterman, J. (Junio /
2007)...
¿Cómo somos los usuarios móviles?
•
•
•
•

Nos distraemos
Somos imprecisos
No vemos bien
No tenemos paciencia

Ux en dispo...
Usuarios de smartphones y de tabletas

Ux en dispositivos móviles - Jordi Almirall
Índice
1. Soluciones móviles: Apps, webapps, webs
multidispositivo y apps híbridas
2. Los usuarios y el contexto de uso
3....
Diseño centrado en el usuario (DCU)
1. Conocer a los usuarios y su contexto
2. Conceptualizar/Diseñar un producto según el...
Índice
1. Soluciones móviles: Apps, webapps, webs
multidispositivo y apps híbridas
2. Los usuarios y el contexto de uso
3....
Investigar sobre los usuarios y su contexto
• Técnicas cualitativas:
– Entrevista
– Focus group
– Observación contextual
–...
Investigar sobre los usuarios y su contexto
• Técnicas cuantitativas:
– Cuestionario
– A/B testing
– Logging
– Eyetracking...
Investigar sobre los usuarios y su contexto
• Técnicas cualitativas y cuantitativas:
– Análisis de la competencia
– Card s...
Índice
1. Soluciones móviles: Apps, webapps, webs
multidispositivo y apps híbridas
2. Los usuarios y el contexto de uso
3....
Conceptualizar el producto
• Técnicas de modelado de usuarios:
– Personas
– Escenarios
– Flowcharts
– User journey maps
–…...
Conceptualizar el producto
• Técnicas de conceptualización del producto:
– Sketches
– Prototipos en papel
– Prototipos est...
Índice
1. Soluciones móviles: Apps, webapps, webs
multidispositivo y apps híbridas
2. Los usuarios y el contexto de uso
3....
Evaluar los diseños

Evaluación

Con
usuarios
Sin
usuarios

Ux en dispositivos móviles - Jordi Almirall
Con usuarios: Test con usuarios
• La importancia (o no) del contexto
• Grabación de los test
• El Mago de Oz

Ux en dispos...
Sin usuarios: Evaluación heurística
• Principios heurísticos clásicos
• Guía heurísitca para la experiencia de usuario
móv...
Principios heurísitcos clásicos
• Las ocho reglas de oro de Ben Shneiderman
• Los diez principios heurísticos de Nielsen
•...
Guía heurísitca para la experiencia de usuario móvil

1. Causar una buena
impresión

datos

2. Simplificar la

7. Asegurar...
Guía heurísitca para la experiencia de usuario móvil

1. Causar una buena
impresión
2. Simplificar la
navegación

Ux en di...
Guía heurísitca para la experiencia de usuario móvil

3. Facilitar la lectura

4. Tamaño y separación
para dedos impreciso...
Guía heurísitca para la experiencia de usuario móvil

5. Personalizar

6. Agilizar la entrada de
datos

Ux en dispositivos...
Guía heurísitca para la experiencia de usuario móvil

7. Asegurar la visibilidad

8. Usar estándares

Ux en dispositivos m...
Guía heurísitca para la experiencia de usuario móvil

9. Seguir las guías de
diseño

10. Aprovechar las
funcionalidades de...
Recursos - Libros de referencia
• Ballard, B. (2007). Designing the mobile user experience. West Sussex:
Wiley.
• Clark, J...
Recursos – Blogs de actualidad
• Canal de vídeos Google Developers.
http://www.youtube.com/user/GoogleDevelopers?feature=w...
Recursos – Guías de diseño
• Android:
http://developer.android.com/intl/es/design/index.html

• iOS:
https://developer.app...
@jordialmirall

es.linkedin.com/in/jordialmirall/

Ux en dispositivos móviles - Jordi Almirall
Próxima SlideShare
Cargando en…5
×

Ux en dispositivos móviles (Universidad Tecnológica Nacional)

817 visualizaciones

Publicado el

Soluciones móviles: Apps, webapps, webs multidispositivo y apps híbridas
Los usuarios y el contexto de uso
Diseño centrado en el usuario para dispositivos móviles
Investigar sobre los usuarios y su contexto
Conceptualizar el producto
Evaluar los diseños
-Charla para Diseño de Interacción con Estándares de Accesibilidad y Usabilidad

Publicado en: Diseño
0 comentarios
1 recomendación
Estadísticas
Notas
  • Sé el primero en comentar

Sin descargas
Visualizaciones
Visualizaciones totales
817
En SlideShare
0
De insertados
0
Número de insertados
11
Acciones
Compartido
0
Descargas
28
Comentarios
0
Recomendaciones
1
Insertados 0
No insertados

No hay notas en la diapositiva.

Ux en dispositivos móviles (Universidad Tecnológica Nacional)

  1. 1. Jordi Almirall Ux en dispositivos móviles - Jordi Almirall
  2. 2. Experiencia de usuario (Ux): “La Experiencia de Usuario abarca todos los aspectos de la interacción final del usuario con una compañía, sus servicios y sus productos”. Jakob Nielsen Ux en dispositivos móviles - Jordi Almirall
  3. 3. Índice 1. Soluciones móviles: Apps, webapps, webs multidispositivo y apps híbridas 2. Los usuarios y el contexto de uso 3. Diseño centrado en el usuario para dispositivos móviles 1. Investigar sobre los usuarios y su contexto 2. Conceptualizar el producto 3. Evaluar los diseños Ux en dispositivos móviles - Jordi Almirall
  4. 4. Índice 1. Soluciones móviles: Apps, webapps, webs multidispositivo y apps híbridas 2. Los usuarios y el contexto de uso 3. Diseño centrado en el usuario para dispositivos móviles 1. Investigar sobre los usuarios y su contexto 2. Conceptualizar el producto 3. Evaluar los diseños Ux en dispositivos móviles - Jordi Almirall
  5. 5. Soluciones móviles Aplicación móvil (App) Web específica para móvil (WebApp) Soluciones Diseño fluido Web multidispositivo Diseño responsive Aplicación híbrida Ux en dispositivos móviles - Jordi Almirall
  6. 6. Aplicación móvil (App) Augmented Outdoors - Peaks Ux en dispositivos móviles - Jordi Almirall
  7. 7. Web específica para móvil (WebApp) Atrapalo.com Ux en dispositivos móviles - Jordi Almirall
  8. 8. Web multidispositivo – Diseño fluido colly.com Ux en dispositivos móviles - Jordi Almirall
  9. 9. Web multidispositivo – Diseño responsive forefathersgroup.com Ux en dispositivos móviles - Jordi Almirall
  10. 10. Aplicación híbrida Healthapp Ux en dispositivos móviles - Jordi Almirall
  11. 11. Índice 1. Soluciones móviles: Apps, webapps, webs multidispositivo y apps híbridas 2. Los usuarios y el contexto de uso 3. Diseño centrado en el usuario para dispositivos móviles 1. Investigar sobre los usuarios y su contexto 2. Conceptualizar el producto 3. Evaluar los diseños Ux en dispositivos móviles - Jordi Almirall
  12. 12. Los usuarios y el contexto de uso Ux en dispositivos móviles - Jordi Almirall Savio, N., & Braiterman, J. (Junio / 2007). Design Sketch: The Context of Mobile Interaction.
  13. 13. ¿Cómo somos los usuarios móviles? • • • • Nos distraemos Somos imprecisos No vemos bien No tenemos paciencia Ux en dispositivos móviles - Jordi Almirall
  14. 14. Usuarios de smartphones y de tabletas Ux en dispositivos móviles - Jordi Almirall
  15. 15. Índice 1. Soluciones móviles: Apps, webapps, webs multidispositivo y apps híbridas 2. Los usuarios y el contexto de uso 3. Diseño centrado en el usuario para dispositivos móviles 1. Investigar sobre los usuarios y su contexto 2. Conceptualizar el producto 3. Evaluar los diseños Ux en dispositivos móviles - Jordi Almirall
  16. 16. Diseño centrado en el usuario (DCU) 1. Conocer a los usuarios y su contexto 2. Conceptualizar/Diseñar un producto según el conocimiento de estos usuarios 3. Evaluar el diseño +. Iterar entre estas fases hasta –idealmentelograr el mejor producto posible. Ux en dispositivos móviles - Jordi Almirall
  17. 17. Índice 1. Soluciones móviles: Apps, webapps, webs multidispositivo y apps híbridas 2. Los usuarios y el contexto de uso 3. Diseño centrado en el usuario para dispositivos móviles 1. Investigar sobre los usuarios y su contexto 2. Conceptualizar el producto 3. Evaluar los diseños Ux en dispositivos móviles - Jordi Almirall
  18. 18. Investigar sobre los usuarios y su contexto • Técnicas cualitativas: – Entrevista – Focus group – Observación contextual – Recorrido cognitivo – Test con usuarios – Shadowing – Diario –… Ux en dispositivos móviles - Jordi Almirall
  19. 19. Investigar sobre los usuarios y su contexto • Técnicas cuantitativas: – Cuestionario – A/B testing – Logging – Eyetracking –… Ux en dispositivos móviles - Jordi Almirall
  20. 20. Investigar sobre los usuarios y su contexto • Técnicas cualitativas y cuantitativas: – Análisis de la competencia – Card sorting – Evaluación heurística –… Ux en dispositivos móviles - Jordi Almirall
  21. 21. Índice 1. Soluciones móviles: Apps, webapps, webs multidispositivo y apps híbridas 2. Los usuarios y el contexto de uso 3. Diseño centrado en el usuario para dispositivos móviles 1. Investigar sobre los usuarios y su contexto 2. Conceptualizar el producto 3. Evaluar los diseños Ux en dispositivos móviles - Jordi Almirall
  22. 22. Conceptualizar el producto • Técnicas de modelado de usuarios: – Personas – Escenarios – Flowcharts – User journey maps –… Ux en dispositivos móviles - Jordi Almirall
  23. 23. Conceptualizar el producto • Técnicas de conceptualización del producto: – Sketches – Prototipos en papel – Prototipos estáticos – Prototipos interactivos Ux en dispositivos móviles - Jordi Almirall
  24. 24. Índice 1. Soluciones móviles: Apps, webapps, webs multidispositivo y apps híbridas 2. Los usuarios y el contexto de uso 3. Diseño centrado en el usuario para dispositivos móviles 1. Investigar sobre los usuarios y su contexto 2. Conceptualizar el producto 3. Evaluar los diseños Ux en dispositivos móviles - Jordi Almirall
  25. 25. Evaluar los diseños Evaluación Con usuarios Sin usuarios Ux en dispositivos móviles - Jordi Almirall
  26. 26. Con usuarios: Test con usuarios • La importancia (o no) del contexto • Grabación de los test • El Mago de Oz Ux en dispositivos móviles - Jordi Almirall
  27. 27. Sin usuarios: Evaluación heurística • Principios heurísticos clásicos • Guía heurísitca para la experiencia de usuario móvil Ux en dispositivos móviles - Jordi Almirall
  28. 28. Principios heurísitcos clásicos • Las ocho reglas de oro de Ben Shneiderman • Los diez principios heurísticos de Nielsen • Los principios heurísticos de Larry Constantine • Principios heurísticos de Keith Instone • Principios de Deborah Mayhew • Los principios heurísticos de Bruce Tognazzini Ux en dispositivos móviles - Jordi Almirall
  29. 29. Guía heurísitca para la experiencia de usuario móvil 1. Causar una buena impresión datos 2. Simplificar la 7. Asegurar la visibilidad navegación 8. Usar estándares 3. Facilitar la lectura 4. Tamaño y separación para dedos imprecisos 5. Personalizar 6. Agilizar la entrada de 9. Seguir las guías de diseño 10. Aprovechar las funcionalidades del dispositivo Ux en dispositivos móviles - Jordi Almirall
  30. 30. Guía heurísitca para la experiencia de usuario móvil 1. Causar una buena impresión 2. Simplificar la navegación Ux en dispositivos móviles - Jordi Almirall
  31. 31. Guía heurísitca para la experiencia de usuario móvil 3. Facilitar la lectura 4. Tamaño y separación para dedos imprecisos Ux en dispositivos móviles - Jordi Almirall
  32. 32. Guía heurísitca para la experiencia de usuario móvil 5. Personalizar 6. Agilizar la entrada de datos Ux en dispositivos móviles - Jordi Almirall
  33. 33. Guía heurísitca para la experiencia de usuario móvil 7. Asegurar la visibilidad 8. Usar estándares Ux en dispositivos móviles - Jordi Almirall
  34. 34. Guía heurísitca para la experiencia de usuario móvil 9. Seguir las guías de diseño 10. Aprovechar las funcionalidades del dispositivo Ux en dispositivos móviles - Jordi Almirall
  35. 35. Recursos - Libros de referencia • Ballard, B. (2007). Designing the mobile user experience. West Sussex: Wiley. • Clark, J. (2010). Tapworthy. Sebastapol: O'Reilly. • Ginsburg, S. (2010). Designing the iPhone User Experience. Kendallville: Addison-Wesley. • Hinman, R. (2012). The Mobile Frontier. Nueva York: Rosenfeld Media. • Jones, M., & Marsden, G. (2006). Mobile Interaction Design. West Sussex: Wiley. • Nielsen, J., & Budiu, R. (2012). Mobile Usability. Berkeley: New Riders. • Wroblewski, L. (2011). Mobile First. Nueva York: A Book Apart. Ux en dispositivos móviles - Jordi Almirall
  36. 36. Recursos – Blogs de actualidad • Canal de vídeos Google Developers. http://www.youtube.com/user/GoogleDevelopers?feature=watch • El blog de Rachel Hinman. http://www.rachelhinman.com/blog/ • LukeW. Ideation+Design. http://www.lukew.com/ • Smashing Magazine. http://mobile.smashingmagazine.com/ • Touchy Talk. http://www.touchytalk.com/ Ux en dispositivos móviles - Jordi Almirall
  37. 37. Recursos – Guías de diseño • Android: http://developer.android.com/intl/es/design/index.html • iOS: https://developer.apple.com/library/ios/DOCUMENTATION/ UserExperience/Conceptual/MobileHIG/index.html • Windows Phone: http://dev.windowsphone.com/en-us/design Ux en dispositivos móviles - Jordi Almirall
  38. 38. @jordialmirall es.linkedin.com/in/jordialmirall/ Ux en dispositivos móviles - Jordi Almirall

×