Passons en revue quelques idées reçues à propos du responsive design afin de nous éclairer sur la question et pour en apprendre un peu plus à son sujet !
Un site qui se redimensionne sur n'importe quel écran est responsive
L'objectif d'un projet web est de répondre à un besoin utilisateur et cette réponse se matérialise de différentes façon en fonction de l'objectif qui est à atteindre.
Faut-il apporter une expérience globale en fonction du terminal ou adapter cette expérience au terminal ? Naviguer depuis son mobile est un exemple parlant qui prouve la démarche de recherche d'informations en survolant le site alors que la navigation depuis le PC nous incite plus à l'interactivité.
Responsive est une réponse mais pas nécessairement LA réponse. Fluide et adaptive en sont deux autres. Lorsqu'elles sont combinées, on cherche à obtenir un produit qui soit le plus adapté et le plus performant possible.
Cette flexibilité doit être prise en compte dès le départ du projet en intégrant les contenus (images, vidéos, principalement), la mise en page, les typographies et l'aspect technique (poids de la page, ration contenu/média, script, etc).
On peut faire n'importe quel type de site en responsive
On peut considérer que le responsive est aujourd'hui une technique vaidée pour les contenus simples comme les sites de contenu. Ce n'est pas tout à fait la même chose pour les sites avec des interfaces beaucoup plus complexes comme les différentes étapes des processus d'achat.
Il ne sagit plus de surprendre l'internaute avec une mise en page bluffante ou grâce à une interactivité surprenante mais d'avoir une compatibilité multi-écrans. On privilégiera un contenu linéaire pour une meilleure consultation sur mobile.
On peut tester un site en responsive sur un seul ordinateur
Sachez que l'affichage d'un site varié déjà d'un navigateur à un autre, et de la version de ce même navigateur avec une autre version. Idem pour les tablettes. On comprend donc que chaque écran propose des affichages qui lui sont propres.
La détection automatique du device (le terminal avec lequel vous visitez le site), du système d'exploitation ou du navigateur peut être nécessaire pour améliorer l'expérience ou corriger certains bugs d'affichage. On parlera alsors de site adaptive lorsque' le simple redimensionnement de la fenêtre de navigation ne fonctionne plus.
Pour terminer, sachez que la fenêtre d'un smartphone dans un écran d'ordinateur de bureau ne permettra jamais d'apprécier le rendu du device dans la main.
Il n'y a pas d'avantages à acheter un site responsive
Si l'on raisonne stricto senso à partir d'une échelle de valeur marchande, un site responsive peut couter plus cher à produire, au départ. Mais il faut intégrer qu'il peut vous faire économiser l'acquisition d'une version mobile, le temps pour vous de valider la viabilité de votre projet web inital.
Un site responsive est aussi un site qui vous fera gagner du temps puisque vous n'aurez qu'un site à gérer et que de par sa conception, il sera également plus rapide à afficher et plus performant pour le référencement. Ajoutons à cela qu'il sera probablement supporté par tous les navigateurs actuels.
Les chiffres mondiaux de la percée des terminaux portables (smartphone et tablettes) sont sans appel et se passer d'une version au minimum responsive est aujourd'hui un pari bien risqué sur l'avenir.
La maintenance est plus facile avec un site responsive
La maintenance requiert plus de compétences qu'avec un site classique. Il faut faire la différence entre maintenance technqiue et les mises à jour.
Pour la maintenance technique, une grande rigueur est nécessaire pour ne pas réparer d'une côté et casser de l'autre. Très souvent, le code n'est écrit qu'une seule fois, pour l'ensemble des terminaux. Ce code est donc, par expérience, très sensible à la moindre modification.
Si les mises à jour peuvent être facilitées, elles demandent plus de technicité de la part du webmaster pour anticiper ou corriger à partir du code HTML, le contenu. Cette mise à jour est surtout demandée pour la gestion de parties du site pouvant ralentir la navigation (le contenu média, par exemple), casser la mise en page (tableaux ou images à taille fixe, par exemple) ou réduire l'expérience (vidéo non lisible sur un terminal, par exemple).
Un site responsive, c'est facile
Si le responsive design assure à l'internaute une expérience en matière de navigation, il reste encore un sujet relativement nouveau et pas si évident à maitriser.
Depuis la conception graphique et ergonomique jusqu'à la mise en ligne en passant par toutes les différentes phases de développement, un site responsive demande indiscutablement plus de temps, de rigueur, d'anticpation et une part d'éducation du client utilisateur.
Le responsive n'est pas une recette miracle et son opportuinuté doit être validée dès le début du projet avant d'être envisagée et retenue comme choix technique définitif.
Les solutions de type CMS (Content Management System) comme Worpress ou Joomla pour ne citer que les plus connues, commencent à offrir des possibilités plus abordables en terme de responsive design. Cela dit, ces opportunités nécessitent encore la technicité d'un webmaster pour être mises en production de manière satisfaisante.
Ce que l'on doit en retenir
Indéniablement, le responsive design est en train de s'imposer comme nouvelle expérience webistique. Les nouveaux device (smartphone et tablette) poussent les webmaster à produire de nouveaux sites en responsive sous la pression des clients et des internautes.
Même si cette approche est relativement nouvelle, elle demande encore le savoir-faire d'un webmaster pour être mise en production et pour être gérée convenablement ensuite.
N'étant pas encore recommandé pour tout type de site, seul un webmaster professionnel saura vous guider et vous conseiller avant de retenir cette solution pour votre prochain projet web.
De nombreuses solutions existent aujourd'hui pour avoir un site qui soit réellement responsive design. N'hésitez pas à poser vos questions et à commenter si vous souhaitez aller plus loin.
