ux en dispositivos móviles (universidad tecnológica nacional)

Ux en dispositivos móviles - 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 una compañía, sus servicios y sus

productos”.Jakob Nielsen


Índice

1. Soluciones móviles: Apps, webapps, webs multidispositivo y apps híbridas

2. Los usuarios y el contexto de uso3. Diseño centrado en el usuario para

dispositivos móviles1. Investigar sobre los usuarios y su contexto2. Conceptualizar el producto3. Evaluar los diseños





Índice


Soluciones

Aplicación móvil (App)

Web específica para móvil (WebApp)

Web multidispositivo

Diseño fluido

Diseño responsive

Aplicación híbrida

Soluciones móviles


Aplicación móvil (App)

Augmented Outdoors - Peaks


Web específica para móvil (WebApp)

Atrapalo.com


Web multidispositivo – Diseño fluido

colly.com


Web multidispositivo – Diseño responsive

forefathersgroup.com


Aplicación híbrida

Healthapp





Índice


Savio, N., & Braiterman, J. (Junio / 2007). Design Sketch: The

Context of Mobile Interaction.

Los usuarios y el contexto de uso


• Nos distraemos• Somos imprecisos• No vemos bien• No tenemos paciencia

¿Cómo somos los usuarios móviles?


Usuarios de smartphones y de tabletas





Índice


1. Conocer a los usuarios y su contexto2. Conceptualizar/Diseñar un producto según el

conocimiento de estos usuarios3. Evaluar el diseño +. Iterar entre estas fases hasta –idealmente-

lograr el mejor producto posible.

Diseño centrado en el usuario (DCU)





Índice


• Técnicas cualitativas: – Entrevista– Focus group– Observación contextual– Recorrido cognitivo– Test con usuarios– Shadowing– Diario– …

Investigar sobre los usuarios y su contexto


• Técnicas cuantitativas: – Cuestionario– A/B testing– Logging– Eyetracking– …



• Técnicas cualitativas y cuantitativas: – Análisis de la competencia– Card sorting– Evaluación heurística– …






Índice


• 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áticos– Prototipos interactivos

Conceptualizar el producto





Índice


Evaluación

Con usuarios

Sin usuarios

Evaluar los diseños

• La importancia (o no) del contexto• Grabación de los test• El Mago de Oz


Con usuarios: Test con usuarios


• Principios heurísticos clásicos• Guía heurísitca para la experiencia de usuario

móvil

Sin usuarios: Evaluación heurística


• 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

Principios heurísitcos clásicos

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


1. Causar una buena

impresión

2. Simplificar la navegación

3. Facilitar la lectura

4. Tamaño y separación

para dedos imprecisos

5. Personalizar

6. Agilizar la entrada de

datos

7. Asegurar la visibilidad

8. Usar estándares

9. Seguir las guías de

diseño

10. Aprovechar las

funcionalidades del

dispositivo

1. Causar una buena impresión

2. Simplificar lanavegación



3. Facilitar la lectura

4. Tamaño y separación para dedos imprecisos



5. Personalizar

6. Agilizar la entrada de datos



7. Asegurar la visibilidad

8. Usar estándares



9. Seguir las guías de diseño

10. Aprovechar las funcionalidades del dispositivo




• 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.

Recursos - Libros de referencia


• 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/

Recursos – Blogs de actualidad


http://www.rachelhinman.com/blog/





• 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

Recursos – Guías de diseño


https://developer.apple.com/library/ios/DOCUMENTATION/UserExperience/Conceptual/MobileHIG/index.html

https://developer.apple.com/library/ios/DOCUMENTATION/UserExperience/Conceptual/MobileHIG/index.html

http://dev.windowsphone.com/en-us/design


¡Muchas gracias!

@jordialmirall

es.linkedin.com/in/jordialmirall/

https://twitter.com/jordialmirall

https://twitter.com/jordialmirall

http://es.linkedin.com/in/jordialmirall/

