7 conseils pour choisir en refonte ou mise à jour de site internet.
août 28, 2019
A l’heure où une infinité de formats et de tailles d’écrans se connectent à tout instant, l’approche du « responsive webdesign » semble être la solution toute trouvée pour assurer une navigation Web optimale sur tous supports.
Utilisée pour la première fois par Ethan Marcotte dans un ouvrage intitulé « Responsive Web design », paru en 2011, la notion de « site Web adaptatif » renvoie à des principes et des technologies bien spécifiques.
Définition.
Le « responsive webdesign » ou pour les puristes « site web adaptatif » consiste dans la conception de sites Internet assurant une navigation Web optimale sur tous supports (smartphones, tablettes, …), associé à une expérience de lecture unique. Pour parvenir à pareille expérience utilisateur, un certain redimensionnement, du recadrage, ainsi que des défilements de pages multidirectionnels sont nécessaires.
Caractéristiques.
Tel que considéré par Ethan Marcotte, le concept de Responsive webdesign repose sur trois éléments techniques que sont le « Media queries », le concept de grille fluide et le redimensionnement des images.
Généralement, on considère que les media queries constituent le principal élément technique du RWD, une vision remise en question par E. Marcotte, pour qui ces derniers ont pour seule vocation d’apporter de menues modifications dans l’interface, et ce lorsque l’utilisation de grilles fluides ne suffit pas à résoudre l’ensemble des problèmes d’adaptabilité. Concrètement, la technologie CSS3 media queries rend pour une page le recours à des règles CSS différentes possible, ceci selon le terminal de consultation. Quant au concept de grille fluide, celui-ci réside dans un dimensionnement relatif des blocs d’une page.
Dans un souci de flexibilité, les images sont également redimensionnées, afin d’éviter tout débordement du contenu en dehors de la page. Par ailleurs, le nombre d’internautes se connectant sur des appareils mobiles dépasse maintenant celui des utilisateurs branchés sur leur ordinateur. Une révolution en matière d’inter-connectivité à l’échelle mondiale dont le « responsive webdesign » a permis l’essor.
Les avantages du RWD sont multiples. Outre la réalisation d’économies d’échelle tant au niveau de la conception que de la maintenance de sites Internet ayant recours à ce mode de conception, le RWD affiche une maintenance de projet plus aisée et permet une mise à jour transparente.
