W3C Aplicaciones Web Móvil Buenas Prácticas
Economiza el uso de la red
Usa funciones de los protocolos Web que permiten reducir los retrasos y los tiempos de espera de la red.
- Comprime los archivos que se vayan a transferir.
- Almacena los recursos en la memoria caché identificando las referencias de cada recurso.
- Almacena los datos AJAX en la memoria caché.
- Dentro de lo posible, evita utilizar recursos externos.
- Minimiza el tamaño de la aplicación y de los datos.
- Haz un uso restringido de las cookies.
- No envíes información sobre las cookies salvo que sea imprescindible.
- Reduce el número de peticiones de la red.
- Evita las redirecciones.
inicio ↑
Da libertad a los usuarios
Los dispositivos móviles se usan en diversos contextos, desde fuente de entretenimiento en casa o para hacer peticiones urgentes de forma itinerante. Deja que los usuarios controlen y sepan lo que está pasando.
- Asegúrate de que se informa al usuario del uso que se va a hacer de su información personal y la de su dispositivo.
- Permite que tu aplicación recuerde los datos de acceso del usuario de forma automática.
- Permite que los usuarios puedan elegir la interfaz.
- No cambies el centro de atención de la página cuando se actualice dinámicamente alguna de sus secciones.
inicio ↑
Recuerda los principios del diseño web
Los dispositivos móviles son solo una de las vías de acceso a la Web. Los principios generales del diseño Web se utilizan para desarrollar aplicaciones de calidad para la Web móvil.
- Haz una copia de los datos locales.
- Asegúrate de que sea posible sincronizar los distintos dispositivos del usuario.
- No ejecutes datos JSON sin “escapar” ni verificar.
- Asigna IDs a los distintos fragmentos de contenido para gestionar la visualización.
inicio ↑
Diseña aplicaciones flexibles
Las aplicaciones Web funcionan en entornos heterogéneos en constante evolución. Un diseño flexible permitirá llegar a más dispositivos y usuarios con coste reducido.
- Diseña teniendo en cuenta los distintos métodos de interacción existentes.
- Asegúrate de que el texto se adapta a la pantalla.
- Si posible, detecta las características del dispositivo a partir de la información disponible en el servidor.
- Si es necesario, deben poder detectarse estas características desde el lado del cliente.
- Clasifica los dispositivos para una adaptación del contenido más sencilla.
- Cuando sea pertinente, crea una versión que no dependa de JavaScript.
inicio ↑
Aprovecha las características de los móviles
Algunas tecnologías Web han sido especialmente diseñadas para los dispositivos móviles. Aprende a usarlas.
- Permite que se pueda hacer llamadas a números de teléfono con un solo clic.
- Considera usar tecnologías específicas de dispositivos móviles para iniciar tus aplicaciones Web.
- Utiliza la etiqueta meta viewport para establecer el tamaño de pantalla deseado.
- Utiliza tecnologías apropiadas para el almacenamiento de datos locales en el lado del cliente.
inicio ↑
Optimiza el tiempo de respuesta
Cuando se desarrolla una aplicación móvil, los detalles tienen importancia y ciertos aspectos técnicos pueden ayudar a mejorar la experiencia de usuario.
- Agrupa todas las imágenes estáticas en un único recurso compuesto (o sprite).
- Incrusta las imágenes de fondo dentro de CSS.
- Mantén el tamaño del DOM dentro de unos parámetros razonables.
- Minimiza el tiempo de espera percibido por el usuario.
- Optimiza el tiempo de carga de la aplicación.
inicio ↑
¡Pon tus aplicaciones en movimiento!
Estas pautas te ayudarán a desarrollar aplicaciones dinámicas y de calidad para la Web móvil. Para más información:
www.w3.org/TR/mwabp/
Financiado por el proyecto EU FP7 MobiWebApp
mobiwebapp.eu
inicio ↑