ux tips para mobile developers
TRANSCRIPT
![Page 1: UX Tips para Mobile Developers](https://reader031.vdocuments.us/reader031/viewer/2022021923/5a666c257f8b9a47688b6245/html5/thumbnails/1.jpg)
Lisandro Martínez Basabilvaso, Senior UX Designer @ DevSpark
UX Tips para mobile developers
![Page 2: UX Tips para Mobile Developers](https://reader031.vdocuments.us/reader031/viewer/2022021923/5a666c257f8b9a47688b6245/html5/thumbnails/2.jpg)
¿Qué es Experiencia de Usuario?
![Page 3: UX Tips para Mobile Developers](https://reader031.vdocuments.us/reader031/viewer/2022021923/5a666c257f8b9a47688b6245/html5/thumbnails/3.jpg)
Leer el diario
![Page 4: UX Tips para Mobile Developers](https://reader031.vdocuments.us/reader031/viewer/2022021923/5a666c257f8b9a47688b6245/html5/thumbnails/4.jpg)
Buscar trabajo
![Page 5: UX Tips para Mobile Developers](https://reader031.vdocuments.us/reader031/viewer/2022021923/5a666c257f8b9a47688b6245/html5/thumbnails/5.jpg)
Trabajo administrativo
![Page 6: UX Tips para Mobile Developers](https://reader031.vdocuments.us/reader031/viewer/2022021923/5a666c257f8b9a47688b6245/html5/thumbnails/6.jpg)
Ir al supermercado
![Page 7: UX Tips para Mobile Developers](https://reader031.vdocuments.us/reader031/viewer/2022021923/5a666c257f8b9a47688b6245/html5/thumbnails/7.jpg)
Reencuentro con amigos
![Page 8: UX Tips para Mobile Developers](https://reader031.vdocuments.us/reader031/viewer/2022021923/5a666c257f8b9a47688b6245/html5/thumbnails/8.jpg)
“UX” incluye todos los aspectos de la interacción del usuario final con una organización, sus servicios y sus productos.
![Page 9: UX Tips para Mobile Developers](https://reader031.vdocuments.us/reader031/viewer/2022021923/5a666c257f8b9a47688b6245/html5/thumbnails/9.jpg)
¿Podemos intervenir para mejorarlas?
![Page 10: UX Tips para Mobile Developers](https://reader031.vdocuments.us/reader031/viewer/2022021923/5a666c257f8b9a47688b6245/html5/thumbnails/10.jpg)
A través del Diseño de la experiencia de usuario.
SI
![Page 11: UX Tips para Mobile Developers](https://reader031.vdocuments.us/reader031/viewer/2022021923/5a666c257f8b9a47688b6245/html5/thumbnails/11.jpg)
Algunos tips para mejorar la UX.
![Page 12: UX Tips para Mobile Developers](https://reader031.vdocuments.us/reader031/viewer/2022021923/5a666c257f8b9a47688b6245/html5/thumbnails/12.jpg)
¿Para que sirve tu app?
¿Es util?
¿Tenés competencia? ¿Qué features tiene?
Conocé tu negocio.
![Page 13: UX Tips para Mobile Developers](https://reader031.vdocuments.us/reader031/viewer/2022021923/5a666c257f8b9a47688b6245/html5/thumbnails/13.jpg)
¿Que aplicaciones usan?
¿Podemos agruparlos de alguna manera?
¿Como hacen ahora lo que vas a proponer en tu app?
Aprovecha lo que ya conocen, es inevitable comparar lo físico con lo digital.
Conoce a tus usuarios.
![Page 14: UX Tips para Mobile Developers](https://reader031.vdocuments.us/reader031/viewer/2022021923/5a666c257f8b9a47688b6245/html5/thumbnails/14.jpg)
Podemos procesar de a una tarea a la vez.
Nuestra app es un medio para lograrlo.
Somos vagos.
Hablales como a humanos.
Deciles que está pasando.
Hacelo para humanos.
![Page 15: UX Tips para Mobile Developers](https://reader031.vdocuments.us/reader031/viewer/2022021923/5a666c257f8b9a47688b6245/html5/thumbnails/15.jpg)
No hay usuarios. No hay dinero.
![Page 16: UX Tips para Mobile Developers](https://reader031.vdocuments.us/reader031/viewer/2022021923/5a666c257f8b9a47688b6245/html5/thumbnails/16.jpg)
Ver el alcance de la interfaz ¿Cuanto?
Bloques principales de contenido (¿Qué?)
Estructura de la información ¿Dónde va?)
Interacciones básicas con la interfaz (¿Cómo?)
Prototipado en papel
![Page 17: UX Tips para Mobile Developers](https://reader031.vdocuments.us/reader031/viewer/2022021923/5a666c257f8b9a47688b6245/html5/thumbnails/17.jpg)
![Page 18: UX Tips para Mobile Developers](https://reader031.vdocuments.us/reader031/viewer/2022021923/5a666c257f8b9a47688b6245/html5/thumbnails/18.jpg)
Baja tu idea a la tierra.
Conoce los GUI y patrones de diseño de la tecnología que vayas a usar.
¿Con que tiempo contas? ¿Con que presupuesto contas?
Conoce tus limitaciones.
![Page 19: UX Tips para Mobile Developers](https://reader031.vdocuments.us/reader031/viewer/2022021923/5a666c257f8b9a47688b6245/html5/thumbnails/19.jpg)
¿Para que creamos esta pantalla?
¿Que tiene que hacer o saber el usuario en esta pantalla?
¿Cual es la acción principal en esta pantalla?
Borrá lo innecesario
Reorganiza la información
Oculta lo poco frecuente
Desplaza según el contexto
No los distraigas.
![Page 20: UX Tips para Mobile Developers](https://reader031.vdocuments.us/reader031/viewer/2022021923/5a666c257f8b9a47688b6245/html5/thumbnails/20.jpg)
![Page 21: UX Tips para Mobile Developers](https://reader031.vdocuments.us/reader031/viewer/2022021923/5a666c257f8b9a47688b6245/html5/thumbnails/21.jpg)
Secuencias similares en acciones similares.
Terminología única para avisos, menúes y ayudas.
Comandos consistentes.
Uso consistente de colores, tipografía y elementos visuales.
Se consistente.
![Page 22: UX Tips para Mobile Developers](https://reader031.vdocuments.us/reader031/viewer/2022021923/5a666c257f8b9a47688b6245/html5/thumbnails/22.jpg)
![Page 23: UX Tips para Mobile Developers](https://reader031.vdocuments.us/reader031/viewer/2022021923/5a666c257f8b9a47688b6245/html5/thumbnails/23.jpg)
Cada operación que realiza el usuario tiene un costo...
Menos pasos de operacion tengo que pensar menos y tardo menos. (KLM-GOMS)
Más grande es el área de tap más facil de acertarle (Ley de Fitts).
Hacelo simple.
![Page 24: UX Tips para Mobile Developers](https://reader031.vdocuments.us/reader031/viewer/2022021923/5a666c257f8b9a47688b6245/html5/thumbnails/24.jpg)
![Page 25: UX Tips para Mobile Developers](https://reader031.vdocuments.us/reader031/viewer/2022021923/5a666c257f8b9a47688b6245/html5/thumbnails/25.jpg)
Precarga formularios.
Filtra de manera inteligente.
Geolocalizacion.
Uso de Cookies.
Evita pasos innecesarios.
Pone el esfuerzo en el lugar adecuado.
![Page 26: UX Tips para Mobile Developers](https://reader031.vdocuments.us/reader031/viewer/2022021923/5a666c257f8b9a47688b6245/html5/thumbnails/26.jpg)
![Page 27: UX Tips para Mobile Developers](https://reader031.vdocuments.us/reader031/viewer/2022021923/5a666c257f8b9a47688b6245/html5/thumbnails/27.jpg)
Hacer test de usabilidad te va a permitir encontrar errores en escenarios que no te imaginaste.
Los usuarios te van a mostrar soluciones.
Vas a ver el resultado de tus hipótesis.
Ponelo a prueba.
![Page 28: UX Tips para Mobile Developers](https://reader031.vdocuments.us/reader031/viewer/2022021923/5a666c257f8b9a47688b6245/html5/thumbnails/28.jpg)
![Page 29: UX Tips para Mobile Developers](https://reader031.vdocuments.us/reader031/viewer/2022021923/5a666c257f8b9a47688b6245/html5/thumbnails/29.jpg)
A la UX la hacemos entre todos.
![Page 30: UX Tips para Mobile Developers](https://reader031.vdocuments.us/reader031/viewer/2022021923/5a666c257f8b9a47688b6245/html5/thumbnails/30.jpg)
![Page 31: UX Tips para Mobile Developers](https://reader031.vdocuments.us/reader031/viewer/2022021923/5a666c257f8b9a47688b6245/html5/thumbnails/31.jpg)
Luke Wroblewski
@lukewwww.lukew.com
![Page 32: UX Tips para Mobile Developers](https://reader031.vdocuments.us/reader031/viewer/2022021923/5a666c257f8b9a47688b6245/html5/thumbnails/32.jpg)
Gracias!@lisandro_mb