* Montage PSD2HTML RESPONSIVE DESIGN MOBILE Montreuil

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

Article:

Le Responsive Web Design ne s’applique pas seulement aux sites internet. Peut être pensé adaptatif tout ce qui utilise des technologies web. Il est ainsi possible de concevoir des emails HTML adaptatifs, des applications HTML5 mobiles adaptatives ou bien des applications Facebook Responsive.

Mobile first (le mobile en premier)

On peut comprendre la notion de mobile first comme un mode de pensée dans lequel on préfèrerait la construction d'une interface ergonomique pour terminaux mobiles à l’établissement de l'ergonomie pour un terminal "desktop", ou de bureau. Ce qui est, dans l'histoire d'Internet, l'affichage traditionnel. Améliorer l'expérience utilisateur (UX) est le but de cette pensée.

La contrainte d'un faible espace d'affichage dans l’élaboration d'une interface ergonomique force à épurer au maximum les éléments visibles par l'utilisateur final. Cette tendance est de plus en plus présente dans l'ergonomie des interfaces web.

Des outils destinés à la création de site web vont dans le sens de cette pensée. Par exemple le CMS Drupal élabore la version 8 de son CMS en essayant d'intégrer cette notion "Mobile First"10. l'augmentation constante des ventes de "Smart Connected Devices" (PC, Smartphone et tablette) a aboutit à un regain d’intérêt dans la réalisation de templates en RWD pour la plupart des outils de gestion de contenu. Wordpress et Joomla proposent également des design qui intègrent la dimension responsive. Pour aller plus loin, de nouveaux Systèmes de gestion de contenu intègrent le responsive web design dans leur conception même. Certains CMS comme Rubedo intègrent nativement des systèmes de mise en page à l’aide de Grilles Fluides. Grâce aux Media Queries, ils permettent de définir les éléments des pages qui s'afficheront en fonction des supports à l’aide de simples cases à cocher.

Responsive degradation

En partant de la version ordinateur de bureau du site web, certains éléments constituants de la page web sont remis en forme à mesure que la largeur d'écran diminue, quand ils ne sont pas tout simplement retirés. Le design doit être ajusté en fonction de la résolution décroissante de l'écran. Le cas le plus fréquent et le plus parlant est la transition entre un site disposant de plusieurs colonnes en version bureau, à une seule en version mobile.

Cette méthode est souvent critiquée dans la communauté des web designers, car dans la pratique, un smartphone chargera la version bureau du site web et la version mobile, et téléchargera de ce fait des données de style non nécessaires et des images qui peuvent être lourdes depuis un réseau cellulaire.