* Montage PSD2HTML RESPONSIVE DESIGN MOBILE Dunkerque

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

Article:

Le Responsive Web Design peut satisfaire à d'autres fonctions que celles requises pour un site internet. Toutes les applications qui utilisent des technologies web peuvent être pensées de manière adaptative. On peut donc concevoir des emails HTML adaptatifs, des applications HTML5 mobiles adaptatives ou bien des applications Facebook Responsive.

Mobile first (le mobile en premier)

Mobile first peut-être considéré comme un mode de pensée dans lequel on donnerait la priorité à la construction d'une interface pratique pour terminaux mobiles avant d'établir l'ergonomie pour un terminal "desktop" (de bureau). Ce dernier dans l'histoire d'Internet correspond à un affichage traditionnel. Cette conception a pour objectif d'améliorer l'expérience utilisateur (UX).

l'élaboration d'une interface ergonomique à cause de la contrainte d'un faible espace d'affichage oblige à épurer au maximum les éléments qui apparaissent à l'utilisateur final. Cette tendance se retrouve de plus en plus dans l'ergonomie des interfaces web.

Cette pensée est de plus en plus mise en valeur par des outils de création de site web. Ainsi, le CMS Drupal élabore la version 8 de son CMS en essayant d'intégrer cette pensée "Mobile First"10. La vente toujours croissante de "Smart Connected Devices" (PC, Smartphone et tablette) a augmenté l’intérêt de réalisation de templates en RWD à destination des outils de gestion de contenu. Wordpress et Joomla offrent é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 et, grâce aux Media Queries, définissent les éléments des pages qui s'afficheront en tenant compte des supports, à l’aide de simples cases à cocher.

Responsive degradation

Certains éléments constituant la page web de la version ordinateur de bureau sont progressivement remis en forme à mesure que la largeur d'écran diminue, voire tout simplement enlevés. Le design devra être adapté à la résolution décroissante de l'écran. Cas fréquent et particulièrement parlant : le passage d'un site disposant de plusieurs colonnes en version bureau, à une seule en version mobile.

Cette méthode soulève parfois des questions dans la communauté des web designers, car dans la réalité, un smartphone chargera la version bureau du site web et la version mobile. En conséquence, il téléchargera des données de style inutiles et des images qui peuvent être lourdes depuis un réseau cellulaire.