ux tips para mobile developers

32
Lisandro Martínez Basabilvaso, Senior UX Designer @ DevSpark UX Tips para mobile developers

Upload: lisandro-martinez-basabilvaso

Post on 23-Jan-2018

295 views

Category:

Design


2 download

TRANSCRIPT

Page 1: UX Tips para Mobile Developers

Lisandro Martínez Basabilvaso, Senior UX Designer @ DevSpark

UX Tips para mobile developers

Page 2: UX Tips para Mobile Developers

¿Qué es Experiencia de Usuario?

Page 3: UX Tips para Mobile Developers

Leer el diario

Page 4: UX Tips para Mobile Developers

Buscar trabajo

Page 5: UX Tips para Mobile Developers

Trabajo administrativo

Page 6: UX Tips para Mobile Developers

Ir al supermercado

Page 7: UX Tips para Mobile Developers

Reencuentro con amigos

Page 8: UX Tips para Mobile Developers

“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

¿Podemos intervenir para mejorarlas?

Page 10: UX Tips para Mobile Developers

A través del Diseño de la experiencia de usuario.

SI

Page 11: UX Tips para Mobile Developers

Algunos tips para mejorar la UX.

Page 12: UX Tips para Mobile Developers

¿Para que sirve tu app?

¿Es util?

¿Tenés competencia? ¿Qué features tiene?

Conocé tu negocio.

Page 13: UX Tips para Mobile Developers

¿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

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

No hay usuarios. No hay dinero.

Page 16: UX Tips para Mobile Developers

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
Page 18: UX Tips para Mobile Developers

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

¿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
Page 21: UX Tips para Mobile Developers

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
Page 23: UX Tips para Mobile Developers

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
Page 25: UX Tips para Mobile Developers

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
Page 27: UX Tips para Mobile Developers

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
Page 29: UX Tips para Mobile Developers

A la UX la hacemos entre todos.

Page 31: UX Tips para Mobile Developers

Luke Wroblewski

@lukewwww.lukew.com

Page 32: UX Tips para Mobile Developers

Gracias!@lisandro_mb