Publié le 17 janvier 2011, modifié le 16 octobre 2014.
Par La Rédaction

Les bonnes pratiques des applications Web mobiles avec le W3C

Publié le 17 janvier 2011, modifié le 16 octobre 2014.
Par La Rédaction

Voici quelques recommandations du W3C importantes qui vous permettent d'envisager des applications mobiles Utiles, Utilisées, Utilisables !

É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

Libérez les utilisateurs : Les terminaux mobiles sont utilisés 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

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

Soyez flexible : Les environnement 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

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

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

Lire aussi