Post on 07-Jun-2015
description
Inteligencia en MovimientoPromesas y desafíos de las plataformas móviles
Ricardo Barra, Noviembre 2009info@placerdigital.net | @Chuqui
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
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
Mobile Web – cifras y statsEl 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)
Mobile Web – cifras y statsUsuarios activos han crecido 30% cada año entre el 2006 y 2010
Mobile Web – cifras y statsAumento 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
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 usuariosde Internet Móvil queusando PC
Mobile Web – desafíos
✔ Tamaño de la pantalla
✔ Input
✔ Ancho de banda, intermitencia y $$$
✔ Objetivos del usuario
✔ Limitaciones de los dispositivos
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
Mobile Web – desafíos
Resolución... * 30 a 90 veces más pequeño
* generalmente vertical
* teclados virtuales ocupan mucho espacio
Mobile Web – desafíos
Ejemplo...
Mobile Web – desafíos
En un móvil...
* Scroll y zoom
* Navegación oculta contenido
* Pesa mucho
Mobile Web – desafíos
Input...
* Tipear en un móvil es lento y difícil
* No hay mouse
* Campos vs. etiquetas
Mobile Web – desafíos
Red...
* Ancho de banda muy limitado
* Alto nivel de intermitencia
* Costoso
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
* CSS
* Cookies
* Javascript y plugins (Flash, Java)
* Vida de la batería
* Procesador y almacenaje
* Actualizaciones
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)
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)
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!!!
c o h e r e n t e
atractivo
si
mple
f u n c i o n a l
Gracias!
Ricardo Barra, Noviembre 2009info@placerdigital.net | @Chuqui