Quelques années après avoir sorti Responsive Web Design, Ethan 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).
J’ai bien aimé ce livre également. En fait au début j’ai cru qu’il allait lister en détail tous les motifs de design responsive possibles (ce qu’il fait un peu pour les menu de navigation). Et puis finalement ça évolue un peu au fil de la lecture et on en retiens un idée principale : il faut penser le design en termes de modules indépendants. En pensant indépendant l’adaptabilité de chaque module, le site en résultant sera compatible avec tous les écrans. Exit donc les grilles à point de rupture fixes (ce qui est vraiment un concept qui perdure trop à mon goût).
De ce livre je retiens également une super ressource : les codes et librairies du filament group 🙂