Notes de lecture : « Responsive Design Patterns »

responsive-design-patterns

Quelques années après avoir sorti Responsive Web DesignEthan Marcotte déroule sa pensée concernant la conception web avec Responsive Design Patterns. Il ne s’agit plus de penser la page web, mais de l’imaginer comme autant de modules apparaissant lorsqu’on en a besoin. La conception web monolithique doit laisser la place à une conception modulaire. La place de chaque élément devra être soigneusement pesée en fonction de son intérêt selon le contexte de l’utilisateur. Est-il face à un grand écran avec une souris ou est-il en train de marcher en regardant son smartphone ?

Dans le doute, le module est notre ami : bien conçu, il se fera discret là où il n’est pas indispensable et trouvera la meilleure place à côté — ou en dessous — des autres modules pour apporter la meilleure expérience à l’utilisateur.

Pour ce faire, l’auteur passe en revue les éléments pour lesquels les aspects Responsive sont les plus critiques : éléments de navigation, images & vidéos, publicité, et grille de mise en page infinie pour terminer.

Bref, je ne saurais que trop vous conseiller de lire les deux livres d’Ethan Marcotte chez Eyrolles : Responsive Design Patterns et Responsive Web Design (sur lequel j’avais écris quelques mots).