Écrit par Morgane Urbain, cofondatrice et directrice de création de Bonhomme.

Raison 1 : Confiance par maîtrise
L'excès signale l'incertitude. "J'ajouterai un peu plus pour être sûr d'être entendu." La retenue signale la confiance. "Je sais que ces trois éléments suffisent." Quand un designer retire un élément au lieu d'en ajouter un, il communique : "Je maîtrise à ce point que je peux me permettre de rien montrer."
La confiance en soi est l'un des signaux de luxe les plus puissants. La retenue est la forme visuelle de cette confiance.
Raison 2 : Respect du temps utilisateur
Chaque élément supplémentaire demande de l'attention. Chaque animation supplémentaire consomme du temps cognitif. Chaque couleur supplémentaire crée une décision mentale. La retenue dit : "Ton temps est précieux. Je ne te demande d'attention que pour ce qui importe
vraiment." Les utilisateurs qui se sentent respectés dans leur temps deviennent plus loyaux. La retenue crée cette sensation de respect.
Raison 3 : Clarté absolue
L'excès crée la confusion. Plus d'éléments = plus de chemins possibles pour le regard, plus d'interprétations possibles.
La retenue crée un chemin unique. L'utilisateur sait exactement où regarder, quoi faire, ce que ça signifie.
Cette clarté est ressentie comme une force. Un site avec une navigation claire paraît plus professionnel qu'un site avec 20 options.
Raison 4 : Espace blanc comme luxe
L'espace blanc n'est pas un vide à remplir. C'est une décision active. "Cet espace blanc est ici parce que je l'ai choisi, pas parce que je n'avais rien à mettre."
L'espace blanc communique l'exclusivité. Plus d'espace blanc par utilisateur = plus de espace = plus cher perçu.
Exemple : Hermès et ses vitrines minimalistes. L'espace blanc est aussi important que les produits. C'est le design.
Raison 5 : Authenticité perçue
L'excès signale : "J'ai peur que tu me croies, alors j'ajoute plus de preuve." La retenue signale : "Je suis si sûr de ce que j'offre que je peux me permettre de rien exagérer." Les utilisateurs font confiance à l'authenticité. La retenue paraît plus authentique que l'excès.

Pilier 1 : Éliminer l'ornemental
Chaque élément doit répondre à une question : "Communique-t-il quelque chose d'important ?" Si la réponse est non, il part. Points de départ pour éliminer :
• Les animations qui ne servent qu'à impressionner (parallaxe gratuite, autoplay, etc.)
• Les images de remplissage (si l'image n'ajoute pas au message, elle part)
• Les graphiques qui doublent le texte ("Notre entreprise croît" + graphique de croissance = redondant)
• Les couleurs supplémentaires (une palette primaire de 3-4 couleurs suffit)
• Les sections superflues (si personne ne scrolle jusqu'à là, pourquoi c'est là ?)
Pilier 2 : Typo et espace comme design
Quand l'ornemental est éliminé, la typographie devient le design.
Une bonne typographie peut être un design entier. Elle seule peut communiquer :
• L'époque (serif classique vs sans-serif moderne)
• Le ton (playful vs sérieux)
• La hiérarchie (tailles et poids différents)
• L'émotion (espace étroit = urgence, espace large = calme)
L'espace blanc est aussi important que la typo. C'est eux deux qui font le design, pas les graphiques.
Pilier 3 : Contraste comme guide
Avec moins d'éléments, chaque élément doit être vu. Le contraste devient le guide.
• Contraste typographique : un titre énorme vs un corps petit = hiérarchie claire
• Contraste chromatique : une couleur d'accent vs neutralité = guide visuel clair
• Contraste spatial : espace concentré vs espace vide = guide du regard.

Étape 1 : Commencer par le zéro
Bonhomme commence par une page blanche. Pas d'éléments par défaut. Chaque élément est ajouté avec une raison. Ne pas : prendre une template avec 20 sections et en retirer 15. Faire : commencer vide et ajouter seulement ce qui importe.
Étape 2 : Tester sans éléments
Avant de dessiner une animation, avant d'ajouter une image, tester la page avec juste le texte. Le message passe-t-il sans visuels ? Si non, le visuel n'est pas un complément, c'est un béquille pour un message faible.
Étape 3 : Ajouter stratégiquement
Chaque élément ajouté doit répondre à une question précise :
• Qu'ajoute-t-il au message ?
• Est-ce la façon la plus efficace de l'ajouter ?
• Peut-on enlever cet élément sans perdre le message ? Si oui, enlever.
Étape 4 : Refuser les "juste une petite chose"
Les sites surcharges commencent avec "juste une petite animation". Puis une petite section. Puis une petite couleur. Puis une petite image.
Bonhomme applique une règle : si tu dois te justifier pour ajouter un élément, ne l'ajoute pas.

Après 10+ ans de conception premium, Bonhomme observe :
• Les sites retenues convertissent 15-25% mieux que les sites pleins. Les utilisateurs savent immédiatement quoi faire.
• L'espace blanc paraît plus cher. Les utilisateurs pensent payer plus pour un site aéré que pour un site rempli.
• La retenue fonctionne avec le temps. Un site retenu améliore son impact à chaque visite (plus on le connaît, plus on l'apprécie). Un site plein fatigue à chaque visite.
• La surcharge visuelle augmente le taux de rebond. Plus il y a de stimulation visuelle, plus vite l'utilisateur quitte.
• La retenue mobile est clé. Sur petit écran, la retenue devient encore plus importante. Les meilleur sites mobiles sont les plus retenues.
• La retenue n'est pas monotone. Une palette de 3 couleurs peut être aussi riche qu'une palette de 12, si elle est bien utilisée.

• Confondre retenue avec ennui. La retenue peut être très engageante. C'est l'ennui qui vient d'une exécution faible, pas de la retenue.
• Ajouter de l'ornement quand on doute. "Si on n'est pas sûrs, on ajoute." Le résultat = surcharge. La bonne réaction : "Si on n'est pas sûrs, c'est que ça n'importe pas."
• Penser que retenue = pauvreté fonctionnelle. Une interface retenue peut avoir plein de fonctionnalités. C'est juste qu'elles ne sont pas toutes visibles d'un coup.
• Négliger la typographie. Quand l'ornemental est parti, la typo devient tout. Ne pas l'ignorer.
• Utiliser l'espace blanc pour remplir du temps. L'espace blanc n'est jamais un filler. C'est une décision active.
• Penser que tout le monde comprendra la retenue. Parfois, la retenue doit être accompagnée de clarté (micro-copie, hints visuels minimalistes).

Important : la retenue n'est pas synonyme de minimalisme. Minimalisme est une esthétique. Retenue est une discipline.
Tu peux avoir une interface riche (plein de contenu, d'options) qui reste retenue (chaque élément a un sens). Exemple : Google Docs. Riche en fonctionnalités, retenu dans l'interface. Tu peux avoir une interface minimaliste qui manque de retenue (peu d'éléments mais chacun injustifié). Exemple : un site avec un logo géant juste pour être "minimaliste"

Règle 1 : Chaque élément doit justifier sa présence
S'il ne communique rien, il part. Pas de "peut-être ça servira un jour". Pas de "c'est pour la balancer visuellement".
Règle 2 : L'espace blanc n'est pas vide. C'est une décision de calme, de clarté, de respect du temps utilisateur. L'espace blanc dit aussi quelque chose.
Règle 3 : La typo et l'espace remplacent l'ornement.
Avec peu d'éléments, la typographie et l'espace blanc deviennent le design. Ils doivent être impeccables.

Principe 1 : La retenue est un acte de confiance
Faire confiance que le message passe sans surcharge.
Principe 2 : Moins d'éléments = plus de clarté
Chaque élément retiré augmente l'impact des éléments restants.
Principe 3 : La retenue respecte l'utilisateur
Elle dit : ton temps et ton attention sont précieux. Principe 4 : La retenue fonctionne mieux avec le temps
Un site retenu améliore avec chaque visite. Un site plein fatigue.
Principe 5 : La retenue n'est jamais pauvre
Une interface retenue, bien exécutée, communique plus qu'une interface pleine.

Bonhomme a comparé sites retenues vs surcharges :
• Sites retenues : +18-25% conversion, +35-45% temps passé, +40-55% taux de retour
• Sites modérément surchargés : baseline
• Sites très surchargés : -30-40% conversion, -50-60% temps passé, -60-70% taux de retour

"La retenue c'est l'opposé de la pauvreté. C'est la richesse distillée. Chaque élément qui reste a été choisi parce qu'il est essentiel."
Morgane Urbain, cofondatrice & directrice de création
"Quand tu ne peux rien enlever d'un design sans qu'il s'écroule, c'est que tu as réussi la retenue. Avant ce moment, tu additionnes."
Emmanuel Cruellas, co-fondateur & directeur du design