* Montage PSD2HTML RESPONSIVE DESIGN MOBILE Courbevoie
***Web2007 est un bureau indépendant situé à Genève et a l'habitude de travailler pour des entreprises PARTOUT en France et en Europe
Montage PSD2HTML RESPONSIVE DESIGN MOBILE Courbevoie
Article:
Le Responsive Web Design peut s'appliquer à d'autres usages qu'un site internet. En effet, tout ce qui utilise des technologies web peut être conçu de manière adaptative. Il est ainsi possible de penser des emails HTML adaptatifs, des applications HTML5 mobiles adaptatives ou bien des applications Facebook Responsive.
Mobile first (le mobile en premier)
La notion de mobile first peut-être comprise comme le mode de pensée dans lequel on privilégierait la construction d'une interface ergonomique pour terminaux mobiles avant l’établissement de l'ergonomie pour un terminal "desktop" (de bureau). Autrement dit, dans l'histoire d'Internet, c’est l'affichage traditionnel. L’objectif de ce mode de pensée est l’amélioration de l'expérience utilisateur (UX).
La construction d'une interface ergonomique sous le carcan d'un faible espace d'affichage contraint à épurer au maximum les éléments visibles par l'utilisateur final. Ceci est de plus en plus courant dans l'ergonomie des interfaces web.
Aujourd’hui, cette pensée ne cesse d’être privilégiée par des outils destinés à la création de site web. Le CMS Drupal par exemple élabore la version 8 de son CMS en essayant d'intégrer cette notion de "Mobile First"10. On observe une augmentation constante des ventes de "Smart Connected Devices" (PC, Smartphone et tablette). De ce fait augmente également l’intérêt de réalisation de templates en RWD pour la plupart des outils de gestion de contenu. Wordpress et Joomla conçoivent également des design intégrant la dimension responsive. Pour aller plus loin, de nouveaux Systèmes de gestion de contenu intègrent le responsive web design dans leur conception. Certains CMS comme Rubedo intègrent nativement des systèmes de mise en page à l’aide de Grilles Fluides. A l’aide de simples cases à cocher, il est possible de définir les éléments des pages qui s'afficheront en fonction des supports (grâce aux Media Queries).
Responsive degradation
Lorsque l’on part de la version ordinateur de bureau de la page web, certains éléments qui la constituent sont progressivement remis en forme selon la diminution de la largeur de l’écran, quand ils ne sont pas tout simplement supprimés. Il s'agit d’ajuster le design en fonction de la résolution décroissante de l'écran. L’exemple le plus fréquent et le plus parlant est le passage d'un site possédant plusieurs colonnes en version bureau, à une seule en version mobile.
Cette méthode est parfois remise en cause dans la communauté des web designers, puisque dans la pratique, un smartphone chargera la version bureau du site web et la version mobile, et donc téléchargera des données de style non nécessaires et des images qui peuvent être trop lourdes pour un réseau cellulaire.