La web en dispositivos móviles y sus desafíos. Cifras de conectividad, usos y particularidades. Aplicaciones web y nativas conectadas y diseño adaptable o responsivo.

1. Medios Digitales
Web móvil 1
Clase 14/16
Escuela de Creativos Publicitarios de Uruguay
Docente: Chino Carranza

2. La web móvil en UY 2

3. Penetración 3
■ Conexión a Internet desde el celular Tráfico escritorio vs. móvil
■ Perfil del Internauta Uruguayo: 14%
■ URSEC: 10% 99,1%
■ AGESIC/INE: 9,4%
0,9%

4. Sistemas operativos móviles 4
Symbian 32,21%
iOS 15,84%
Android 13,13%
SonyEriccson 12,23%
Desconocido 11,71%
Samsung 10,19%
BlackBerry 2,26%
WinCE 1,4%
Otros 1,04%

5. Web en dispositivos móviles 5

6. ¿Para qué queremos web móvil? 6
Charlemos...

7. Algunos valores de la movilidad/ubicuidad 7
■ Notificaciones ■ Entretenimiento en momentos
ociosos
■ Correo
■ Lectura
■ Alertas
■ Juegos
■ Recordatorios
■ Información
■ Geolocalización
■ Comunicación instantánea
■ Geoalertas
■ Amplificación de la realidad

8. Diseño y arquitectura para la web móvil 8

9. Inconsistencias 9
■ Sistemas operativos ■ Input
■ Navegadores ■ Mouse/trackball
■ Flash ■ Stylus
■ Resolución de pantalla ■ Touch
■ Orientación de la pantalla ■ Multitouch

10. Periféricos 10
■ Foto ■ Micrófono
■ Frontal ■ Acelerómetro
■ Trasera ■ Giroscopio
■ Video ■ Multitouch
■ GPS ■ Luz
■ Brújula

11. Aplicaciones web 11
■ Compatibilidad “universal”
■ (no tanto)
■ Sin descargas
■ Sin actualización
■ Sincronía sin servicios de sincronización
■ Se programan en lenguajes web
■ No se pueden usar todas las funciones del teléfono

12. 12
Google Docs

13. 13
Facebook

14. 14
BBC Radio Touch

15. 15
Transmission Web Interface

16. Aplicaciones nativas conectadas 16
■ Optimizadas para cada dispositivo/sistema
■ Pueden usar todas las funciones del teléfono
■ Requieren descarga
■ Requieren actualizaciones
■ Cargan sólo datos pero requieren servicios de sincronización
■ Interfaz más rica
■ Se programan en distintos lenguajes según el sistema

17. 17
Wunderlist

18. 18
Reeder

19. 19
Wunder Radio

20. 20
Foursqaure

21. Diseño adaptable o responsivo 21
■ Una sola página web
■ Un sólo código
■ Capaz de diferenciar entre escritorio y dispositivos móviles
■ Responde al tamaño del navegador también
■ Jerarquiza según el contexto

22. 22

23. 23

24. 24

25. 25

26. 26

27. ¿Quieren hablar
de Google+ 27
Charlemos...

28. 28
Ya que insisten...

29. Avances y dudas del proyecto final 29
Charlemos...

30. Hasta la próxima 30