Buenas prácticas para la creación de una web para dispositivos móviles
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.
Febrero 3rd,2009 Sin categoría |
1 Comment
