Diese Präsentation wurde erfolgreich gemeldet.
Die SlideShare-Präsentation wird heruntergeladen. ×

¿Usabilidad móvil?

¿Usabilidad móvil?

Herunterladen, um offline zu lesen

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

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

Anzeige
Anzeige

Weitere Verwandte Inhalte

Anzeige

¿Usabilidad móvil?

  1. 1. dani@daniarmengol.com · @darmng
  2. 2. UX Buenos contenidos Acceso a contenidos
  3. 3. UX Buenos contenidos Acceso a contenidos
  4. 4. UX Buenos contenidos Acceso a contenidos
  5. 5. UX Buenos contenidos Acceso a contenidos
  6. 6. UX Buenos contenidos Acceso a contenidos
  7. 7. UX Buenos contenidos Acceso a contenidos
  8. 8. “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
  9. 9. Foto de flickr/Clive Fint “Mobile refers to the user, and not the device or the application”. Barbara Ballard
  10. 10. • Conexiones lentas e intermitentes • Pantallas pequeñas • Variedad de dispositivos • Interacción táctil • Sujeción con una mano • Contexto móvil
  11. 11. "Porcentaje de población cubierta por alguna red de cuarta generación 4G/LTE" (CNMC, 2014)
  12. 12. Cobertura 4G Movistar http://www.movistar.es/particulares/coberturas/movil (Febrero 2015)
  13. 13. Cobertura 4G Vodafone http://www.vodafone.es/conocenos/es/cobertura-y-tiendas/ (Febrero 2015)
  14. 14. "Población con acceso a redes 3G/UMTS" (CNMC, 2014)
  15. 15. Cobertura 3G Movistar (Febrero 2015)
  16. 16. GRPS EDGE 3G ADSL GPRS UMTS
  17. 17. GRPS EDGE 3G ADSL inmediato 1 segundo 3 segundos 12 segundosGPRS UMTS
  18. 18. GRPS EDGE 3G ADSL inmediato 7 segundos medio minuto GPRS 2 minutos UMTS
  19. 19. NO!
  20. 20. 19” 4”
  21. 21. 69 19” 1440x900px 3,5” 640x960px
  22. 22. 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). “
  23. 23. Quirksmode.org
  24. 24. Addy Osmani
  25. 25. 19 mm
  26. 26. Microsoft
  27. 27. 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)
  28. 28. 2mm (al menos) de separación visual reduce la percepción de dificultad. Separación visual
  29. 29. 93 Fuente: Barron Cuadrro [http://barroncuadro.com]
  30. 30. 109
  31. 31. ?
  32. 32. Quirksmode.org
  33. 33. Foto de flickr/Josh Liba
  34. 34. Foto de flickr/Jaymi Heimbuch
  35. 35. Steven Hoober “How Do Users Really Hold Mobile Devices?”
  36. 36. Steven Hoober “How Do Users Really Hold Mobile Devices?”
  37. 37. Foto de flickr/NoHoDamon  Atención parcial  Apertura social que predispone a interrupciones  Mecanismos de navegación “ocupados”  etc. 134
  38. 38. 11Mark. Octubre 2011. Usuarios EEUU.
  39. 39. 11Mark. Octubre 2011. Usuarios EEUU.
  40. 40. 11Mark. Octubre 2011. Usuarios EEUU.
  41. 41. 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
  42. 42. “cut features, to eliminate things that are not core to the mobile use case”. Jakob Nielsen
  43. 43. 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
  44. 44. “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
  45. 45. Luke Wroblewski
  46. 46. “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
  47. 47. 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
  48. 48. dani@daniarmengol.com · @darmng

×