Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Mobile Web

694 views

Published on

Presentación de Ricardo Barra en Inteligencia en Movimiento Seminario de Redes Sociales Móviles

Published in: Education
  • Be the first to comment

  • Be the first to like this

Mobile Web

  1. 1. Inteligencia en Movimiento Promesas y desafíos de las plataformas móviles                   Ricardo Barra, Noviembre 2009 info@placerdigital.net | @Chuqui
  2. 2. Acerca de mí ● 15 años sumergido ● DOS, Usenet, Mosaic (Netscape), NetMeeting ● Blog desde el 2003, Twitter desde el 2007 ● Diseño ● Programación ● Comunicaciones ● Marketing ● Profe
  3. 3. Mobile Web – la promesa Luego de frustrados intentos por traer la Web a los dispositivos portátiles (WAP 1.0), hay que precisar que la Mobile Web tiene muchas ventajas... ✔ Va contigo ✔ La audiencia es gigantesca ✔ No necesita cables ✔ Se puede operar con una mano ✔ Especial proyección en países como Chile
  4. 4. Mobile Web – cifras y stats El año 2007 el número de usuarios con teléfonos con navegador, superó a la cantidad de autos (800 millones), PCs (850 millones), usuarios de Internet convencional (1,1 billones), e incluso la cantidad de TVs (1,5 billones)
  5. 5. Mobile Web – cifras y stats Usuarios activos han crecido 30% cada año entre el 2006 y 2010
  6. 6. Mobile Web – cifras y stats Aumento del tráfico mensual desde junio del 2008 Causas: - Llegada de los smartphones. Hace 1 año, el 20% del tráfico. - Redes sociales y microblogging
  7. 7. Mobile Web – más stats ✔Según Nokia, existen cerca de 2 billones de celulares con Internet circulando en el mundo ✔Sólo usando Opera Mini, en marzo del 2008 hubo más de 2,4 billones de páginas vistas ✔ Más de un 13% de los estadounidenses accede a sus sitios favoritos solamente desde el móvil ✔En India hay 4 veces más usuarios de Internet Móvil que usando PC
  8. 8. Mobile Web – desafíos ✔ Tamaño de la pantalla ✔ Input ✔ Ancho de banda, intermitencia y $$$ ✔ Objetivos del usuario ✔ Limitaciones de los dispositivos
  9. 9. Mobile Web – desafíos Resolución... * Resolución típica de un PC: 1024x768 * Celular normal: 200x200: 20x menor * Smart phone: 320x480: 5x menor * Próximos dispositivos a 800x600
  10. 10. Mobile Web – desafíos Resolución... * 30 a 90 veces más pequeño * generalmente vertical * teclados virtuales ocupan mucho espacio
  11. 11. Mobile Web – desafíos Ejemplo...
  12. 12. Mobile Web – desafíos En un móvil... * Scroll y zoom * Navegación oculta contenido * Pesa mucho
  13. 13. Mobile Web – desafíos Input... * Tipear en un móvil es lento y difícil * No hay mouse * Campos vs. etiquetas
  14. 14. Mobile Web – desafíos Red... * Ancho de banda muy limitado * Alto nivel de intermitencia * Costoso
  15. 15. Mobile Web – desafíos El propio usuario... * Baja curva de atención * Busca un solo objetivo * Puede estar moviéndose Limitaciones del dispositivo... * Soporte de colores * Vida de la batería * CSS * Procesador y almacenaje * Cookies * Actualizaciones * Javascript y plugins (Flash, Java)
  16. 16. Mobile Web – soluciones ✔ Evitar las tablas (y las anidadas) ✔ Evitar imágenes muy anchas ✔ Layout líquido / elástico ✔ Organización vertical, en una columna ✔ Mucho uso de listas ✔ Usar teclas de acceso o access keys ✔ Priorizar ✔ Optimizarlo todo (especialmente imágenes)
  17. 17. Mobile Web – soluciones ✔ No usar imágenes de fondo ✔ No popups (nunca) ✔ No mapas de imagen ✔ Sí Flash, pero con alternativas ✔ Pensar en la accesibilidad (alt en imágenes) ✔ Sólo usar GIF, JPEG y (PNG) ✔ CSS diferenciadas ✔ No usar Frames (nunca)
  18. 18. Mobile Web – soluciones ✔ Mejoras progresivas (progressive enhancement) ✔ Respetar estándares (siempre). W3C y MWI son mis amigos ✔ Testear ✔ Re-testear ✔ Volver a testear ✔ Requetecontra-testear!!!
  19. 19. coherente
  20. 20. a t r a c t i v o
  21. 21. s i m p l e
  22. 22. funcional
  23. 23. Gracias!                   Ricardo Barra, Noviembre 2009 info@placerdigital.net | @Chuqui

×