* Montage PSD2HTML RESPONSIVE DESIGN MOBILE Poitiers

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

Article:

On peut utiliser le Responsive Web Design pour d’autres fonctions que pour un site internet. En effet,  tout ce qui utilise des technologies web peut être réfléchi de manière adaptative. De ce fait, penser des emails HTML adaptatifs, des applications HTML5 mobiles adaptatives ou bien des applications Facebook Responsive devient possible.

Mobile first (le mobile en premier)

La notion de mobile first peut être assimilée un mode de pensée dans lequel on privilégierait la construction d'une interface ergonomique pour terminaux mobiles avant d'établir celle d’un terminal "desktop" (de bureau). Dans l'histoire d'Internet, il s’agit de l'affichage traditionnel. Cette pensée a pour objectif d'améliorer l'expérience utilisateur (UX).

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

Des outils destinés à la création de site web privilégient cette pensée. Le CMS Drupal par exemple élabore la version 8 de son CMS en essayant d'intégrer cette pensée "Mobile First"10. La constatation de l’augmentation constante des ventes de "Smart Connected Devices" (PC, Smartphone et tablette) a entraîné le regain d’intérêt pour la réalisation de templates en RWD pour la plupart des outils de gestion de contenu. Wordpress et Joomla proposent aussi des design intégrant la dimension responsive. De nouveaux Systèmes de gestion de contenu intègrent même le responsive web design dans leur conception. Certains CMS comme Rubedo intègrent nativement des systèmes de mise en page à l’aide de Grille Fluides et permettent (grâce aux Media Queries) la définition des éléments des pages qui s'afficheront en fonction du support à 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 soit remis en forme à mesure que la largeur d'écran diminue, soit tout simplement enlevés. L’objectif est d'adapter le design 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 est parfois critiquée dans la communauté des web designers, puisque dans la réalité, un smartphone téléchargera la version bureau du site web et la version mobile, et donc chargera des données de style non nécessaires et des images qui peuvent être lourdes depuis un réseau cellulaire.