Responsive Web Design


Conférence animée par Jérémie Patonnier, Consultant, Clever Age
Réf.: conf33

La notion de « Responsive Web Design » (RWD) est encore assez récente. Elle consiste à adapter le design d’un site web afin qu’il puisse être consulté indépendamment de la plateforme du client : ordinateur, tablette, navigateur mobile, etc. Cette approche peut être structurante pour un projet web car elle demande une réflexion en amont pour trouver les meilleurs axes d’adaptation. Cette formation vous permettra de comprendre les enjeux associés à cette méthode de travail, en termes de techniques et de design, et détaillera quelques stratégies de RWD en action.

PROGRAMME DE CONFERENCE
Définitions
Ce qu’est le Responsive Web Design
Ce que ça change dans la palette du web design
Quels besoins le RWD vient-il satisfaire ?
Activité séquentielle d’un device à l’autre
Usage de devices différents selon le contexte, le moment de la journée
Rapprochement mobile – desktop : un seul développement

Etat du marché
Statistiques par navigateurs, plateformes
Comprendre les notions de navigateurs haut de gamme, bas de gamme
Contraintes de mises à jour, hétérogénéité du parc

Les notions introduites par le RWD
Points de rupture Définition Comment décider où sont les points de rupture Mobile-first et desktop-first Définitions, « progressive enhancement » Option de recentrage sur les contenus Être capable de faire son choix : méthodes de développement

Adapter ses contenus
Textes Adapter les contrastes et la lisibilité : revenir aux bases de la typographie Réécrire des contenus ? Mise en page Multi-colonnage vs une seule colonne Faciliter le clic avec une visée moins précise Barres de navigation : stratégies d’adaptation

Les stratégies d'adaptation
Adaptation de la navigation
Adaptation de la mise en page
Adaptation des contenus visuels (images, icônes)