contact@leadstarter.fr 09 70 70 07 58 06 68 86 71 74
Qu’est-ce que le responsive design ?

Utilité du design responsive et de l'ergonomie mobile

  • Leadstarter

Qu’est-ce que le responsive design ?

Le Responsive Web Design (RWD) est une technique de conception d’interface digitale qui permet d'adapter automatiquement l'affichage d'un site à la taille de l’écran du terminal qui le lit (smartphone, desktop, tablette).

Il faut noter qu'il est différent de l’Adaptative Design bien que les deux concepts permettent l'amélioration de l’ergonomie mobile du site web.

Adapter la mise en page d'un site en fonction de la taille de l'écran

Cette technologie d’affichage des sites web sur appareil mobile se nomme le web design auto adaptatif. Il est nécessaire pour rendre plus aisée la lecture et la navigation de l’internaute quel que soit le type d'appareil utilisé.

Sur smartphone, tablette, ordinateur ou bien une TV connectée, la page apparaîtra complète et ergonomique sans aucune manipulation à faire au niveau du zoom avant/arrière ni scroll vertical ou horizontale.

Le code adapte la mise en page du website en fonction de taille de l'écran qui servira à afficher son contenu. Le redimensionnement des blocs de contenus textuels, ainsi que leur réorganisation et disposition sont donc automatique.

Quels sont les inconvénients du responsive design ?

Concernant l’utilisateur, les avantages résident sur l'expérience utilisateur. En effet l'ergonomie mobile permet une navigation aisée sur tous supports. Néanmoins, cette aptitude à être adaptatif sur les écrans mobiles s’accompagne d’une dégradation de la vitesse d’affichage des pages. La raison en est que le RWB doit charger la totalité du fichier CSS.

Pour déjouer ce chargement qui peut être ralenti, le développeur peut choisir sur mobile par exemple de n'afficher que des éléments rapides à charger et de masquer les ressources qui pourraient ralentir le temps de chargement.

Pour conclure, le design responsive présente essentiellement des avantages. Tous les sites actuels qui présentent une bonne ergonomie sont des sites web responsive.