Optimiser son site pour le mobile : site dédié ou responsive design ?

Le site mobile dédié

Un site mobile dédié est un site indépendant du site internet visité depuis un ordinateur. Il est conçu, développé, optimisé et adapté pour être accessible sur les interfaces mobiles / tablettes. Il possède donc ses propres contenus et fonctionnalités spécifiques. C’est le choix qu’à fait le réseau TCL (Transport en Commun Lyonnais) par exemple.

Le site mobile dédié à ses avantages en ce qui concerne les possibilités de créer un site optimisé pour mobile. Tout d’abord en adaptant totalement ses pages et en ajoutant ses propres contenus et fonctionnalités seulement pour les interfaces mobiles. Les smartphones possèdent dans la majorité des cas des navigateurs web récents. Nous n’avons donc pas besoin de nous préoccuper des anciennes versions d’Internet Explorer par exemple (IE 7/8) aux fonctionnalités parfois restreintes ou en retard !

De plus, on constate que l’expérience utilisateur est meilleure, beaucoup plus agréable. Le site a été conçu spécialement pour cette plateforme ce qui fait moins de contraintes et aucun compromis.

Evidemment il y a aussi des inconvénients. Par exemple, les URLS sont différentes par rapport au site internet classique. La prestation de référencement en sera donc certainement moins aisée. Chaque URL a une configuration qui propose des pages optimisées pour les ordinateurs (URL de base) puis une autre URL correspondante pour l’usage mobile. On aura besoin d’intervenir au niveau du code pour y intégrer des annotations spécifiques pour aider les moteurs de recherche à faire la différence entre les URLs mobiles et celles desktop.

Il faut noter aussi que la maintenance engendre des coûts plus importants, du fait d’avoir plusieurs plateformes à modifier.

Enfin, il faudra compter également un temps de mise à jour et d’animation du site plus long car les contenus devront être intégrés à la fois sur la version classique et sur la version mobile.

Le responsive design ou adaptabilité mobile

Le responsive design ou adaptabilité mobile est un site qui s’adapte en fonction de la taille de l’écran utilisé par l’internaute. Quelque soit la taille de l’écran, le site conserve les mêmes URLs, le même code source et les mêmes contenus. Les contenus sont simplifiés, déplacés dans la page ou bien ils disparaissent de l’écran. Pour ce qui est des fonctionnalités, elles sont également simplifiées. C’est le choix par exemple de Starbuck qui utilise le responsive design. A l’agence, l’ensemble des sites réalisés à présent sont responsive design.

Le coût de la conception d’un site responsive design sera plus important qu’un site anciennement non optimisé mobile. Il est nécessaire de concevoir graphiquement toutes les déclinaisons en fonction des points de rupture et déterminer les principes de navigation pour chacun, et cela pour toutes les pages types du site.

En production, il faudra jouer avec des problématiques liées aux différents environnements (fonctionnalités des navigateurs, souris/toucher…) et faire attention à la performance. En revanche, le coût de la maintenance et de mise à jour des contenus sera sensiblement réduit du fait qu’il n’y ait qu’un seul et unique site à modifier pour tous les terminaux. C’est une solution efficace permettant de s’adapter aux futurs appareils. Si un nouvel appareil fait sa sortie, aucune opération n’est nécessaire pour que le site soit adaptable sur ces nouveaux terminaux. Il faut noter que l’usage d’Internet se fait maintenant de plus en plus sur des terminaux différents. Par conséquent, il est donc important d’optimiser un maximum son site internet.

Il faut également prendre en compte le temps de chargement des pages. Si les éléments constituants les pages ne sont pas optimisés (allégés), cela peut ralentir leur rapidité de chargement et donc remettre en cause la performance. En effet, la connexion des terminaux mobiles est moins efficace que celle des ordinateurs (ADSL, Fibre optique… contre parfois 3G, Edge…). Les capacités matérielles des téléphones sont également moins bonnes que sur un ordinateur. Sur un site responsive, la problématique du chargement des pages sera plus importante que sur le site mobile dédié.

Les bonnes pratique à adopter

Après plusieurs années d’expérience sur les projets réalisés au sein de l’agence, nous avons déterminé une liste non exhaustive de bonnes pratiques à adopter au moment de réaliser un site mobile.

• Rester « simple », éviter la complexité inutile (un produit simple et plus facile à comprendre et à maîtriser).
• Concevoir une interface efficace et optimiser la navigation (pensez aux utilisateurs en déplacement ayant besoin d’informations rapidement).
• Être conscient des limitations des terminaux (petits écrans, connections 3G, petite taille des claviers, faibles performances, contraste des couleurs, etc).
• Démarrer la réflexion par la version mobile en utilisant les éléments indispensables, les contenus et les informations primordiales, puis étoffer au fur et à mesure que l’écran s’agrandit.
• Être flexible.
• Mettre en avant le contenu (qui reste ce qu’il y a de plus important sur un site internet) et le hiérarchiser.
• Chercher la simplicité (pourquoi faire compliqué quand on peut faire simple ?).
• Utiliser les standards.
• Privilégier les gabarits de page et éléments d’interface réutilisables.
• Respecter ces pratiques est la meilleure garantie d’être optimisé sur le plus grand nombre de supports.

Votre prestataire doit faire dialoguer les différents pôles métiers. N’hésitez pas à échanger au maximum avec lui (ou avec nous) pour trouver les meilleurs solutions pour votre site mobile.

Notre vision du site mobile

Rendre son site mobile c’est rendre son site accessible et intuitif.
Pourquoi ?
Parce qu’à l’heure actuelle, nous sommes plus de la moitié des internautes à utiliser nos smartphones pour la navigation et la recherche internet. En sachant que la problématique de chargement des pages est plus importante sur un site responsive, il est judicieux de prendre en compte la rapidité de chargement pour une plus grande visibilité car 74% des mobinautes abandonnent leur navigation au bout de 5 secondes d’attentes.

Le responsive design a le meilleur rapport entre accessibilité, expérience utilisateurs, référencement et coût de conception et de maintenance.

Vous êtes intéressé ou avez des questions ?

Envoyez-nous un message afin de discuter ensemble de votre projet 🙂 !