Les bonnes pratiques des applications Web mobiles W3C
Épargnez le réseau
Maîtriser les protocoles réseaux du Web permet de réduire la
latence et de chasser le superflu.
- Compressez le contenu avant envoi
- Ajoutez une empreinte aux adresses Web pour une mise en cache
efficace
- Mettez en cache les données AJAX
- Réduisez les ressources externes
- Minimisez taille des données et application
- Optimisez le nombre d’échanges réseau
- Modérez l’utilisation de cookies
- N’envoyez pas les cookies lorsque ce n’est pas nécessaire
- Evitez les redirections
Haut ↑
Libérez les utilisateurs
Les terminaux mobiles sont utilisés dans des contextes très
différents. Pour gagner la confiance des utilisateurs, informez-les et
donnez-leur le contrôle.
- Informez l’utilisateur de la collecte et de l’usage d’informations
personnelles
- Favorisez l’ouverture de session automatique
- Laissez le choix de l’interface aux utilisateurs
- Ne modifiez pas l’élément actif lorsqu’une section de la page est
mise à jour dynamiquement
Haut ↑
Appliquez les principes du Web
Les terminaux mobiles sont une vitrine du Web. Les grands
principes du Web s'appliquent également à la conception d’applications Web
mobiles.
- Répliquez les données locales sur le serveur
- Propagez l’état de l’application entre les terminaux
- N'exécutez jamais de données JSON non sécurisées
- Utilisez des identifiants de fragments pour piloter l’application
Haut ↑
Soyez flexible
Les environnements d’exécution des applications Web sont
hétérogènes et évolutifs. La flexibilité permet de cibler un grand nombre
de terminaux à coût réduit.
- Envisagez plusieurs modes d’interaction
- Privilégiez la détection côté serveur
- Utilisez la détection côté client si nécessaire
- Classifiez les terminaux pour simplifier l'adaptation de contenu
- Adoptez une présentation fluide du texte
- Prévoyez une variante non JavaScript, si possible
Haut ↑
Exploitez les terminaux mobiles
Certaines technologies Web sont plus spécifiquement
pertinentes sur les terminaux mobiles. Apprenez à les utiliser.
- Autorisez le « click-to-call » (appel sur simple clic) pour les
numéros de téléphone
- Envisagez les technologies mobiles pour le démarrage de
l’application
- Spécifiez la taille d’écran ciblée via la directive
meta
viewport
- Stockez le contenu localement sur le terminal, lorsque c’est
possible
Haut ↑
Optimisez les temps de réponse
En matière d'applications mobiles, chaque détail compte et
certains points techniques peuvent nettement améliorer l'expérience de
l'utilisateur.
- Agrégez les images statiques en une seule ressource composite
(sprites)
- Définissez les images d'arrière-plan en ligne dans des feuilles de
style CSS
- Gardez un DOM de taille raisonnable
- Réduisez la latence perçue
- Optimisez le temps de démarrage de l'application
Haut ↑
Mobilisez vos applications !
Ces directives visent à faciliter le développement d'applications Web
mobiles riches et dynamiques. Pour plus d’informations : www.w3.org/TR/mwabp/
Prise en charge par le projet MobiWebApp qui fait partie
du 7ème Programme-cadre pour la recherche et le développement technologique
(PCRD) de l’Union Européenne (FP7) : mobiwebapp.eu
Haut ↑