La revolución
móvi
2012
Computadoras
Celulares
Tabletas
Ecosistemas
Nuevas herramientas
El mundo de las
aplicaciones
¿Qué son?
Multi plataforma
Planeta
1
Mundo Apple/Ios
App Store
iPhone
iPod
iPod Touch
iPad
iOS
6.1
Planeta
2
Mundo google/android
Google Play
Samsung Galaxy
HTC
Motorola
Google Nexus
Android
Jelly
Bean
4.2
Planeta
3
Mundo BLACKBERRY
Blackberry World
Blackberry Torch
Blackberry Curve
Blackberry Bold
Blackberry Z10
Planeta
4
Mundo microsoft
Windows Phone store
Nokia Lumia
Samsung
HTC
Huawei
Modos adaptables
El nuevo
rey
34% del tráfico total del FT viene de móviles
15-20% de las nuevas suscripciones se venden
desde un celular
12% de las gan...
Sabores
y colores
Chau plug ins!!
Video y multimedia
Gráficos
Sonido
Interactividad
Velocidad
Offline
Vs
Y/O
El mundo de oz
Otros ejemplos
Apple
Chrome
20things…
Yendo de la cama al
living
Uno para todos todos
para uno
Ventajas responsive
design
SEO. Sólo hay una web (HTML + CSS), URL es única
para todos los dispositivos. Se evitan redirecciones de unas
versiones a ...
Adaptaciones móviles
Mobile
Desktop en
smartphone
Los sitios web
mobile-friendly
“convierten a los
usuarios en
clientes”
What Users Want Most from Mobile Sites
Today (Googl...
61% “Si no encuentro rápido
lo que estaba buscando en un
sitio móvil, me voy a otro”
50% “Si la web de mi negocio
favorito...
Pensar y crear en clave de móviles
Contenido demasiado
limitado
Dominios múltiples.
Pop-ups.
Videos que no se
pueden ver
Redireccionamiento
falllido.
jQuery
Underscore
jPlayer
HTML5 video
jQuery Reel
jQuery address
http://www.thinkwithgoogle.com/mobileplanet/es/
Revolución móvil, HTML 5 y responsive design
Revolución móvil, HTML 5 y responsive design
Revolución móvil, HTML 5 y responsive design
Revolución móvil, HTML 5 y responsive design
Revolución móvil, HTML 5 y responsive design
Revolución móvil, HTML 5 y responsive design
Revolución móvil, HTML 5 y responsive design
Revolución móvil, HTML 5 y responsive design
Revolución móvil, HTML 5 y responsive design
Revolución móvil, HTML 5 y responsive design
Revolución móvil, HTML 5 y responsive design
Revolución móvil, HTML 5 y responsive design
Revolución móvil, HTML 5 y responsive design
Revolución móvil, HTML 5 y responsive design
Revolución móvil, HTML 5 y responsive design
Revolución móvil, HTML 5 y responsive design
Upcoming SlideShare
Loading in …5
×

Revolución móvil, HTML 5 y responsive design

1,038 views

Published on

Clase de Narrativa Online, Facultad de Comunicación, Universidad de Montevideo 2013

2 Comments
1 Like
Statistics
Notes
No Downloads
Views
Total views
1,038
On SlideShare
0
From Embeds
0
Number of Embeds
625
Actions
Shares
0
Downloads
11
Comments
2
Likes
1
Embeds 0
No embeds

No notes for slide

Revolución móvil, HTML 5 y responsive design

  1. 1. La revolución móvi
  2. 2. 2012 Computadoras
  3. 3. Celulares
  4. 4. Tabletas
  5. 5. Ecosistemas
  6. 6. Nuevas herramientas
  7. 7. El mundo de las aplicaciones
  8. 8. ¿Qué son?
  9. 9. Multi plataforma
  10. 10. Planeta 1
  11. 11. Mundo Apple/Ios App Store
  12. 12. iPhone iPod iPod Touch iPad iOS 6.1
  13. 13. Planeta 2
  14. 14. Mundo google/android Google Play
  15. 15. Samsung Galaxy HTC Motorola Google Nexus Android Jelly Bean 4.2
  16. 16. Planeta 3
  17. 17. Mundo BLACKBERRY Blackberry World
  18. 18. Blackberry Torch Blackberry Curve Blackberry Bold Blackberry Z10
  19. 19. Planeta 4
  20. 20. Mundo microsoft Windows Phone store
  21. 21. Nokia Lumia Samsung HTC Huawei
  22. 22. Modos adaptables
  23. 23. El nuevo rey
  24. 24. 34% del tráfico total del FT viene de móviles 15-20% de las nuevas suscripciones se venden desde un celular 12% de las ganancias x publicidad del FT proviene de móviles “The audience is clearly moving to mobile, and we need to be where the audience is.
  25. 25. Sabores y colores
  26. 26. Chau plug ins!!
  27. 27. Video y multimedia Gráficos Sonido Interactividad Velocidad Offline
  28. 28. Vs Y/O
  29. 29. El mundo de oz Otros ejemplos Apple Chrome 20things…
  30. 30. Yendo de la cama al living
  31. 31. Uno para todos todos para uno
  32. 32. Ventajas responsive design
  33. 33. SEO. Sólo hay una web (HTML + CSS), URL es única para todos los dispositivos. Se evitan redirecciones de unas versiones a otras UX. User eXperience. El usuario accede al mismo website con independencia del dispositivo que utilice. Coherencia. Integridad. Sólo hay una estructura HTML y una única hoja de estilo CSS para todos los dispositivos. Costes. Requiere más tiempo de desarrollo y es más cara, pero implica menos mantenimiento (hay que revisar 1
  34. 34. Adaptaciones móviles
  35. 35. Mobile Desktop en smartphone
  36. 36. Los sitios web mobile-friendly “convierten a los usuarios en clientes” What Users Want Most from Mobile Sites Today (Google, setiembre 2012)
  37. 37. 61% “Si no encuentro rápido lo que estaba buscando en un sitio móvil, me voy a otro” 50% “Si la web de mi negocio favorito no tiene salida móvil, lo usaría menos o lo cambiaría por otro”.
  38. 38. Pensar y crear en clave de móviles
  39. 39. Contenido demasiado limitado Dominios múltiples. Pop-ups. Videos que no se pueden ver Redireccionamiento falllido.
  40. 40. jQuery Underscore jPlayer HTML5 video jQuery Reel jQuery address
  41. 41. http://www.thinkwithgoogle.com/mobileplanet/es/

×