Le RWD (Responsive Web Design, « Web Design réactif » en français) est une technique utilisant une mise en page souple qui « étire » la page d’un site pour s’adapter à la taille de l’écran ou de la résolution d’un terminal (tablette, mobile, TV connectée…). Il permet ainsi à un mobile d’afficher un contenu sans devoir utiliser les fonctionnalités de zoom. Ce concept est révolutionnaire car il n’est plus nécessaire de concevoir autant de parcours qu’il y a de famille de terminaux mais uniquement une seule interface auto-adaptable à n’importe quel type de support (mobile, tablette, écran PC…).Le Responsive Web Design permet de créer un site web basique adapté à tous les terminaux même les plus pauvres.
Il est également possible d’utiliser le Responsive Web Design pour créer à partir d’un site basique des versions séparées d’un site qui seront améliorées et spécifique à chaque type de support.
Dans le Responsive Web Design, la méthode principalement utilisée est la modification de la mise en forme CSS (Cascading Style Sheets) de la page en fonction de la taille du navigateur. Le site se métamorphose pour s’adapter à la taille d’affichage disponible. En fonction de la taille de l’écran certaines images sont recadrées, redimensionnées, la taille des titres changent et certains contenus peuvent disparaître.
Cependant, il est difficile de visualiser correctement certaines pages sur mobile tels que les formulaires, il est donc nécessaire d’éclater les pages en plusieurs parties. Il est également important de détecter l’appareil de l’utilisateur arrivant sur le site afin de savoir quel terminal il utilise.
L’avantage est que le temps de maintenance du site est réduit mais le responsive web design est difficile à mettre en œuvre car les codes HTML et CSS sont plus poussés. Ce système prendra donc plus de temps à être intégré qu’un site classique.
Vous pouvez donc choisir entre le Responsive ou les versions séparés en fonction du nombre et du type de contenu visé.
Source: http://www.ergonomie-interface.com
