Architecture et web design — form follows function

Ce que l’architecture a appris au web design

En 1896, l’architecte américain Louis Sullivan publie un essai qui va marquer l’histoire du design. Sa formule est simple, presque évidente :

FORM
FOLLOWS
FUNCTION.

La forme suit la fonction.

Un bâtiment doit d’abord répondre à un usage. Son apparence découle de ce qu’il fait, pas l’inverse. Ce principe, né dans le monde de la pierre et du béton, a traversé les décennies, les disciplines, et les supports. Et il gouverne aujourd’hui, souvent sans qu’on le sache, la façon dont on conçoit les interfaces web.

Sullivan, le Bauhaus, et la naissance d’une idée

Sullivan ne travaillait pas seul dans cette réflexion. Quelques années plus tard, le mouvement Bauhaus en Allemagne pousse l’idée encore plus loin : l’art, l’artisanat et l’industrie doivent fusionner. La beauté n’est pas un ornement qu’on ajoute par-dessus. Elle émerge d’une conception honnête, où chaque élément a une raison d’être.

Le Corbusier, de son côté, théorise la « machine à habiter » : une maison doit être pensée comme un outil, avec la même rigueur qu’un avion ou une voiture. Rien de superflu. Tout au service de l’usage.

Ces idées semblent lointaines. Pourtant, elles résonnent étrangement avec ce qu’on appelle aujourd’hui l’UX design, le design centré sur l’utilisateur, ou encore la sobriété numérique.

La circulation dans l’espace, ou comment on navigue

En architecture, la circulation désigne la façon dont on se déplace dans un bâtiment. Un bon architecte pense les flux avant les façades. Comment les gens entrent, comment ils se repèrent, comment ils passent d’un espace à l’autre, comment ils trouvent naturellement ce qu’ils cherchent.

Sur un site web, c’est exactement la même logique. On appelle ça la navigation, l’arborescence, ou le parcours utilisateur. Mais derrière ces mots techniques se cache la même question fondamentale : est-ce que quelqu’un qui arrive ici pour la première fois sait instinctivement où aller ?

Un menu clair, une hiérarchie de pages logique, des appels à l’action bien placés : autant de décisions qui ressemblent davantage à du travail d’architecte qu’à du travail de graphiste.

Les proportions, ou pourquoi certaines mises en page semblent « justes »

Les architectes travaillent avec des systèmes de proportions depuis des millénaires. Le nombre d’or, les ordres grecs, les modules de Le Corbusier. Ces systèmes ne sont pas arbitraires. Ils créent une harmonie visuelle que l’œil perçoit sans l’analyser.

Sur le web, les grilles de mise en page jouent le même rôle. Une grille bien construite donne du rythme, de la cohérence, et une impression de maîtrise. Les espacements entre les éléments, les proportions entre les colonnes, la taille relative des titres et du corps de texte : tout cela crée une sensation globale, positive ou négative, avant même qu’on lise un mot.

C’est ce qu’on ressent quand on arrive sur un site et qu’on pense « c’est propre » sans pouvoir expliquer pourquoi. Ce n’est pas de la magie. C’est de la proportion.

La lumière et le contraste, ou l’art de guider le regard

Un architecte pense la lumière comme un matériau à part entière. Où elle entre, comment elle se diffuse, ce qu’elle met en valeur, ce qu’elle laisse dans l’ombre. La lumière guide le regard, crée de la profondeur, hiérarchise les espaces.

Sur une interface numérique, le contraste joue ce rôle. Un titre plus grand et plus sombre attire l’œil en premier. Un bouton coloré sur un fond neutre capte l’attention. Un espace vide autour d’un élément important l’isole et le met en valeur.

La hiérarchie visuelle d’un site web est, en ce sens, une forme d’architecture de la lumière transposée à l’écran.

L’ornement et le superflu

En 1908, l’architecte autrichien Adolf Loos publie un texte provocateur : « Ornement et crime ». Sa thèse : l’ornement décoratif sans fonction est une perte de temps, d’argent et d’énergie. Un bâtiment doit être sobre, honnête, dépouillé de tout ce qui ne sert à rien.

Cette idée a mis du temps à s’imposer. Mais elle résonne aujourd’hui avec une étrange actualité dans le monde du web. Les animations inutiles, les effets visuels qui ralentissent le chargement, les éléments décoratifs qui distraient sans informer : autant d' »ornements » que les meilleures pratiques actuelles recommandent d’éviter.

Ce n’est pas un hasard si les sites les plus performants et les mieux perçus sont souvent les plus sobres. Loos avait peut-être simplement un siècle d’avance.

Ce que ça change concrètement

Ces parallèles ne sont pas de simples analogies culturelles. Ils ont des implications pratiques pour quiconque conçoit ou commande un site web.

Penser la navigation avant le design. Construire une arborescence logique avant de choisir des couleurs. Définir ce que chaque page doit accomplir avant de décider à quoi elle ressemble.

Travailler les proportions et les espaces. Une mise en page qui respire, avec des espacements cohérents et une grille solide, vaut souvent plus qu’un design spectaculaire mal structuré.

Questionner chaque élément. Est-ce que cet effet, cette animation, cette section, cette fonctionnalité a une vraie raison d’être ? Ou est-ce un ornement qu’on a ajouté parce qu’on pouvait le faire ?

Form follows function. Sullivan l’a écrit il y a plus d’un siècle. C’est toujours, probablement, le meilleur conseil qu’on puisse donner à quelqu’un qui conçoit un site web.

Vous avez un projet de site WordPress, ou vous souhaitez savoir si votre site actuel peut évoluer dans ce sens ?

Parlons-en.