Pourquoi le responsive design ne doit plus être une option ?

Il y a encore quelques années, on prenait l'option "responsive design" si le budget le permettait. Les comportements des utilisateurs sur internet ayant fortement évolués, il faut désormais penser mobile avant desktop.

Jeu 28 Jui 2018

Qu'est-ce que le responsive design ?

Reprenons depuis le début et revenons d'abord sur la signification de ce terme.

Nous parlons de responsive design pour désigner la méthode qui permet d’adapter le design d’un site internet à tous les types de supports digitaux : ordinateur, smart télé, tablette, smartphone … Grâce à cela, le site internet sera automatiquement adapté au format utilisé par le visiteur en fonction de la taille et de la résolution de son écran. On peut parler également de sites réactifs ou adaptatifs.

Pourquoi tous les sites en 2018 devraient être responsive ?

Si l'on remonte à quelques années en arrière, lorsqu'on souhaitait optimiser un site pour les terminaux mobiles, il fallait créer une déclinaison pour chaque résolution d’écran. Plutôt fastidieux et coûteux donc. 

Aujourd'hui, avoir un site responsive permet de ne pas créer plusieurs sites web mais un unique site que tout le monde pourra visiter, quelque soit l'appareil utilisé, avec le même design, le même contenu et le même outil d’administration (CMS ou solution e-commerce).

Lorsque vous vous baladez dans un magasin d’audio-video, vous pouvez constater toute la panoplie d’écrans de toutes les tailles, tant les TV que les tablettes et tous les formats de smartphones. Ils ont tous la possibilité de visiter votre site web, mais si le format est illisible ou visuellement pas adapté, ils ne prendront pas la peine de lire quoi que ce soit et iront chercher ailleurs. Une opportunité manquée !

Une autre raison qui fait du responsive un incontournable : le m-commerce. En effet, si les sites e-commerce n'ont pas une ergonomie adaptée aux smartphones et tablettes, les utilisateurs peuvent rencontrer des difficultés lors de leur shopping. Avec un accès aux produits recherchés rendu difficile par exemple, l'utilisateur va devoir constamment « zoomer » pour utiliser le menu, et « dé-zoomer » pour voir la fiche produit dans son ensemble, ce qui gêne le parcours d’achat.

En ayant une boutique adaptée à tous les formats, l’expérience d’achat de l’utilisateur sera plus agréable ce qui participe fortement à l'optimisation du taux de conversion.

Enfin, sachez qu'en 2018, le trafic internet mondial via ordinateur ne représentera que 46%, contre 54% pour les appareils mobiles et d’ici 2021, les mobiles devraient atteindre 61% du trafic internet mondial. C'est pour cela que chez Cotinga, par défaut, toutes nos réalisations sont responsives. Nous ne faisons pas autrement.

Les avantages du responsive web design

1. Navigation simplifiée

Non seulement le texte mais les images sont aussi reformatées pour s’adapter au format de votre appareil. De plus, la navigation est simplifiée parce que les possibilités d’interaction à partir d’un petit format sont souvent plus difficiles : boutons difficiles à cliquer, etc.

2. Economie de ressources, de temps et d’argent

Le design responsive vous permet d’éviter de devoir créer plusieurs versions de votre site pour différents formats d’image (ce qui est encore courant). Une seule version s’adapte à tous les formats.

3. Essayez-le !

Faites un test directement sur le site internet de Cotinga sur votre téléphone, depuis votre tablette ou alors redimensionnez votre navigateur pour voir comment fonctionne l’adaptation, puisque notre site est responsive. C’est un site pour mobile aussi bien que pour laptop, desktop ou tablette.

On pourrait alors se poser la question légitime de savoir pourquoi est-ce que tous les sites internet ne sont pas responsive ?

C’est parce qu’il n’est presque pas possible de modifier un site pour le rendre « responsive » ou réactif. Un site doit être pensé responsive dès le départ, tous les éléments doivent interagir entre eux et se réorganiser en fonction de la résolution d’affichage.

Parce qu'il y a toujours un mais...

Vous avez enfin compris tout l'intérêt du responsive design mais laissez nous aborder les deux inconvénients de celui-ci afin d'avoir toutes les cartes en main.

Premièrement, dans un monde idéal, un site unique pourra s’adapter à absolument tous les formats existants ! Mais on retrouve en informatique un paradoxe humain : le conflit des générations. Un nouveau système risque des problèmes de compatibilité avec les systèmes plus anciens. Si votre ordinateur ou tout autre appareil que vous utilisez pour accéder à internet utilise un navigateur trop ancien, les nouvelles fonctionnalités risquent de ne pas être correctement « interprétées ».

Deuxièmement et vous vous en doutez sans doute, la conception d’un site responsive a un certain coût. En effet, le designer doit concevoir le site en fonction des différentes possibilités d’affichage et le tester sur toutes les plateformes, ce qui prend beaucoup de temps, et le temps c’est de l’argent. Ce type de conception sera bien plus onéreux qu'un site classique mais il reviendra de toute façon moins cher que s’il fallait concevoir un site pour chaque terminal.

Conclusion

Désormais, lorsqu’on envisage de développer un site web, il faut penser "mobile first". Si vous voulez rester compétitif, vous devez donc mettre en place une stratégie d’optimisation ou de marketing mobile. Les utilisateurs d’Internet utilisent en effet davantage leur smartphone pour lire des e-mails, consulter les réseaux sociaux et regarder des vidéos que pour passer des appels ! 

N'hésitez pas à prendre contact avec nous pour parler de votre projet web responsive ou de la refonte de votre site.



Marine

Marine

Co-fondateur de Cotinga