Mejores prácticas en mobile por Francis Restoy en nuestro evento de UXday 2017.

1. 1
Mejores prácticas
en UX Mobile
por Francis Restoy
francis@multiplica.com
#uxday
BCN MAD SCL MDE LIM MEXBOG MIA SFOBUE

2. 2
Estoy encantado de estar en este
día con todos vosotros y poder
hablar y compartir sobre cómo
diseñar para dispositivos móviles
Hola !

3. 3
Crecimiento

4. 4
Fuente: http://www.comscore.com

5. 5
Fuente: http://www.comscore.com

6. 6
En un mismo día
podemos interactuar con
varios dispositivos y en
contextos diferentes

7. 7
Uso

8. 8
Según Hobber y Berkman se caracterizan por:
Pequeños
Conectados
Portables
Interactivos
conscientes del contexto

9. 9
Los usamos para cosas tan variadas como:
Navegar por internet
Redes Sociales
Escuchar música
Jugar
Correo electrónico
Mensajería
Ver la televisión/películas
Leer libros
Hacer fotografías
a por cierto y también para llamar por teléfono

10. 10
Pero en realidad si observamos a los
usuarios y nuestro propio comportamiento
nos daremos cuenta que si lo necesitamos
realizamos cualquier tipo de actividad
con nuestro smartphone.

11. 11
Interacción

12. 12
De las interfaces gráficas
a las interfaces naturales
Cambio de paradigma
Acciones naturales
Se aprovecha la intuición
Sin aprendizaje
Interfaces multipantalla
To check
To immerse
To manage

13. 13
Contexto de uso

14. 14
“El contexto móvil se considera mejor como
las capacidades y limitaciones del
dispositivo, junto con el hecho de que se
pueden usar en cualquier lugar y en
cualquier situación.”
Luke Wobreski

15. 15
¿Dónde?

16. 16
84%
Hogar
¿Dónde?
74%
Las colas
64%
Trabajo

17. 17
¿Cuándo
?

18. 18
84%
Mientras ven
televisión
¿Cuándo
?
80%
Tiempo libre,
durante el dia
69%
Mientras
compran

19. 19
¿Entorno?

20. 20
Tecnológico
¿Entorno?
Social Ambiental

21. 21
Restricciones

22. 22
Tamaño de pantalla
Menos que ver más que recordar
0,03 segundos para atraer su atención
Solo hay espacio para lo verdaderamente importante

23. 23
Performance
No terminar con los datos de nuestro usuario
Conexiones lentas
Imágenes o Script que ralentizan nuestro móvil

24. 24
Ok, las pantallas son más pequeñas, las
conexiones lentas y los usuarios muchas
veces no prestan toda su atención al móvil,
asumamos todo esto y diseñemos
pensando que esas son nuestras
restricciones.

25. 25
Navegación
con una mano

26. 26
Navegación con una mano
Pantallas que crecen
3 formas básicas de sostener el móvil

27. 27
Navegación con una mano
Las zonas superiores ya no tan accesibles
¿Donde debemos poner nuestras acciones principales?

28. 28
Información
en contexto

29. 29
Desplegar información en contexto
Animaciones para navegar por el contenido
Diseño de card

30. 30
Menos es más

31. 31
Menos es más
No solamente el estético
Ejercicio de síntesis
Mensajes directo y pocas interacciones

32. 32
Priorizar contenido

33. 33
Priorizar contenido
Si todo es importante nada es importante
Ley de hits
Fragmentar

34. 34
Geolocalización

35. 35
Geolocalización
Usando las capacidades
Nuestro usuario más cerca

36. 36
Siempre conectados

37. 37
Siempre conectados
Asistente personal
Facilitamos la conversación

38. 38
Buscando un scroll

39. 39
Buscando el segundo scroll
Oferta de valor
Lenguaje sencillo y cercano
Señales visuales

40. 40
Tiempo de espera

41. 41
Tiempo de espera
Menos paciencia
Indicadores de progreso que desesperan
Pantallas esqueleto
Animaciones que hacen más dulce
la espera

42. 4242
¿Preguntas?