Presentación realizada en el ClinicSEO de febrero de 2015 en Barcelona ("SEO Mobile 2015: del SEO al UX"). Streaming disponible en https://www.youtube.com/watch?v=tqtNYgXG7-k

1. dani@daniarmengol.com · @darmng

20. UX
Buenos
contenidos
Acceso a
contenidos

21. UX
Buenos
contenidos
Acceso a
contenidos

22. UX
Buenos
contenidos
Acceso a
contenidos

23. UX
Buenos
contenidos
Acceso a
contenidos

24. UX
Buenos
contenidos
Acceso a
contenidos

25. UX
Buenos
contenidos
Acceso a
contenidos

29. “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

38. Foto de flickr/Clive Fint
“Mobile refers to the user,
and not the device or the
application”.
Barbara Ballard

39. • Conexiones lentas e intermitentes
• Pantallas pequeñas
• Variedad de dispositivos
• Interacción táctil
• Sujeción con una mano
• Contexto móvil

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

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

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

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

47. Cobertura 3G Movistar (Febrero 2015)

48. GRPS
EDGE
3G
ADSL
GPRS
UMTS

49. GRPS
EDGE
3G
ADSL inmediato
1 segundo
3 segundos
12 segundosGPRS
UMTS

50. GRPS
EDGE
3G
ADSL inmediato
7 segundos
medio minuto
GPRS 2 minutos
UMTS

54. NO!

58. 19”
4”

69. 69
19”
1440x900px
3,5”
640x960px

71. Un CSS px es una unidad angular, no de
longitud...
“the visual angle of one pixel on a device with
a pixel density of 96dpi and a distance from
the reader of an arm's length. For a nominal
arm's length of 28 inches, the visual angle is
therefore about 0.0213 degrees. For reading
at arm's length, 1px thus corresponds to
about 0.26 mm (1/96 inch). “

75. Quirksmode.org

78. Addy Osmani

80. 19 mm

84. Microsoft

88. 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)

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

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

109. 109

118. ?

119. Quirksmode.org

122. Foto de flickr/Josh Liba

123. Foto de flickr/Jaymi Heimbuch

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

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

134. Foto de flickr/NoHoDamon
 Atención parcial
 Apertura social que
predispone a
interrupciones
 Mecanismos de
navegación
“ocupados”
 etc.
134

136. 11Mark. Octubre 2011. Usuarios EEUU.

137. 11Mark. Octubre 2011. Usuarios EEUU.

138. 11Mark. Octubre 2011. Usuarios EEUU.

139. 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

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

141. 3
13
2.600
700.000
Techcrunch, 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

142. “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

144. Luke Wroblewski

148. “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

149. 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

150. dani@daniarmengol.com · @darmng