UXday2017. Mejores prácticas en mobile. Francis Restoy

1

Mejores prácticas en UX Mobilepor Francis Restoy

[email protected]

#uxday

BCN MAD SCL MDE LIM MEXBOG MIA SFOBUE

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

Crecimiento

4

Fuente: http://www.comscore.com

5

Fuente: http://www.comscore.com

6

En un mismo día podemos interactuar con

varios dispositivos y en contextos diferentes

7

Uso

8

Según Hobber y Berkman se caracterizan por:

Pequeños

Conectados

Portables

Interactivos

conscientes del contexto

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

Pero en realidad si observamos a los usuarios y nuestro propio comportamiento nos daremos cuenta que si lo necesitamos

realizamos cualquier tipo de actividadcon nuestro smartphone.

11

Interacción

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

Contexto de uso

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

¿Dónde?

16

84%Hogar

¿Dónde?

74%Las colas

64%Trabajo

17

¿Cuándo?

18

84%Mientras ven

televisión

¿Cuándo?

80%Tiempo libre,

durante el dia

69%Mientras

compran

19

¿Entorno?

20

Tecnológico

¿Entorno?

Social Ambiental

21

Restricciones

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

Performance

No terminar con los datos de nuestro usuario

Conexiones lentas

Imágenes o Script que ralentizan nuestro móvil

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

Navegación con una mano

26

Navegación con una mano

Pantallas que crecen

3 formas básicas de sostener el móvil

27

Navegación con una mano

Las zonas superiores ya no tan accesibles

¿Donde debemos poner nuestras acciones principales?

28

Información en contexto

29

Desplegar información en contexto

Animaciones para navegar por el contenido

Diseño de card

30

Menos es más

31

Menos es más

No solamente el estético

Ejercicio de síntesis

Mensajes directo y pocas interacciones

32

Priorizar contenido

33

Priorizar contenido

Si todo es importante nada es importante

Ley de hits

Fragmentar

34

Geolocalización

35

Geolocalización

Usando las capacidades

Nuestro usuario más cerca

36

Siempre conectados

37

Siempre conectados

Asistente personal

Facilitamos la conversación

38

Buscando un scroll

39

Buscando el segundo scroll

Oferta de valor

Lenguaje sencillo y cercano

Señales visuales

40

Tiempo de espera

41

Tiempo de espera

Menos paciencia

Indicadores de progreso que desesperan

Pantallas esqueleto

Animaciones que hacen más dulce la espera

4242

¿Preguntas?