Mi web móvil

W3C nos ofrece una lista de 60 Buenas Prácticas en la realización de la Web Móvil .

Os dejo un resumen de lo que considero más importante.

• URL. Lo más corta posible.

• Barra de navegación. Ofrezca en la cabecera de la página sólo la navegación mínima necesaria.

• Lo más importante, primero. Ofrece al usuario lo que busca. Si sabes que pide muchas noticias de prensa, eso debe ser el primer enlace de la web.

• No recargar automáticamente la página, a menos que se informe claramente al usuario y se ofrezca una forma de poder detener dicha acción. El usuario se podria encontrar con una factura considerable por un descuido.

• Peso limitado. Yo recomendaría no más de 10 KB

• Scroll. Limite el desplazamiento de la página a una dirección.

• Test. Haga pruebas en emuladores y en dispositivos reales siempre que sea posible. Porque hay que recordar que por bueno que sea un emulador, es un emulador.

• Enlaces
  • Intentar que sean mínimos a recursos externos.
  • Proporcione accesskeys. Es aconsejable etiquetar los enlaces con número del 0 al 9 para aprovechar el teclado móvil. Hay que minimizar las veces que el usuario tiene que teclear.
  • Intente conseguir un equilibrio entre los enlaces que hay en la web y lo que un usuario tarda en llegar a donde quiere.
  • Identificar de forma clara el destino del enlace. Si no estamos seguros de si el formato del destino es soportado por el dispositivo debemos indicarlo. Por ejemplo, para un pdf o para una web no móvil.

• No usar ventanas emergentes(Pop-Up).

• No ofrecer más contenido del solicitado por el usuario y que sea estrictamente necesario para la estructura y navegación de la página.

• Minimizar el código. Un espacio en blanco hay que cargarlo, y eso con un móvil cuesta dinero. Esto se puede llevar al extremo, no lo recomiendo, de quitar la tabulación de la programación y dejar todo el texto compacto.

• No utilice tablas, a menos que sepa que el dispositivo es compatible con ellas.

• Utilice caché y no confie ciegamente en Cookies.

• Intente que las hojas de estilo sean pequeñas (en peso), recordando que la página tiene que ser legible sin hojas de estilo.

Después de leerlas y resumirlas creo que se pueden reducir en una: sentido común. No subimos un logo de 2 mb en una web para pc, y no necesariamente hemos leido una regla que nos diga eso. Pues ahora tenemos que cambiar nuestra forma de afrontar el diseño y pensar en las características de nuestros dispositivos.

Podeis comprobar si se cumplen estas reglas en vuestra página en la herramienta que nos proporciona W3C Mobile Web Best Practices Checker.