13 Dic 2008

Webs para dispositivos móviles

General No Comments
Consejos para desarrollar Webs para móviles

Consejos para desarrollar Webs para móviles

Tal y como dije este el primer post sobre las ponencias que más me gustaron del Congreso de Webmasters 2008 .
Nadie duda de que el futuro de los móviles está en la navegación por la red de una manera fácil, rápida y barata. Roberto Martín Díez en su ponencia nos dio los siguientes datos.

“De los 6.700.000.000 de seres humanos en el mundo más de 4.000.000.000 tienen dispositivo móvil y que de este número más de 550.000.000 acceden a contenido desde su terminal móvil. Se estima que esta cifra se triplique antes de llegar a 2012.”

A nivel de desarrollo web nuestro trabajo es adaptar nuestras webs para estos dispositivos. Aún no es tarea fácil porque no hay estándares, los canales de comunicación tienen que mejorar y tienen un alto coste para que la gente los use pero todo llegará.

Estos son algunos de los consejos que nos dio Roberto en su ponencia para el desarrollo e intentar facilitarnos el desarrollo de nuestras webs.

A nivel de estructura:

  • Encabezado
  • Navegación
  • Contenido
  • Navegación
  • Pie

Dos veces la navegación ya que es importante que el usuario pueda moverse desde el primer pantallazo como al final de una articulo sin necesidad de volver a arriba. Esto se puede solucionar fácilmente, lo sé, pero bueno es para hacerlo fácil.

A nivel de contenido estos son los consejos que dio:

  • Limitar las categorías a 5: No siempre es fácil pero hay que intentar siempre facilitar lo máximo las categorías, así se asimilan rápidamente la estructura de la web, tanto en una web para móviles como en un portal.
  • Limitar los enlaces a 10: Siempre hay muchas cosas que mostrar pero si metemos muchos enlaces a cosas al final el usuario se puede perder y termina desviándose de lo que estaba buscando inicialmente.
  • No más de 5 niveles de profundidad: Un poco lo dicho en el primer punto. Cuantos más niveles más se pierden nuestros usuarios.
  • Priorizar enlaces por importancia: De los enlaces que vamos a poner es importante pararnos a pensar cuál es el más importante o cuál queremos que sea el más importante para mostrárselo rápidamente a nuestros usuarios.
  • Listas ordenadas: Fundamental en el desarrollo de cualquier web.
  • Utilizar accesskeys: Esto es importantísimo ya que el valor de usabilidad que le da es enorme. En una web para móviles la rapidez y el tiempo es fundamental y con esto lo logramos enormemente.
  • Uso del gif + jpg: Hoy con las adsl y los nuevos navegadores ya usamos mucho en nuestros desarrollos el png 24 y en camino están el apng (png animado) sin embargo son muy pesados y para dispositivos móviles la cantidad de transferencia es muy importante. Así que en este aspecto hay que volver a diseñar en gif para iconos, botones, etc. y jpg para pequeñas imágenes o fotografías. En este apartado añado que también es importante el reducir al máximo el número de llamadas al servidor.
  • No usar tablas: Ya que provoca un código html muy pesado.
  • Evitar formularios: Más que nada por su complejidad y lo que suele conllevar.

También nos hablo de los problemas que nos encontramos hoy en día en el desarrollo:

  • La gran variedad de dispositivos móviles; cada uno de su madre y su padre, lo que provoca que cada uno tenga sobre todo una resolución de pantalla diferentes, distribución de teclas diferentes, menús diferentes, etc.
  • La multitud de navegadores web para dispositivos móviles que hay, lo que implica diferentes estándares como ocurre en las webs normales. No es lo mismo un Safari que un Internet Explorer, jejeje.

Por último nos dio unos consejos para ayudar a dar a conocer a nuestra web:

  • Detección automática del dispositivo: Si tu usuario entra a tu web con un dispositivo móvil lo ideal es que sea detectado y redireccionado a la web preparada para móvil. Para qe no pierda tiempo en cargar tu web y buscar donde está la versión para su dispositivo.
  • Usar subdominios “m.dominio.com”: Es una manera de hacer saber que ese contenido es para móviles.
  • Dominio .mobi: Aún más claro
  • Códigos QR: Y eso que es, te estarás preguntando. Aquí la respuesta: ¿Qué es el código QR?

Y aquí os pongo un par de urls para el desarrollo de webs para móviles:

Espero que os sirva. El próximo post sobre las ponencias supongo que será el de “Cómo crear y rentabilizar una tienda online de éxito” y dejare para el final el de “Posicionamiento en Google” que será el más largo ya que fuerón tres ponencias.

No Responses to “Webs para dispositivos móviles”

Leave a Reply