8/8/2019 La web mvil

1/58

Una visin global

8/8/2019 La web mvil

2/58

8/8/2019 La web mvil

3/58

8/8/2019 La web mvil

4/58

8/8/2019 La web mvil

5/58

Webs diseadas para ser visualizadasen dispositivos mviles

8/8/2019 La web mvil

6/58

44%

56% Sin mvilCon mvil

8/8/2019 La web mvil

7/58

The Net Size guide 2008

8/8/2019 La web mvil

8/58

8/8/2019 La web mvil

9/58

700.000 conexiones diarias a Vodafone Live! 5.000.000 de pginas vistas al da 5.000.000 de descargas en 2006

8/8/2019 La web mvil

10/58

8/8/2019 La web mvil

11/58

Por qu?Por qu?

8/8/2019 La web mvil

12/58

8/8/2019 La web mvil

13/58

Un vistazo al mundo real

Hay muchos terminales muy heterogneos Internet mvil est condenado a triunfar en

cierta medida

Hay un cierto jaleo de lenguajes de marcado Japn Pocos terminales similares

Europa Muchos terminales dispares

8/8/2019 La web mvil

14/58

Contexto

8/8/2019 La web mvil

15/58

En movimiento Multitarea Diferentes situaciones sociales Comodidad Conectado

8/8/2019 La web mvil

16/58

8/8/2019 La web mvil

17/58

En ocasiones la web mvil es cara

Coste

Usabilidad y relevancia

Contenido

Usuario mvil

Context

8/8/2019 La web mvil

18/58

Location Based Services Servicios que aprovechan la capacidad para

localizar el dispositivo (GPS o sin GPS)

8/8/2019 La web mvil

19/58

8/8/2019 La web mvil

20/58

Pocas categoras No ms de 10 enlaces rboles no muy profundos

8/8/2019 La web mvil

21/58

Usabilidad ClickStream Ley 77 (IT Deusto) 80% del contenido a menos de tres

Personalizacin Equilibrio entre compatibilidad y experiencia de

usuario

Adaptacin Diferentes interfaces de usuario

8/8/2019 La web mvil

22/58

Ms de 500 dispositivos se venden cada ao Ms de 50 navegadores Llegar a estndares ha costado mucho

8/8/2019 La web mvil

23/58

8/8/2019 La web mvil

24/58

Cabecera

Navegacin

Contenido

Navegacin

Pie

8/8/2019 La web mvil

25/58

8/8/2019 La web mvil

26/58

Extensible HyperText Markup Language: Mobile

Profile Similar al XHTML WML en desuso

8/8/2019 La web mvil

27/58

Subconjunto de los CSS estndar KISS Algunos dispositivos mostrarn mal configuraciones

Mejor en el documento que externas Primero se carga el documento completo y luego el CSS

Provoca una presentacin momentnea sin estilo

8/8/2019 La web mvil

28/58

Ya sabis como hacer pginas para la web mvil

8/8/2019 La web mvil

29/58

Mobile Web Best Practices Gua

Mobile Ok

Descripcin de dispositivos Perfiles para adaptacin

8/8/2019 La web mvil

30/58

Se deben cerrar todos los elementos:Los vacos:
Y los no vacos:

Texto

El altes obligatorio en las imgenesNo puede haber texto directamente en el bodyLos atributos deben ir entrecomilladosTodo va en minsculas

8/8/2019 La web mvil

31/58

8/8/2019 La web mvil

32/58

Contenido relevante Enlaces relevantes Navegacin relevante

.

Lista ordenada Para ser coherente con el accesskey

Imgenes relevantes

8/8/2019 La web mvil

33/58

8/8/2019 La web mvil

34/58

dominio.com/mobile mobile.dominio.com

Deteccin del dispositivo .

8/8/2019 La web mvil

35/58

Un solo portal mvil para todos los dispositivos Mnimo comn

Adaptacin al dispositivo

8/8/2019 La web mvil

36/58

Navegador estndar (Firefox u pera) Con herramientas para ayudarnos

Emuladores

8/8/2019 La web mvil

37/58

Experiencia = Expectativas: Usuario satisfecho Experiencia > Expectativas: Usuario encantado Experiencia < Expectativas: Usuario insatisfecho

8/8/2019 La web mvil

38/58

8/8/2019 La web mvil

39/58

Confianza en Internet mvil Asegura la experiencia del usuario Sites pensados y diseados para mvil

8/8/2019 La web mvil

40/58

8/8/2019 La web mvil

41/58

8/8/2019 La web mvil

42/58

http://flickr.com/photos/jemstone/11631878/ http://flickr.com/photos/theklan/1082306956/

8/8/2019 La web mvil

43/58

8/8/2019 La web mvil

44/58

8/8/2019 La web mvil

45/58

8/8/2019 La web mvil

46/58

La web mvil 2.0 = la web 2.0 estndar

Futuro Usabilidad

Widgets Creadores potenciados

8/8/2019 La web mvil

47/58

8/8/2019 La web mvil

48/58

Recently a Forrester report was released

stating that the iPhone "signals thebeginning of the end for the mobile Web as

we know it today". The report suggestedthat re-designing sites for the small screens

of mobile phones would become "a thing of

the past", because of the iPhone'sadvanced technology such as zooming.

http://www.readwriteweb.com/archives/iphone_vs_mobile_web.php

8/8/2019 La web mvil

49/58

8/8/2019 La web mvil

50/58

La compaa dirigida por Steve Jobs havendido ms de un milln de iPhones en el

cuarto trimestre y la cifra total de ventas deeste deseadsimo telfono mvil haalcanzado los 1,38 millones deaparatos, desde que lleg a las tiendas

es a oun enses e pasa o 29 e un o. n

verdadero rcord, teniendo en cuenta que elartilugio slo se vende de momento en elmercado estadounidense.(El Pas 20/10/2007)

8/8/2019 La web mvil

51/58

Popular

Tarifa plana Software actualizable

SDK Abierto Localizacin

Popular

8/8/2019 La web mvil

52/58

HTML 4.01

XHTML 1.0 CSS 2.1 and partial CSS 3.xx

JavaScript 1.4, including DOM support AJAX technologies, including

XMLHTTPRequest

PDF Quicktime

8/8/2019 La web mvil

53/58

8/8/2019 La web mvil

54/58

8/8/2019 La web mvil

55/58

8/8/2019 La web mvil

56/58

Everything you always wanted to know

about the mobile web Brian Fling

http://dev.mobi http://mr.dev.mobi

http://www.mobiledesign.org

Mobile Web: The Expectation of Experience Greg Bell

8/8/2019 La web mvil

57/58

8/8/2019 La web mvil

58/58