Contenu
- Les origines du brutalisme web
- Définir les caractéristiques du brutalisme Web
- Comment créer des sites brutalistes
- Les bienfaits du brutalisme
- Plus que du punk rock?
- Où va la tendance au brutalisme?
Cet article a été publié à l'origine en 2017.
Nommé d'après le mouvement d'architecture brutaliste du milieu à la fin du 20e siècle, le brutalisme Web ignore joyeusement toutes les meilleures pratiques de mise en page et de conception de sites Web établies au cours des 20 dernières années. Au lieu de cela, il jette un travail inventif, passionnant et stimulant, voire conflictuel. Les sites Web brutalistes vont des sites volontairement chaotiques à obstinément minimaux, mais ils sont unis par un rejet des tendances Web grand public.
Il arrive un moment dans chaque mouvement créatif où certains de ses praticiens décident de s'opposer à la manière acceptée de faire les choses et commencent à enfreindre les règles, généralement au scandale de l'establishment.
Les origines du brutalisme web
L'architecture brutaliste ne se soucie pas de paraître attrayante, et c'est cela - ainsi que l'idée que le brutalisme a été conçu comme une réaction à l'architecture plus frivole des années 30 et 40 - qui a conduit Pascal Deville, co-fondateur et directeur créatif de Freundliche Grüsse pour coopter le terme.
«Je m'intéresse beaucoup à la conception numérique et à la communauté de la conception Web depuis les débuts du Web», nous dit-il. «Au cours des deux dernières années, j'ai remarqué une tendance vers des interfaces rationalisées, presque neutralisées, qui manquaient complètement tout sens des attributs de la marque ou des caractéristiques concernant le contenu ou l'objectif qu'elles servent.
Deville a également remarqué que les concepteurs commençaient à expérimenter une sorte d'anti-tendance de conception Web: une approche rudimentaire et de retour aux sources sur la façon dont les sites Web pourraient fonctionner en dehors d'un monde UX parfait, et c'est cet aspect qui lui a rappelé les brutalistes originaux.
Depuis lors, Deville gère Brutalistwebsites.com, où il rassemble des sites qui correspondent à ses idées de brutalisme sur le Web et interroge leurs créateurs. «Il sert de plate-forme d'inspiration pour les jeunes créateurs», dit-il, «je veux redonner à la communauté».
Définir les caractéristiques du brutalisme Web
Un chalut à travers Brutalistwebsites.com démontrera rapidement qu'il couvre un large éventail de styles et d'esthétiques; néanmoins, il existe quelques points communs.
Le designer interactif Bruno Landowski, qui a travaillé en 2013 sur un premier exemple de site brutaliste pour la 13e Biennale d'Istanbul, résume ainsi l'approche brutaliste: "Il utilise de grandes polices, des arrière-plans de couleur unie, des formes géométriques et des caractéristiques brutes ... Je ne me soucie pas du grand public. "
Jakob Kornelli de Any Studio à Berlin, qui possède un site Web glorieusement brutaliste plein d’émojis, souligne également l’utilisation par le mouvement d’une typographie audacieuse et quelque peu radicale. «Mais plus encore», nous dit-il, «nous pensons qu’un site Web brutaliste repousse les limites de son support, notamment en termes d’interaction. Même si la conception Web existe depuis un certain temps déjà, les possibilités interactives et esthétiques de ils sont rarement utilisés à leur plein potentiel. "
Le designer multidisciplinaire français Pierre Butin s'est fait un nom avec son projet Brutalist Redesigns, dans lequel il a retravaillé des applications populaires telles que Tinder, Google Maps et même Candy Crush pour un effet saisissant. Il a ses propres théories sur le brutalisme: «Certains semblent le définir comme une approche grossière, tandis que d'autres ont tendance à embrasser cette définition vague», dit-il.
"Cela m'a amené à me demander: le brutalisme dans la conception numérique concerne-t-il davantage le minimalisme suisse ou simplement le codage brut? Pour cette raison, j'ai essayé différents styles qui pourraient être considérés comme brutalistes. J'ai utilisé des polices système, des couleurs Web de base, un jeu de couleurs simple et collé à l'UX d'origine de l'application. Mon objectif était d'entamer une conversation sur ce qui s'en vient en termes d'interface utilisateur et comment cela devrait être fait. "
Pour Giacomo Miceli, dont le site de portfolio monochrome est un chef-d’œuvre dans Courier, il s’agit de simplification, et il n’y a rien de nouveau à ce sujet. "Il suffit de regarder la page d'accueil de Google", observe-t-il. "Il y a 17 ans, AltaVista était une chose et sa page d'accueil était encombrée de trucs inutiles. Google est venu avec un site Web qui faisait une chose, l'a vraiment bien fait et ne se souciait pas de paraître jolie. Google accorde définitivement plus d'attention à l'œil. jours, mais le noyau est resté le même. "
C'est le designer Kikko Paradela, basé à Detroit, qui résume le plus succinctement le brutalisme du Web: "Typographique. Axé sur le contenu. Simple."
Comment créer des sites brutalistes
L’attrait du brutalisme tient peut-être en grande partie au fait que vous pouvez éviter soigneusement toute la préparation initiale qui accompagne traditionnellement la construction d’un site, et simplement continuer. De nombreux créateurs de sites brutalistes sont très fiers du fait qu'ils effectuent pratiquement tout leur travail de conception et de développement dans ce vénérable pilier de Windows, le Bloc-notes.
Landowski résume rapidement son processus brutaliste: "Pierre-papier-ciseaux pour faire des choix, un stylo pour les esquisser, Photoshop CC et Illustrator CC pour les spécifier, et un éditeur de texte pour les faire vivre." Bien que, souligne-t-il, ce n’est pas une approche qui conviendrait à tout le monde; il vient d'une formation en graphisme qui, dit-il, le rend plus sensible à l'expérience utilisateur.
Kornelli est d'accord, notant qu'une grande partie du travail d'Any Studio se concentre sur une typographie forte, des messages clairs et parfois des rebondissements inattendus pour garder les choses intéressantes. «Le site Web que nous avons récemment conçu pour la société de production cinématographique Very Film montre cette approche», nous dit-il, «avec sa typographie en noir et blanc audacieuse et nette combinée à une seule interaction distinctive qui rappelle la fermeture et l'ouverture d'un rideau. "
Et dans le cas de Paradela, son site et sa pratique sont influencés par l’endroit où il vit et travaille. Il explique que son site est "le reflet de mon approche et de ma réflexion en matière de design. Je me suis toujours aligné sur l'esthétique anti-mainstream ou" anti-Jésus "car il remet en question les vérités conventionnelles et pratiques, y compris la mienne. Cette approche est également pertinente à l'environnement social et politique actuel de Detroit, où je vis et fonde ma pratique. "
Les bienfaits du brutalisme
La philosophie de Paradela résonne avec de nombreuses raisons que les concepteurs nous ont données pour créer des sites Web qui vont si fortement à l'encontre de la conception Web moderne. Alors, quels sont les avantages de ce concept?
Daan Lucas estime qu'il y a une honnêteté dans le brutalisme qui manque peut-être dans les offres d'entreprise plus raffinées. «Je pense que le brutalisme a l'intention de montrer le noyau et de le déduire de la distraction», dit-il.
"J'aime ça. Je pense que c'est aussi la bonne chose à faire ces jours-ci. Les gens savent quand ils sont des conneries. Dans notre travail, nous essayons toujours d'établir une vraie connexion avec les gens. Faites-les se demander, invitez-les à jouer. Si vous faites des conneries. les gens, ils s'en iront et seront ennuyés. "
Vous pouvez voir le côté ludique du brutalisme sur des sites tels que la page d’accueil de Bong, qui présente un berceau géant de Newton et des liens vers le travail de l’agence qui défilent tout autour. Cela peut aller à l'encontre des règles, mais c'est une expérience différente et passionnante pour les utilisateurs, et Any Studio tient à exploiter les possibilités de cette approche de la conception Web.
«Le fait de ne pas respecter un certain ensemble de règles ou d'appliquer des règles différentes - comme les règles classiques de conception graphique moderniste suisse - présente l'avantage que les résultats ont tendance à être plus uniques et donc plus captivants pour l'utilisateur», déclare Kornelli.
«L'afflux de graphismes d'avant-garde ouvre également le champ à des tonnes de possibilités esthétiques nouvelles et frappantes, qui en retour génèrent des expériences plus intéressantes pour les utilisateurs et les clients.
Plus que du punk rock?
Alors peut-être que c'est plus qu'un simple moment punk rock. Bien qu'il y ait un certain degré de cela - Kornelli souligne qu'il y a eu une surabondance ces dernières années de conception Web ennuyeuse axée sur l'UX, créant un environnement de clones de sites Web fonctionnels mais fades, et à bien des égards, le brutalisme est une réaction `` fuck you '' à cela. environnement - les concepteurs voient le brutalisme comme un moyen de faire progresser la conception Web et d'augmenter en fait la convivialité.
Butin explique: "Des éléments brutalistes simples peuvent améliorer l'expérience globale des utilisateurs d'une application. Les experts UX comme Luke Wroblewsky montrent encore et encore que, par exemple, le mot" Menu "dans une interface génère plus d'engagement que l'icône de hamburger (comme c'est le cas ». Pour cette raison, je ne pense pas que le brutalisme dans la conception numérique soit incompatible avec une approche UX."
Et en regardant à travers le panthéon des sites brutalistes, il est difficile de ne pas faire des comparaisons avec le monde du graphisme. Vous pouvez voir des parallèles clairs entre les sites brutalistes et le travail de designers tels que David Carson, Stefan Sagmeister et plus récemment Richard Turley, qui ont utilisé un design audacieux et provocateur pour transformer le vieux Bloomberg Businessweek étouffant en l'un des magazines les plus discutés.
Kornelli convient qu'il y a certainement une influence de conception graphique, et Any Studio se félicite de ce développement. «Jusqu'à récemment, la conception de sites Web était, pour une raison quelconque, un peu détachée de la longue et grande tradition du design graphique», nous dit-il.
"Les graphistes traitaient la conception Web comme un support inconnu et ne savaient pas vraiment quoi en faire. Maintenant, une nouvelle génération de concepteurs émerge qui se sentent chez eux dans les deux mondes. La conception Web s'intègre pleinement dans le vocabulaire contemporain. graphistes."
C'est important, car le graphisme est une discipline mature qui, depuis de nombreuses années, s'attaque et résout les problèmes que les brutalistes du Web s'attaquent maintenant. «C'est dans cet espace que nous opérons habituellement», explique Paradela. "Nous déconstruisons et comprenons le langage visuel afin de pouvoir le mettre à notre disposition pour communiquer efficacement. Nous sommes autocritiques avec ce qui se passe autour de nous."
Où va la tendance au brutalisme?
Comme le brutalisme, le graphisme va souvent à des extrêmes provocateurs, mais toujours au nom d'une communication claire. Alors que les graphistes ont tendance à faire tout leur possible pour leurs portefeuilles, le travail qu'ils produisent dans le travail de jour est généralement beaucoup moins complet; et c'est ainsi que l'approche brutaliste laissera son influence sur la conception Web en général.
«J’ai constaté qu’un bon nombre de sites Web brutalistes étaient à petite échelle; des portefeuilles de designers ou des projets personnels», observe Butin. «Pourtant, de plus en plus de designers travaillent sur des applications mobiles (populaires). Il ne serait alors pas surprenant qu'ils transfèrent ce goût du brutalisme / minimalisme aux produits qu'ils conçoivent.
Kornelli estime que le brutalisme est sur le point d'établir sa pertinence et le restera probablement pendant un certain temps, donnant aux concepteurs un rôle de plus en plus important pour créer un beau web communicatif. "Grâce à l'évolution des interfaces et des logiciels, les concepteurs seront bientôt habilités à créer des sites Web de premier ordre sans remettre les croquis à un développeur - les développeurs fourniront à la place les outils appropriés."
Cet article a été initialement publié dans un numéro de 2017 de rapporter, le magazine des concepteurs et développeurs Web professionnels. Abonnez-vous au net ici.
