* Montage PSD2HTML RESPONSIVE DESIGN MOBILE Tourcoing

***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 Tourcoing

Article:

Le Responsive Web Design peut être adapté à d'autres usages qu'un site internet. Tous les usages des technologies web peuvent être pensés adaptatifs. Il est ainsi possible d’imaginer 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 regardée comme un mode de pensée où l’on privilégierait l’élaboration d'une interface ergonomique pour terminaux mobiles plutôt que d'établir l'ergonomie pour un terminal "desktop" (de bureau), c’est-à-dire, dans l'histoire d'Internet, l'affichage traditionnel. Cette idée a pour objectif de faire progresser l'expérience utilisateur (UX).

La construction d'une interface ergonomique lorsque l’on se heurte à la contrainte d'un faible espace d'affichage force à épurer le plus possible les éléments que l'utilisateur final verra. Cette tendance se retrouve de plus en plus dans l'ergonomie des interfaces web.

Les outils destinés à la création de site web favorisent de plus en plus ce type de pensée. Le CMS Drupal, par exemple, élabore la version 8 de son CMS en tentant d'intégrer cette pensée "Mobile First"10. l'augmentation continue des ventes de "Smart Connected Devices" (PC, Smartphone et tablette) a fait progresser l’intérêt de réalisation de templates en RWD pour la plupart des outils de gestion de contenu. Les design proposés par Wordpress et Joomla intègrent également la dimension responsive. De nouveaux Systèmes de gestion de contenu intègrent le responsive web design dans leur conception afin d’aller plus loin. Certains CMS comme Rubedo contiennent nativement des systèmes de mise en page grâce à des Grilles Fluides et permettent, grâce aux Media Queries de repérer les éléments des pages qui s'afficheront en fonction des supports en utilisant de simples cases à cocher.

Responsive degradation

En partant de la version ordinateur de bureau du site web, certains éléments constituant la page web sont progressivement remis en forme en fonction de la diminution de la largeur d'écran, ou sont tout simplement supprimés. Le design est ainsi adapté en fonction de la résolution décroissante de l'écran. Le passage d'un site disposant de plusieurs colonnes en version bureau, à une seule en version mobile est l’exemple le plus fréquent et le plus parlant.

Cette méthode rencontre parfois des réticences 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, des données de style non nécessaires et des images qui peuvent être volumineuses depuis un réseau cellulaire.