<ul><li>Una visión global </li></ul>
 
 
 
<ul><li>Webs diseñadas para ser visualizadas en dispositivos móviles </li></ul>
 
The Net Size guide 2008
 
<ul><li>700.000 conexiones diarias a Vodafone Live! </li></ul><ul><li>5.000.000 de páginas vistas al día </li></ul><ul><li...
 
¿Por qué?
 
<ul><li>Un vistazo al mundo real </li></ul><ul><ul><li>Hay muchos terminales muy heterogéneos </li></ul></ul><ul><ul><li>“...
 
<ul><li>En movimiento </li></ul><ul><li>Multitarea </li></ul><ul><li>Diferentes situaciones sociales </li></ul><ul><li>Ate...
 
 
<ul><li>Location Based Services </li></ul><ul><li>Servicios que aprovechan la capacidad para localizar el dispositivo (GPS...
 
<ul><li>Pocas categorías </li></ul><ul><li>No más de 10 enlaces </li></ul><ul><li>Árboles no muy profundos </li></ul><ul><...
<ul><li>Usabilidad </li></ul><ul><li>ClickStream </li></ul><ul><ul><li>Ley 77 (IT Deusto) – 80% del contenido a menos de t...
<ul><li>Más de 500 dispositivos se venden cada año </li></ul><ul><li>Más de 50 navegadores </li></ul><ul><li>Llegar a está...
 
Cabecera Navegación Contenido Navegación Pie
 
<ul><li>Extensible HyperText Markup Language: Mobile Profile </li></ul><ul><li>Similar al XHTML </li></ul><ul><li>Estándar...
<ul><li>Subconjunto de los CSS estándar </li></ul><ul><li>KISS </li></ul><ul><ul><li>Algunos dispositivos mostrarán mal co...
<ul><li>Ya sabéis como hacer páginas para la web móvil </li></ul>
<ul><li>Mobile Web Best Practices </li></ul><ul><ul><li>Guía </li></ul></ul><ul><li>Mobile Ok </li></ul><ul><ul><li>Sello ...
<?xml version=”1.0” encoding=”UTF-8” ?> <!DOCTYPE html PUBLIC “-//WAPFORUM//DTD XHTML Mobile 1.0//EN” “http://www.wapforum...
<body> <div id=”cabecera”> </div> <div id=”navegación_cabecera”> </div> <div id=”contenido”> </div> <div id=”navegación_pi...
<ul><li>Contenido relevante </li></ul><ul><li>Enlaces relevantes </li></ul><ul><li>Navegación relevante </li></ul><ul><ul>...
<ul><li>En un móvil es complicado escribir </li></ul><ul><li>Se deben evitar los formularios </li></ul><ul><ul><li>Nunca f...
<ul><li>dominio.com/mobile </li></ul><ul><ul><li>mobile.dominio.com </li></ul></ul><ul><li>Detección del dispositivo </li>...
<ul><li>Un solo portal móvil para todos los dispositivos </li></ul><ul><ul><li>Mínimo común </li></ul></ul><ul><li>Adaptac...
<ul><li>Navegador estándar ( Firefox  u Ópera) </li></ul><ul><ul><li>Con herramientas para ayudarnos </li></ul></ul><ul><l...
<ul><li>Experiencia = Expectativas: Usuario satisfecho </li></ul><ul><li>Experiencia > Expectativas: Usuario encantado </l...
 
<ul><li>Confianza en Internet móvil </li></ul><ul><li>Asegura la experiencia del usuario </li></ul><ul><li>Sites pensados ...
 
 
http://flickr.com/photos/jemstone/11631878/ http://flickr.com/photos/theklan/1082306956/
 
 
 
<ul><li>La web móvil 2.0 = la web  2.0  estándar </li></ul><ul><li>Futuro </li></ul><ul><li>Usabilidad </li></ul><ul><li>W...
 
<ul><li>Recently a Forrester report was released stating that the iPhone &quot;signals the beginning of the end for the mo...
<ul><li>No es nada nuevo </li></ul><ul><li>Es nuevo </li></ul>
La compañía dirigida por Steve Jobs ha vendido más de un millón de iPhones en el cuarto trimestre y  la cifra total de ven...
<ul><li>Popular </li></ul><ul><li>Tarifa plana </li></ul><ul><li>Software actualizable </li></ul><ul><li>SDK Abierto </li>...
<ul><li>HTML 4.01 </li></ul><ul><li>XHTML 1.0 </li></ul><ul><li>CSS 2.1 and partial CSS 3.xx </li></ul><ul><li>JavaScript ...
 
 
 
<ul><li>Everything you always wanted to know about the mobile web </li></ul><ul><ul><li>Brian Fling </li></ul></ul><ul><li...
<ul><li>How the iPhone Will Change the Mobile Space </li></ul><ul><ul><li>Brian Fling </li></ul></ul><ul><li>http://develo...
Upcoming SlideShare
Loading in …5
×

Mobile Web

640
-1

Published on

A \"state of art\" of the mobile web.

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
640
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
22
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Mobile Web

  1. 1. <ul><li>Una visión global </li></ul>
  2. 5. <ul><li>Webs diseñadas para ser visualizadas en dispositivos móviles </li></ul>
  3. 7. The Net Size guide 2008
  4. 9. <ul><li>700.000 conexiones diarias a Vodafone Live! </li></ul><ul><li>5.000.000 de páginas vistas al día </li></ul><ul><li>5.000.000 de descargas en 2006 </li></ul>
  5. 11. ¿Por qué?
  6. 13. <ul><li>Un vistazo al mundo real </li></ul><ul><ul><li>Hay muchos terminales muy heterogéneos </li></ul></ul><ul><ul><li>“ Internet móvil” está condenado a triunfar en cierta medida </li></ul></ul><ul><ul><li>Hay un cierto jaleo de lenguajes de marcado </li></ul></ul><ul><ul><li>Japón – Pocos terminales similares </li></ul></ul><ul><ul><li>Europa – Muchos terminales dispares </li></ul></ul>
  7. 15. <ul><li>En movimiento </li></ul><ul><li>Multitarea </li></ul><ul><li>Diferentes situaciones sociales </li></ul><ul><li>Atención difusa </li></ul><ul><li>Comodidad </li></ul><ul><li>Conectado </li></ul>
  8. 18. <ul><li>Location Based Services </li></ul><ul><li>Servicios que aprovechan la capacidad para localizar el dispositivo (GPS o sin GPS) </li></ul>
  9. 20. <ul><li>Pocas categorías </li></ul><ul><li>No más de 10 enlaces </li></ul><ul><li>Árboles no muy profundos </li></ul><ul><li>Priorización y personalización </li></ul>
  10. 21. <ul><li>Usabilidad </li></ul><ul><li>ClickStream </li></ul><ul><ul><li>Ley 77 (IT Deusto) – 80% del contenido a menos de tres saltos </li></ul></ul><ul><li>Personalización </li></ul><ul><li>Equilibrio entre compatibilidad y experiencia de usuario </li></ul><ul><ul><li>Adaptación </li></ul></ul><ul><li>Diferentes interfaces de usuario </li></ul>
  11. 22. <ul><li>Más de 500 dispositivos se venden cada año </li></ul><ul><li>Más de 50 navegadores </li></ul><ul><li>Llegar a estándares ha costado mucho </li></ul>
  12. 24. Cabecera Navegación Contenido Navegación Pie
  13. 26. <ul><li>Extensible HyperText Markup Language: Mobile Profile </li></ul><ul><li>Similar al XHTML </li></ul><ul><li>Estándar para la web móvil actual </li></ul><ul><ul><li>WML en desuso </li></ul></ul>
  14. 27. <ul><li>Subconjunto de los CSS estándar </li></ul><ul><li>KISS </li></ul><ul><ul><li>Algunos dispositivos mostrarán mal configuraciones complejas </li></ul></ul><ul><li>Mejor en el documento que externas </li></ul><ul><ul><li>Primero se carga el documento completo y luego el CSS </li></ul></ul><ul><ul><li>Provoca una presentación momentánea sin estilo </li></ul></ul>
  15. 28. <ul><li>Ya sabéis como hacer páginas para la web móvil </li></ul>
  16. 29. <ul><li>Mobile Web Best Practices </li></ul><ul><ul><li>Guía </li></ul></ul><ul><li>Mobile Ok </li></ul><ul><ul><li>Sello </li></ul></ul><ul><li>Descripción de dispositivos </li></ul><ul><ul><li>Perfiles para adaptación </li></ul></ul>
  17. 30. <?xml version=”1.0” encoding=”UTF-8” ?> <!DOCTYPE html PUBLIC “-//WAPFORUM//DTD XHTML Mobile 1.0//EN” “http://www.wapforum.org/DTD/ xhtml-mobile10.dtd”> <ul><li>Se deben cerrar todos los elementos: </li></ul><ul><li>Los vacíos: <br/> </li></ul><ul><li>Y los no vacíos: <p>Texto</p> </li></ul><ul><li>El alt es obligatorio en las imágenes </li></ul><ul><li>No puede haber texto directamente en el body </li></ul><ul><li>Los atributos deben ir entrecomillados </li></ul><ul><li>Todo va en minúsculas </li></ul>
  18. 31. <body> <div id=”cabecera”> </div> <div id=”navegación_cabecera”> </div> <div id=”contenido”> </div> <div id=”navegación_pie”> </div> <div id=”pie”> </div> </body>
  19. 32. <ul><li>Contenido relevante </li></ul><ul><li>Enlaces relevantes </li></ul><ul><li>Navegación relevante </li></ul><ul><ul><li><a href=”pagina.html” accesskey=”1”>Nosotros</a> </li></ul></ul><ul><ul><li>Lista ordenada – Para ser coherente con el accesskey </li></ul></ul><ul><li>Imágenes relevantes </li></ul>
  20. 33. <ul><li>En un móvil es complicado escribir </li></ul><ul><li>Se deben evitar los formularios </li></ul><ul><ul><li>Nunca formularios largos </li></ul></ul>
  21. 34. <ul><li>dominio.com/mobile </li></ul><ul><ul><li>mobile.dominio.com </li></ul></ul><ul><li>Detección del dispositivo </li></ul><ul><li>dominio.mobi </li></ul>
  22. 35. <ul><li>Un solo portal móvil para todos los dispositivos </li></ul><ul><ul><li>Mínimo común </li></ul></ul><ul><li>Adaptación al dispositivo </li></ul><ul><ul><li>Por familias </li></ul></ul>
  23. 36. <ul><li>Navegador estándar ( Firefox u Ópera) </li></ul><ul><ul><li>Con herramientas para ayudarnos </li></ul></ul><ul><li>Emuladores </li></ul><ul><li>Pruebas con dispositivos </li></ul>
  24. 37. <ul><li>Experiencia = Expectativas: Usuario satisfecho </li></ul><ul><li>Experiencia > Expectativas: Usuario encantado </li></ul><ul><li>Experiencia < Expectativas: Usuario insatisfecho </li></ul>
  25. 39. <ul><li>Confianza en Internet móvil </li></ul><ul><li>Asegura la experiencia del usuario </li></ul><ul><li>Sites pensados y diseñados para móvil </li></ul>
  26. 42. http://flickr.com/photos/jemstone/11631878/ http://flickr.com/photos/theklan/1082306956/
  27. 46. <ul><li>La web móvil 2.0 = la web 2.0 estándar </li></ul><ul><li>Futuro </li></ul><ul><li>Usabilidad </li></ul><ul><li>Widgets </li></ul><ul><li>Creadores potenciados </li></ul>
  28. 48. <ul><li>Recently a Forrester report was released stating that the iPhone &quot;signals the beginning of the end for the mobile Web as we know it today&quot;. The report suggested that re-designing sites for the small screens of mobile phones would become &quot;a thing of the past&quot;, because of the iPhone's advanced technology such as zooming. </li></ul>http://www.readwriteweb.com/archives/iphone_vs_mobile_web.php
  29. 49. <ul><li>No es nada nuevo </li></ul><ul><li>Es nuevo </li></ul>
  30. 50. La compañía dirigida por Steve Jobs ha vendido más de un millón de iPhones en el cuarto trimestre y la cifra total de ventas de este deseadísimo teléfono móvil ha alcanzado los 1,38 millones de aparatos, desde que llegó a las tiendas estadounidenses el pasado 29 de junio. Un verdadero récord, teniendo en cuenta que el artilugio sólo se vende de momento en el mercado estadounidense. (El País – 20/10/2007)
  31. 51. <ul><li>Popular </li></ul><ul><li>Tarifa plana </li></ul><ul><li>Software actualizable </li></ul><ul><li>SDK Abierto </li></ul><ul><li>Localización </li></ul><ul><li>Popular </li></ul>
  32. 52. <ul><li>HTML 4.01 </li></ul><ul><li>XHTML 1.0 </li></ul><ul><li>CSS 2.1 and partial CSS 3.xx </li></ul><ul><li>JavaScript 1.4, including DOM support </li></ul><ul><li>AJAX technologies, including XMLHTTPRequest </li></ul><ul><li>PDF </li></ul><ul><li>Quicktime </li></ul>
  33. 56. <ul><li>Everything you always wanted to know about the mobile web </li></ul><ul><ul><li>Brian Fling </li></ul></ul><ul><li>http://dev.mobi </li></ul><ul><li>http://mr.dev.mobi </li></ul><ul><li>http://www.mobiledesign.org </li></ul><ul><li>Mobile Web: The Expectation of Experience </li></ul><ul><ul><li>Greg Bell </li></ul></ul>
  34. 57. <ul><li>How the iPhone Will Change the Mobile Space </li></ul><ul><ul><li>Brian Fling </li></ul></ul><ul><li>http://developer.apple.com/iphone/ </li></ul><ul><li>http://www.iPhoneWebDev.com/ </li></ul><ul><li>Mobile Megatrends 2008 </li></ul><ul><ul><li>Andreas Constantinou </li></ul></ul>

×