* Montage PSD2HTML RESPONSIVE DESIGN MOBILE Créteil

***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 Créteil

Article:

Le Responsive Web Design peut s'appliquer à d'autres usages que ceux que requiert un site internet. Tout ce qui utilise des technologies web peut être pensé adaptatif. On pourra donc concevoir 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 approchée comme un mode de pensée dans lequel serait privilégiée la construction d'une interface ergonomique pour terminaux mobiles avant la définition de l'ergonomie pour un terminal "desktop" (de bureau), c’est-à-dire l'affichage traditionnel, dans l'histoire d'Internet. Améliorer l'expérience utilisateur (UX) est le premier objectif de cette pensée.

l'élaboration d'une interface ergonomique sous la contrainte d'un faible espace d'affichage oblige à enlever au maximum les éléments visibles par l'utilisateur final. Une tendance de plus en plus fréquente dans l'ergonomie des interfaces web.

Cette pensée est de plus en plus préférée par les outils consacrés à la création de site web. Par exemple le CMS Drupal élabore la version 8 de son CMS en essayant d'intégrer cette pensée "Mobile First"10. Les ventes croissantes de "Smart Connected Devices" (PC, Smartphone et tablette) ont augmenté l’intérêt de réalisation de templates en RWD pour la majorité 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 ont intégré 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. Ils permettent (grâce aux Media Queries), de sélectionner quels éléments des pages 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 constitutifs de la page web sont progressivement remis en forme en fonction de la diminution de la largeur de l’écran, ou tout simplement enlevés. L’objectif est d'adapter le design en fonction de la résolution décroissante de l'écran. Le cas le plus illustratif et le plus fréquent est le passage d'un site disposant de plusieurs colonnes en version bureau, à une seule en version mobile.

La communauté des web designers remet parfois en cause cette méthode, puisque dans la réalité, 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 lourdes depuis un réseau cellulaire.