¿Usabilidad móvil?

150
[email protected] · @darmng

Transcript of ¿Usabilidad móvil?

[email protected] · @darmng

UX

Buenos contenidos

Acceso a contenidos

UX

Buenos contenidos

Acceso a contenidos

UX

Buenos contenidos

Acceso a contenidos

UX

Buenos contenidos

Acceso a contenidos

UX

Buenos contenidos

Acceso a contenidos

UX

Buenos contenidos

Acceso a contenidos

“La usabilidad se refiere a la capacidad de un software de ser comprendido, aprendido, usado y ser atractivo para el usuario en condiciones específicas de uso”

ISO/IEC 9126

Foto de flickr/Clive Fint

“Mobile refers to the user, and not the device or the application”.

Barbara Ballard

• Conexiones lentas e intermitentes

• Pantallas pequeñas

• Variedad de dispositivos

• Interacción táctil

• Sujeción con una mano

• Contexto móvil

"Porcentaje de población cubierta por alguna red de cuarta generación 4G/LTE" (CNMC, 2014)

Cobertura 4G Movistar http://www.movistar.es/particulares/coberturas/movil (Febrero 2015)

Cobertura 4G Vodafone http://www.vodafone.es/conocenos/es/cobertura-y-tiendas/ (Febrero 2015)

"Población con acceso a redes 3G/UMTS" (CNMC, 2014)

Cobertura 3G Movistar (Febrero 2015)

GRPS

EDGE

3G

ADSL

GPRS

UMTS

GRPS

EDGE

3G

ADSL inmediato

1 segundo

3 segundos

12 segundosGPRS

UMTS

GRPS

EDGE

3G

ADSL inmediato

7 segundos

medio minuto

GPRS 2 minutos

UMTS

NO!

19”4”

69

19”1440x900px

3,5”640x960px

Un CSS px es una unidad angular, no de longitud...

“the visual angle of one pixel on a device witha pixel density of 96dpi and a distance fromthe reader of an arm's length. For a nominal arm's length of 28 inches, the visual angle istherefore about 0.0213 degrees. For readingat arm's length, 1px thus corresponds to about 0.26 mm (1/96 inch). “

Quirksmode.org

Addy Osmani

19 mm

Microsoft

Tamaño real (visual) del botón

9,00mm es el tamaño recomendado (tasa de error del 1,6%)

7,00mm es un tamaño aceptable (48 CSS pixels)

2mm (al menos) de separación visual reduce la percepción de dificultad.

Separación visual

93

Fuente: Barron Cuadrro [http://barroncuadro.com]

109

?

Quirksmode.org

Foto de flickr/Josh Liba

Foto de flickr/Jaymi Heimbuch

Steven Hoober “How Do Users Really Hold Mobile Devices?”

Steven Hoober “How Do Users Really Hold Mobile Devices?”

Foto de flickr/NoHoDamon

Atención parcial

Apertura social que predispone a interrupciones

Mecanismos de navegación “ocupados”

etc.

134

11Mark. Octubre 2011. Usuarios EEUU.

11Mark. Octubre 2011. Usuarios EEUU.

11Mark. Octubre 2011. Usuarios EEUU.

Foto de flickr/lschoen

“Unlike the static and predictable PC context, the mobile context is a lot like life. It’s unpredictable, ambiguous . . . it’s everywhere”.

Rachel Hinman

“cut features, to eliminate things that are not core to the mobile use case”.

Jakob Nielsen

3

13

2.600

700.000Techcrunch, octubre 2011 (desde apps)

compras cada segundo

piezas de ropa, zapatos o accesorios cada minuto

vehículos cada semana (3 o 4 Ferraris al mes)

artículos puestos a la venta cada semana

“cut features, to eliminate things that are not core to the mobile use case”.

Jakob Nielsen

“Every time you assume someone won’t want to do something on mobile, you’re wrong”.

Josh Clark

Luke Wroblewski

“The fundamental distinction between mobile-targeted design and design targeted for other platforms is The Carry Principle: the user typically carries the device, all the time”.

Barbara Ballard

Implicaciones en el dispositivo:• Dimensiones

• Pantalla pequeña• Teclado pequeño (si hay)

• Limitaciones ergonómicas…• …

• Autonomía• Uso de batería

• Interruptibilidad• Priorización técnica de poco consumo

• CPUs poco potentes• Aplicaciones lentas…

• Comunicación inalámbrica

[email protected] · @darmng