El crecimento de la web móvil, sus características diferenciales y cómo sacarle provecho desde distintos tipos de apps web y nativas y el diseño adaptable.

1. Clase 14/16
MEDIOS DIGITALES
Web Móvil
ESCUELA DE CREATIVOS PUBLICITARIOS DE URUGUAY
Docente: Chino Carranza

2. 2
¿PARA QUÉ
QUEREMOS
WEB
MÓVIL?

3. 3
ALGUNOS VALORES
DE LA MOVILIDAD/
UBICUIDAD
• Notificaciones • Entretenimiento en
momentos ociosos
• Correo
• Alertas • Lectura
• Recordatorios • Juegos
• Geolocalización • Información
• Geoalertas • Comunicación instantánea
• Amplificación de la realidad

4. SO/LO/MO

5. Social, Local, Móvil

6. DISEÑO Y
ARQUITECTURA
PARA LA WEB
MÓVIL

7. 7
INCONSISTEN
CIAS
• Sistemas operativos • Input
• Navegadores • Mouse/trackball
• Flash • Stylus
• Resolución de pantalla • Touch
• Orientación de la • Multitouch
pantalla

8. 8
PERIFÉRICOS
• Foto • Micrófono
• Frontal • Acelerómetro
• Trasera • Giroscopio
• Video • Multitouch
• GPS • Luz
• Brújula

9. 9
APLICACIONES
WEB
• 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

10. Google Docs

11. Facebook

12. BBC Radio Touch

13. Transmission Web
Interface

14. 14
APLICACIONES
NATIVAS
CONECTADAS
• 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

15. Wunderlist

16. Reeder

17. Wunderadio

18. Foursquare

19. 19
DISEÑO
ADAPTABLE O
RESPONSIVO
• 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

25. 25
AVANCES Y
DUDAS DEL
PROYECTO
FINAL

26. HASTA LA
PRÓXIMA