Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Rita Franco Barroso

21 février 2024

Min Read

Minimalisme ou brutalisme : lequel choisir ?

Pourquoi Minimalisme le fils prodigue d'UI Design ? Quel est le problème avec son frère rebelle, qui n'a aucun bon frère, Brutalisme? Lorsque l'on compare ces deux questions, de nombreuses questions se posent encore.

Le brutalisme est-il devenu courant ? A-t-il remédié à la prétendue pandémie de manque de créativité entraînée par la tendance du style minimaliste ? Est-il acceptable de qualifier le minimalisme de tendance ? L'un est-il meilleur que l'autre ?

Dans cet article de blog, je vais prendre une photo non seulement pour répondre à ces questions, mais aussi pour clarifier s'il existe des facteurs qui peuvent vous aider à choisir entre le minimalisme et le brutalisme, d'une manière contraire aux « tendances », pour votre prochain projet.


Tant de questions, si peu de temps... Allons-y.

blue arrow to the left
Imaginary Cloud logo

Bref aperçu de l'évolution de la conception Web

Pour mieux comprendre à la fois le minimalisme et le brutalisme, nous devons d'abord examiner rapidement l'évolution de la conception Web. Nous sommes en 2020 et je pense que nous pouvons honnêtement le dire Le design UX/UI s'est imposé avec succès en tant que pratique de conception indépendante. Si vous êtes comme moi, vous avez également du mal à comprendre que les années 90, c'était il y a TRENTE ans. Si on y pense, trente ans, ce n'est pas long pour qu'une nouvelle pratique s'impose dans un domaine qui ne cesse d'évoluer.

C'est dans les années 90 qu'Internet s'est généralisé. Le commun des mortels ayant accès à un ordinateur pourrait se connecter à Internet, c'est-à-dire s'il était prêt à voir sa boucle d'oreille endommagée de façon permanente et entraîner un TSPT. son démoniaque du modem.

Les premiers sites à paraître au début des années 90 n'avait aucun souci de design quoi que ce soit. Tout tournait autour de informations, HTML et hyperliens bleu vif.

The World First Website 1991

Au fil des années, de plus en plus de sites Web ont commencé à apparaître. Du milieu des années 1990 au début des années 2000, le « design » a été introduit dans les sites Web, même s'ils n'avaient que peu ou pas d'importance pour l'expérience utilisateur. J'ai choisi de mettre le design entre « » simplement parce que c'était plutôt méli-mélo de couleurs, de polices et de formes, tous luttant pour attention de l'utilisateur.

Nintendo Website 1998

Quelques années plus tard, dans les années 2000 et l'ère du Web 2.0, nous pouvons constater que les sites Web ont commencé à être plus complexes, à la fois en termes de contenu et de conception. Les choses se sont calmées, la hiérarchie a été introduite ainsi que des éléments importants pour éduquer les utilisateurs sur la façon de naviguer sur les sites Web.

Nintendo Website 2002

blue arrow to the left
Imaginary Cloud logo

Quand est né le minimalisme ?

À partir de ce moment, nous sommes entrés dans une période de minimalisme. Nous, les humains, n'aimons pas que les choses stagnent pendant de longues périodes. On le voit tout le temps dans l'art : si un mouvement devient la norme pendant trop longtemps, un contre-mouvement se produira. Nous trouvons toujours des moyens de réagir à la stagnation et la perturber, et c'est ainsi que les choses évoluent.


Après des années passées à examiner l'abus de sites Web qui criaient à notre attention, avec des couleurs vives, des graphismes endiablés, et en introduisant une compréhension de comportement des utilisateurs, conception et processus, les sites Web ont commencé à se concentrer sur ce qui est important : contenu et utilisabilité.
Les sites sont devenus plus simple, plus propre et plus clair. En un mot, minimaliste.

EssenInternation - Awwwards site of the day, May 06 2014

ALORS, POURQUOI LE MINIMALISME ?

Quand on parle de Minimalisme, plus qu'un simple style visuel, nous parlons d'une approche. Il est influencé par le contexte minimaliste de l'architecture et du design. Approche minimaliste dans la conception de sites Web traduit par en mettant l'accent sur le contenu, en attirant l'attention de la meilleure façon possible et en donnant à l'utilisateur ce dont il a besoin de la manière la plus rapide et la plus simple. En bref, le minimalisme est la simplicité. C'est garder ce qui est fondamental et l'accepter « moins c'est plus ».

Plenaire Site

Comme toute pratique établie, UI Design dispose d'un ensemble de meilleures pratiques à la suite d'années de recherches et de tests, son efficacité s'est révélée d'une manière ou d'une autre efficace auprès des utilisateurs. Cet ensemble de bonnes pratiques est fortement basé sur approche minimaliste. Donc, à mon avis, cela répond à la question de savoir si le minimalisme est une tendance ou non. La réponse est non. C'est un concept, et vraiment bon, c'est pourquoi il est devenu si... disons... populaire.

Voici donc le problème avec les sites Web minimalistes : nous, les concepteurs, avons commencé trop se concentrer sur l'aspect visuel du minimalisme. Nous avons trouvé une recette qui fonctionne et nous la répétons encore et encore avec le mêmes éléments, couleurs et polices. Il en résulte un Web presque homogénéisé. Ajoutez à cela la publication des règles relatives aux matériaux par Google et tous les sites commenceront à se ressembler. C'est juste ennuyeux.

Designer Tim Caynes twitter pointing out how agency sites are looking very similar

Les directives matérielles sont présentées comme un langage universel et neutre pour la conception de sites Web qui synthétise les principes classiques d'un bon design.


En fin de compte, c'est une bonne chose pour les concepteurs et les utilisateurs d'en créer modèles d'utilisabilité. Mais en tant que concepteurs, nous ne devrions pas nous sentir trop à l'aise avec l'utilisation aveugle de ces directives, car. Qu'on le veuille ou non, ils étaient également associés à une certaine esthétique et vous finissez par fermer la porte sur d'autres choix stylistiques possibles.

L'homogénéisation ne devrait jamais être un objectif. Les choses n'ont de valeur qu'en comparaison.
blue arrow to the left
Imaginary Cloud logo

Quand le brutalisme a-t-il commencé à influencer la conception Web ?

Comme nous l'avons déjà établi, les choses stagnantes n'évoluent pas. Ils ont besoin d'adversité et, surtout, de bouleversements. Après des années passées sous le signe du style minimaliste et après avoir été témoin du quasi-homogénéisation du web, nos yeux avaient envie de quelque chose de différent. En tant que designers, nous avions envie de quelque chose de différent, de créatif, de chaotique, quelque chose de brutal, quelque chose de brutal (ist). Le brutalisme sur le Web était tout ce dont nous avions besoin.


Le brutalisme, comme le minimalisme, a commencé comme un mouvement architectural.


Ma mère m'a toujours dit de ne jamais jeter des vêtements simplement parce qu'ils n'étaient plus à la mode, car ils reviendraient dans quelques années. Eh bien, les mamans le savent mieux parce que le web-brutalisme est fortement influencé par ces premiers sites J'en ai parlé tout à l'heure.

POURQUOI LE BRUTALISME EST-IL POPULAIRE

Tout d'abord. Le brutalisme est la réaction des designers à l'homogénéisation du web. Le brutalisme pur est brut, brut, sans égard pour le design centré sur l'utilisateur, et certains vont même jusqu'à dire que c'est « clair »moche».

« Par sa robustesse et son absence de souci de confort ou de simplicité, le brutalisme peut être considéré comme une réaction de la jeune génération à la légèreté, à l'optimisme et à la frivolité de la conception Web d'aujourd'hui. »
Sites web brutalistes

Les premiers sites web brutalistes étaient principalement liés d'une manière ou d'une autre à la scène artistique, il s'agissait de portfolios, d'expositions, de studios et autres, tels que ceux-ci :

Gabinet Rock site

Toilet Paper Magazine site

Ils sont erratiques, chaotiques, punk, purement brutalistes.
La tendance a commencé à gagner du terrain et nous avons commencé à voir des sites Web qui, tout en respectant les bonnes pratiques de conception de l'interface utilisateur, avaient une forte influence de style brutaliste. Cette influence se traduirait par l'utilisation de couleurs vives, polices différentes, choix visuels avant-gardistes, et parfois en ayant simplement le éléments visuels minimaux possibles et centrage du texte. Quelle que soit la manière dont cette influence était traduite, il était clair qu'ils étaient sans aucun doute fonctionnels et se distinguaient des autres.

LE SPECTRE

Il y a toujours de la place pour un peu de perturbation ou de rébellion. En fait, ces dernières années, il y a eu quelques exemples de sites Web qui essaient de mélanger les choses tout en ayant toujours un site Web fonctionnel et facile à naviguer. Nous nous sommes retrouvés avec un éventail de sites Web allant de brutalisme à l'état pur à ceux qui se conforment pleinement à la bonnes pratiques en matière de conception d'interface utilisateur.


Voici quelques exemples.

Metahaven's The Sprawl Website

image with pure brutalism written in it

En 2014, le studio de design néerlandais radical Metahaven a créé un documentaire en ligne sur la propagande à l'ère des réseaux sociaux, centré sur la guerre en Ukraine, intitulé The Sprawl. Ceci est leur site web pour le documentaire. Tous ses éléments se battent pour attirer notre attention: le fond, les vidéos, le texte. Je trouve que c'est un excellent exemple de Site web de Pure Brutalism. Il s'agit d'un documentaire, donc, clairement, le contenu est important et l'objectif du site Web devrait être de permettre aux utilisateurs de regarder les vidéos. Néanmoins, le design ne met pas en avant les vidéos. C'est visuellement chaotique et pas si facile à naviguer. Cependant, en raison de son contexte et de son contenu, il fonctionne.

Brutalist Framework

image with pure brutalism written in it

Dans ce cas, le site Web est « un framework open source pour la tendance brutaliste du web design ». À première vue, c'est aussi un peu chaotique, principalement à cause de la palette de couleurs et les graphismes. Cela étant dit, tout est exposé. Tout ce dont l'utilisateur peut avoir besoin est facilement trouvé.

PW Magazine Website

image with pure brutalism written in it

Ce site Web contient plus d'informations sur « Brutalisme fonctionnel » côté du spectre. En le regardant, il est organisé, vous avez des menus explicites et la navigation est assez organique. Il n'a pratiquement aucun graphisme visuel ou identité. Le contenu est privilégié et il est clair qu'ils souhaitaient diriger l'utilisateur vers celui-ci.

Balenciaga Website

image with pure brutalism written in it

Le site web de Balenciaga est, à mon avis, un bel exemple de « brutalisme fonctionnel ». Il est très simple, propre et complètement dépouillé de graphismes visuels ou de couleurs. Vous n'avez que des lignes, du texte et du noir et blanc. Aucune identité visuelle n'est aussi une esthétique brutaliste et celui-ci est tout simplement magnifiquement exécuté. Tous les outils et fonctionnalités dont l'utilisateur peut avoir besoin sont à portée de main. En un sens, aucune identité visuelle ne devient l'identité visuelle de Balenciaga.

blue arrow to the left
Imaginary Cloud logo

Minimalisme contre brutalisme : qui est le gagnant ?

Tout d'abord, permettez-moi de dire clairement que je suis une grande fan du brutalisme. Le brutalisme est apparu à une époque où il fallait faire bouger les choses, où il fallait rappeler aux designers de faire preuve de créativité et de sortir de leur zone trop confortable.

En ce qui concerne ce qu'il faut choisir, je pense que vous n'êtes pas vraiment obligée de le faire.

C'est tout dépend du contexte vraiment. Tout dépend de la le projet sur lequel vous travaillez, vos clients et vos utilisateurs.

Soit vous choisissez un style minimaliste ou un style brutaliste vous devez prendre en compte les facteurs suivants :

  • Quel est le projet sur lequel vous travaillez ? Quel type de style visuel conviendrait le mieux à ce projet ?
  • Qu'est-ce que l'identité de marque ? Des valeurs à la fois visuelles et fondamentales ?
  • Qui sont vos utilisateurs ? Qu'est-ce qui leur convient le mieux et à quoi sont-ils habitués ?

Tout se résume à le contexte complet de votre projet. Vous ne créeriez certainement pas une application de santé avec un design visuel brutaliste ou un site web de festival de metal avec un design super minimaliste. Tout est une question de contexte.

PIMENTEZ-LE, GARDEZ-LE FONCTIONNEL

Malgré ce que dit l'immobilier, oubliez l'emplacement, tout dépend contexte, contexte, contexte. En plus d'y penser, vous devriez également penser au Meilleures pratiques en matière de conception d'interface utilisateur.

Avant d'enfreindre certaines règles, vous devez d'abord les comprendre afin de trouver de quelle manière vous pouvez les enfreindre sans compromettre l'efficacité du projet. Lorsque vous décidez quel style convient le mieux à votre projet et à vos utilisateurs, vous devez également garder à l'esprit que différents styles peuvent offrir des expériences très différentes.

Cela étant dit, et en regardant quelques exemples que j'ai montrés tout au long de cet article, vous pouvez toujours trouver l'inspiration et ajoutez du piquant à votre design tout en le maintenant extrêmement fonctionnel et agréable à naviguer pour l'utilisateur. Tout simplement parce que vous pensez devoir suivre les meilleures pratiques dans votre domaine cela ne veut pas dire qu'il doit être standardisé et ennuyeux.

La principale chose à retenir est que votre produit doit être fonctionnel, parce que si ce n'est pas le cas, peu importe que ce soit minimaliste ou brutaliste, c'est juste complètement mauvais. Si tu veux disposer d'un site Web ou d'une application mobile offrant une expérience utilisateur exceptionnelle, vous ne devez jamais faire passer les choix stylistiques avant la facilité d'utilisation.

Grow your revenue and user engagement by running a UX Audit! - Book a call

Vous avez trouvé cet article utile ? Ceux-ci vous plairont peut-être aussi !

blue arrow to the left
Imaginary Cloud logo
blue arrow to the left
Imaginary Cloud logo
blue arrow to the left
Imaginary Cloud logo
blue arrow to the left
Imaginary Cloud logo
blue arrow to the left
Imaginary Cloud logo
blue arrow to the left
Imaginary Cloud logo
blue arrow to the left
Imaginary Cloud logo
Rita Franco Barroso
Rita Franco Barroso

Autrefois designer multimédia, je suis récemment passé à la conception d'interface utilisateur. Toujours désireux d'en savoir plus sur le design, les plantes et toutes sortes de choses intermédiaires.

Read more posts by this author

People who read this post, also found these interesting:

arrow left
arrow to the right
Dropdown caret icon