Brutalismo Una nuova tendenza nel web design

Alcuni disegni non sono lucidi e puliti. Sono ruvidi, stridenti e laceri. Tuttavia funzionano ancora e comunicano in modo efficace. Questa classe di siti web costituisce la tendenza primaria chiamata brutalismo.

Mentre è un po 'nuovo per i concetti web, è stato per decenni una tecnica popolare per manifesti e arte negli anni '50, '60 e '70. Il brutalismo di oggi è nettamente diverso da quello che sei abituato a vedere? ed è per questo che è probabile che catturi la tua attenzione. Diamo un'occhiata a cosa è (e vedrò perché sono già sopra!)

Brutalismo 101

Il brutalismo è il minimalismo sugli steroidi. Puoi pensarci in due modi:

  • Come un ritorno ai primi giorni del web, quando molti siti avevano un aspetto brutalista, perché è tutto ciò che sapevamo
  • Una tendenza a cogliere tutte le tendenze con linee pulite e design semplici

Ecco alcuni esempi per dare il via alle cose e farti pensare lungo le linee giuste!

È popolare e sta ancora guadagnando popolarità. C'è un sito brutalista dedicato alla presentazione di progetti di siti web brutali. Ecco come descrive la tendenza:

Nella sua robustezza e nella sua mancanza di interesse per apparire comodi o facili, il brutalismo può essere visto come una reazione da parte di una generazione più giovane alla leggerezza, all'ottimismo e alla frivolezza del web design di oggi.

Caratteristiche del design

Quando si tratta di brutalismo, lo saprai sicuramente quando lo vedrai. Questa non è una tecnica di design sottile. Ma parte del motivo per cui potrebbe piacere ad alcuni perché è forte; spesso imita la visualizzazione del codice con uno sfondo scuro, tipografia monospaziale e testo bianco e verde lime.

Ma c'è una scala quasi scorrevole per il brutalismo. Alcuni ti diranno che un design veramente brutale non contiene immagini. Le immagini non sono un rompicapo. Possono essere una componente di un design brutale.

  • Sfondo rigido, spesso nero o bianco, senza texture o ombreggiature
  • Mancanza di accorgimenti progettuali: niente ombre o sfumature o motivi
  • Tipografia monospaziata o un singolo carattere in tutto
  • Design affollato con testo che sembra troppo vicino o elementi che non sono imbottiti
  • Nessuna gerarchia distinta
  • Elementi che si sovrappongono, ma sembrano non intenzionali
  • Elementi di design in stile analogico
  • Mancanza di simmetria o spaziatura
  • Nessuna tavolozza di colori vera, ma l'uso del rosso e del verde sono comuni
  • Il design sembra avere degli errori visivi, come ad esempio allineamenti o incidenti di sovrastampa
  • Mancanza di animazione
  • Le immagini sono anche spoglie, spesso in bianco e nero, se usate affatto
  • Navigazione semplice o nulla, i disegni spesso brutalisti sono siti di una pagina
  • Le immagini non conformiste spesso si riferiscono a un messaggio dello stesso tipo

?Male? Design

Il brutalismo è solo una scusa per farla franca con un cattivo design? È davvero un modello super-spogliato di un sito web. La natura rigida potrebbe rivelarsi un po 'distante e non crea il tipo di connessione emotiva che molti siti Web utilizzano per attirare visitatori.

Tutte le tendenze e gli elementi che hai letto e che gli esperti di design e leggibilità dicono che un design ha bisogno di usabilità sono stati buttati fuori dalla finestra. Il brutalismo è un cattivo design? O è intenzionalmente? Brutto ??

Buono per le conversioni

Una delle cose più interessanti del brutalismo viene dal Marc Schenker di Webdesigner Depot, il quale sostiene che questo stile di design può effettivamente aumentare le conversioni. Non è qualcosa che in genere viene in mente quando si pensa a una tendenza di design, ma è un caso abbastanza convincente se si trova attraente lo stile.

Ecco cosa ha da dire:

? Pensaci: senza immagini ad alta risoluzione o video lunghi, un sito non è impantanato e può quindi caricarsi più rapidamente del solito. In che modo questo influisce sulle conversioni? Le ricerche mostrano che i siti più veloci aumentano le conversioni. L'infografica di Kissmetrics stabilisce quanto segue:

  • Più a lungo ci vuole una pagina da caricare, maggiore sarà il tasso di abbandono
  • Il 79% degli acquirenti che sono insoddisfatti delle prestazioni del sito hanno meno probabilità di acquistare nuovamente dallo stesso sito
  • Un ritardo di un secondo nella velocità della pagina può causare un calo del 7% nelle conversioni di un sito

C'è di più nella sua argomentazione - ma i numeri da soli sono piuttosto convincenti. Saresti disposto a rinunciare allo stile di progettazione per aumentare le conversioni?

Qual'è il prossimo?

La grande domanda con il brutalismo può mai essere mainstream? Lo stile del design è così duro, così in-faccia che gli utenti lo amano o lo odiano assolutamente. Affinché il brutalismo vada oltre il regno dei siti portfolio usa una tantum, deve essere un po 'più morbido e facile per l'utente medio.

Per questo motivo, il brutalismo influenzerà il design ma non supererà alcuni degli stili di design più comuni. Più disegni con concetti brutalisti - in particolare, gli stili tipografici diventeranno più popolari. Alcune delle scelte di colori primari e brillanti si infiltreranno in più disegni.

I designer che creano concetti brutalisti inizieranno anche a incorporare un tocco più moderno nei rigidi modelli estetici, dai suggerimenti sull'animazione alla navigazione estesa, aumentando così l'usabilità. Le chiamate all'azione saranno un po 'più? Progettate? in modo che sia chiaro agli utenti cosa dovrebbero fare con un progetto come questo.

Conclusione

Non so voi, ma ho già superato questa faccenda del brutalismo. Mentre i siti web sono in qualche modo interessanti all'inizio, sono un po 'schiaccianti. Mentre capisco come possano aumentare le conversioni, nella maggior parte dei progetti può essere difficile persino capire che cos'è questa conversione.

Le scelte di colore e tipo non mi piacciono. Mancano di connessione emotiva e in generale la maggior parte dei progetti sembra fredda. Forse il brutalismo è semplicemente troppo brutale? per me? Cosa pensi? Fammi sapere su Twitter (e assicurati di taggare Design Shack).