Le responsive design

La compatibilité de votre site internet sur les smartphones.

Le responsive design (RWD), est un terme anglais. Très largement plébiscité depuis avril 2015 à cause de la pénalisation en masse par Google des sites n’utilisant pas cette technologie, le responsive permet en trois mots d’adapter votre site web à toutes les résolutions d’écran : mobiles, tablettes, ordinateurs portables, télés…

Techniquement, le responsive design s’étudie dès la conception web, c’est pour cette raison que convertir par la suite un site existant n’est pas chose aisée.

Vous voulez tester le bon redimensionnement de votre site pour les mobiles ? Faites le test de compatibilité avec l’outil mobile friendly de Google.

Un site responsive, comment ça marche ?

Aujourd’hui, trois modes de diffusion existent pour un site internet : une application mobile, un site version mobile ou bien un site responsive.

Vous vous en doutez, chaque solution propose ses avantages ou inconvénients propres en terme de contraintes techniques ou budget…

I. Application mobile

Une application mobile est sans doute la forme la plus complexe et coûteuse quand l’on souhaite améliorer sa présence sur les terminaux de type smartphones etc… En effet, il vous faudra développer (ou faire développer) une application pour chaque système (iOS, Android, Windows Phone…).

Avantages d’une app mobile

– L’accès à toutes les fonctionnalités spécifiques au terminal (sons personnalisés, GPS, notifications push, accéléromètre, gyroscope…).– L’accès à la totalité des performances du terminal (cela peut dans certains cas éviter des ralentissements lors du chargement de contenus volumineux).– La possibilité pour l’utilisateur final d’avoir un raccourci présent sur son terminal pour pouvoir accéder directement aux contenus que vous proposez.– Un gain pour votre image non négligeable.

Contraintes d’une app mobile

– Un coût qui peut être très élevé du fait des multiples versions à développer.– Un aspect légèrement intrusif pour un utilisateur désirant voir une page de votre site internet qui se retrouvera directement redirigé vers une page l’invitant à télécharger l’application.– Les moteurs de recherche ne peuvent pas crawler (indexer) le contenu de votre application.

II. Site mobile

Un site mobile est en fait la redirection du visiteur vers un site secondaire dédié à son appareil (mobile, tablette…). Cette solution laisse progressivement place au responsive ou à l’application mobile car elle n’est pas forcément adaptée au web récent de par son fonctionnement.

Avantages d’un site mobile

– Le contenu affiché peut être modifié selon le terminal qui le visite– Solution temporaire « rapide » à mettre en place.

Contraintes d’un site mobile

– Avec un site par terminal, forcément le contenu est dupliqué autant de fois… Un fort risque de « duplicate content » est donc présent (sans parler du problème de référencement naturel qui pourrait se poser dû aux contenus proches).– Le « multi-versioning » (multiples sites) peut s’avérer fastidieux à garder à jour. En effet, si l’on modifie à un endroit, il faut modifier aux autres.– Le fonctionnement même du site mobile avec la détection du navigateur et de l’appareil qui le consulte (user agent). Cela était relativement fiable par le passé, mais au jour d’aujourd’hui, l’alternative du responsive webdesign est bien plus fiable et simple à mettre en place.

III. Site responsive

Le constat actuel est simple : nous assistons de plus en plus à une multiplication de formats et de résolutions d’écran. Le Responsive Web design est une solution complète qui vous permet d’adapter tous les éléments de votre site à tout appareil de façon totalement fluide pour l’expérience utilisateur.

Les coûts pour mettre en place un site responsive sont nettement inférieurs à celui d’une appli mobile. De plus, chaque intervention technique est facilitée du fait que l’intégralité des adaptations se trouve au même endroit. Quand vous modifiez une page web, elle est automatiquement modifiée pour tous les terminaux.

Un gros plus pour cette solution est sa reconnaissance par Google. Votre site apparait directement dans les résultats de recherche comme site « adapté mobile ».

Avantages d’un site responsive

– Une mise à jour transparente et un déploiement multi-plateformes (Windows, macOs, Linux, iOs, Android…).– Le Responsive peut être envisagé après la conception initiale du site. Mais souvent, une refonte totale du site vous coûtera le même prix.

Contraintes d’un site responsive

– Des connaissances techniques sont requises pour avoir un responsive « aux petits oignons ». Attention cependant à bien vous tenir à jour, car cette technologie évolue rapidement.– De nombreux tests sont à prévoir tout au long du projet pour vérifier que tout se passe comme vous voulez à la dimension que vous souhaitez…

Mais… un bon design web, suffit-il ?

Contrairement aux idées reçues, un bon webdesign ne se limite pas aux appréciations esthétiques… D’un point de vue technique, il se doit de gérer les “media queries” convenablement pour être un site adaptatif (ou site responsive design).

Aujourd’hui la majorité des recherches de services ou produits se font sur le web, et le pourcentage de terminaux mobiles est en constante augmentation. Et c’est d’autant plus vrai pour les sites e-commerce.

Cet aspect ergonomique est donc essentiel, peu importe votre stratégie de marketing web, la typographie employée ou les photos choisies…

Envie de parler d'un projet ?