Web design brutalista, Web design minimalista e il futuro della Web UX

I siti web stanno diventando più caotici, disordinati e non raffinati? Le regole del buon design vengono infrante? Il web sta diventando brutto? è una nuova moda?

Se sei come la maggior parte dei designer e presti molta attenzione a ciò che sta succedendo, hai sentito parlare della parola brutalismo per un po'. I siti web brutalisti si stanno allontanando dalle interfacce user-friendly che sono state a lungo la migliore pratica del settore e si concentrano invece su siti HTML imperfetti e codificati a mano. Sembra che i designer stiano eliminando le regole dell'esperienza utente così come le conosciamo, lasciando tutto un po' caotico.

I principi del design elegante e contemporaneo sono così comuni che difficilmente li consideriamo una scelta stilistica. Il web design "buono" generalmente significa uno che obbedisce alle regole del minimalismo. Interfacce pulite, semplici e ordinate, ma non è sempre stato così. Torniamo indietro di qualche decennio.

La nascita del web

Il web design ha fatto molta strada dal 1991, quando è stato pubblicato il primo sito web in assoluto. La rivoluzione di Internet è iniziata con i suoi primi siti Web esclusivamente basati su testo utilizzando la prima generazione di HTML.

Poi è arrivato Flash con tutti quei pazzi siti animati che sicuramente tutti ricordano. Lo sviluppo di CSS (Cascading Style Sheets) è arrivato, fornendo ai web designer un controllo ancora maggiore su miglioramenti come il colore di sfondo, la dimensione del testo e gli stili di testo nel codice. JavaScript ci ha fornito menu a discesa, navigazione avanzata e moduli Web con controllo degli errori.

All'inizio, nessuno sapeva cosa significasse veramente "web design" e i pionieri del web stabilirono modelli di progettazione per tentativi ed errori. La prima era del web design utilizzava layout che prestavano poca attenzione alla semantica formale e all'accessibilità, optando invece per l'estetica rispetto alla struttura.

Per costruire e strutturare i loro progetti, i progettisti hanno fatto molto affidamento su elementi HTML come tabelle, tabelle nidificate e file spaziatori invisibili da 1 pixel, offrendo loro la possibilità di creare layout più complicati a più colonne. Ha creato alcune interfacce piuttosto noiose.

A metà degli anni 2000, i siti web sono nati con un pensiero più attento alla loro struttura. La navigazione era nella parte superiore del browser e le categorie erano posizionate su una barra a sinistra. Le pagine Web sono state mantenute brevi e strette, con contenuti distribuiti su molte pagine per non costringere gli utenti a scorrere. I progettisti hanno appreso cosa funzionava e hanno iniziato a costruire siti migliori, stabilendo standard e migliori pratiche lungo il percorso.

Con sempre più opzioni di layout è arrivato un mix di interfacce utente rumorose piene di immagini e testo ovunque. Alcuni designer disciplinati, tuttavia, hanno ancora optato per il minimalismo.

L'estetica minimalista

Le tendenze del design vanno e vengono; tuttavia, il minimalismo è un linguaggio di design che è stato presente nel tempo. È una filosofia progettuale che si concentra sulla semplificazione della forma, ottenuta utilizzando gli elementi più semplici ed essenziali in un design.

Il minimalismo non è esclusivo del web design. Pensa a tutti gli elementi intorno a te che racchiudono quell'ideale di design; è facile collegare i design minimalisti con Nest, Apple, Herman Miller e molti altri che hanno ispirato molti designer minimalisti.

Cosa rende il design di Herman Miller eccezionale ancora oggi? Sono semplicemente oggetti ben progettati con un aspetto senza tempo. I suoi progetti si adattano molto bene alle case e agli interni contemporanei: ancora oggi si sentono freschi e moderni. Molti dei suoi pezzi sono progettati con un look minimalista e non possono davvero essere legati a una moda passeggera specifica. Resistono ancora alla prova del tempo.

I design minimalisti di uno dei grafici più famosi della sua epoca, Josef Muller-Brockmann, sono molto simili a quelli di Herman Miller: senza tempo . Muller-Brockmann ha abbracciato e padroneggiato il minimalismo negli anni '40 e '50 sotto forma di stile di design svizzero.

Ogni decorazione estranea o superflua è stata spogliata del suo disegno grafico; ogni elemento nei suoi layout aveva uno scopo. Il design thinking alla base di questo approccio è ciò che fa funzionare molto bene i design digitali minimalisti oggi.

Come il minimalismo si è affermato nell'era digitale

La storia trova sempre un modo per raggiungerci. Come nel design della stampa, il minimalismo e la filosofia alla base hanno raggiunto il web design e altri artefatti digitali. Pensa a come apparivano i siti web solo un paio di anni fa con i loro pulsanti lucidi, le linee e i paragrafi di testo, e tutto richiedeva attenzione.

Poi è arrivata la tendenza skeuomorfica in cui i designer hanno progettato elementi che imitavano oggetti della vita reale nello spazio digitale. Ricordi l'imbottitura in pelle nell'iCal di Apple?

I design minimi sono in realtà intenzionali. È un approccio progettuale che elimina tutto ciò che non è necessario e si concentra su elementi che dovrebbero attirare la massima attenzione, ponendo l'accento sul contenuto.

I vantaggi del design minimalista

L'approccio al design minimalista ha preso piede per molte altre ragioni oltre al semplice aspetto. La nostra maggiore comprensione dei comportamenti degli utenti, dei processi di design thinking e l'ascesa dei processi di progettazione incentrati sui contenuti hanno contribuito a far avanzare questo pensiero. La recente massiccia crescita degli utenti mobili è stata un forte punto di accelerazione verso il minimalismo, con una maggiore attenzione alla UX e all'usabilità.

Con gli utenti che ora accedono a Internet in qualsiasi momento in movimento, i designer di prodotto devono concentrarsi sul fornire ciò che è assolutamente essenziale nel contesto del momento: le cose giuste nel modo giusto e al momento giusto, dove il design è ridotto a le sue caratteristiche più fondamentali.

L'utilizzo dei dispositivi mobili ora rappresenta più della metà di tutte le visite web e questo tasso aumenterà solo. Il design reattivo è stato un punto di svolta e ha costretto i designer a "pensare in modo diverso". Oggi più che mai, il design reattivo o adattivo è una necessità nel mondo mobile, dove un approccio al design minimalista è di fondamentale importanza.

Per l'utente medio, il minimalismo sembra essere probabilmente la cosa più facile da progettare. Raggiungere un perfetto equilibrio utilizzando la minor quantità di contenuto visivo e concentrandosi solo sugli elementi fondamentali con la massima eleganza è in realtà molto, molto difficile.

Il futuro del minimalismo

Dovremmo pensare al minimalismo come a un concetto senza tempo, che irradia eleganza e raffinatezza, piuttosto che una tendenza reale o una semplice fase transitoria. Sebbene senza tempo e classico, si evolverà e migliorerà, come abbiamo già visto dalla sua implementazione all'inizio del XX secolo.

Ad esempio, il Material Design di Google è stata una delle prime grandi evoluzioni nell'approccio al design "piatto" ispirato al minimalismo. I designer di Google hanno mantenuto le cose semplici e minimaliste, ma hanno migliorato il loro linguaggio di design con l'uso di effetti ombra e concetti di movimento e profondità. Il materiale abbraccia il design piatto con una svolta specifica: imitando i materiali del mondo reale.

Il rovescio della medaglia del minimalismo

Come per gli altri elementi della vita, dobbiamo sempre guardare ai pro e ai contro. Molti sostengono che i siti Web oggi manchino di sapore e siano per lo più tutti simili. Sai, un'immagine di un grande eroe o un video con testo sovrapposto, una riga di icone con testo e così via. Chiunque può prendersi un paio di minuti del proprio tempo e trovare 10 siti che sembrano molto simili tra loro. È questo il riflesso del nostro comportamento e delle nostre preferenze online in continua evoluzione?

La coerenza del design e la progettazione per il comportamento dell'utente comune è estremamente importante in ogni progetto, ma non possiamo dimenticare il valore dell'essere unici. Siamo diventati pigri o abbiamo spostato i nostri pensieri dall'unicità verso una strategia di esperienza utente più efficace?

Brutalismo nel web design

Nella sua asprezza e mancanza di preoccupazione per sembrare comodo o facile, il brutalismo può essere visto come una reazione di una generazione più giovane alla leggerezza, all'ottimismo e alla frivolezza dell'onnipresente web design minimalista di oggi.

Alcuni lo adorano, altri lo odiano e molti altri semplicemente non lo capiscono: siti Web brutalisti.

Prendi Craigslist come esempio. Craigslist è da considerarsi il “nonno” dei siti web brutalisti. Non è esteticamente gradevole e non sarebbe mai presente su www.awwwards.com. Testo nero, collegamenti blu, sfondo bianco. Non è carino. Non deve essere perché funziona e funziona davvero bene. Trovi ciò di cui hai bisogno per comprare o vendere senza problemi o complicazioni e senza parti mobili estranee.

Dalla sua fondazione nel 1996, Craigslist ha mantenuto la sua popolarità nonostante, o forse a causa del suo design estremamente utilitaristico. Il design non è cambiato in alcun modo significativo negli ultimi 20+ anni.

Forse ispirato dall'esempio di Craigslist, lo stile brutalista sta tornando in auge. I seguenti sono ottimi esempi di progetti ben eseguiti che utilizzano lo stile brutalista.

Questi siti web brutalisti stanno prendendo piede in grande stile. Perché questi siti Web sono improvvisamente così popolari? È perché alcuni designer si sono appena stancati dell'omogeneizzazione del web?

Nei giorni in cui la progettazione dell'esperienza utente è di primaria importanza, in cui il comportamento degli utenti e un approccio incentrato sui contenuti è il re, l'esperienza utente su questi siti è pessima (intenzionalmente). Contrariamente ai principi del minimalismo, questi design sono in faccia con collage di testo e immagini in cui il layout è dappertutto (di nuovo, intenzionalmente).

Una breve storia del brutalismo

Lo stile di design brutalista non è nuovo. Una rapida ricerca su Wikipedia ti dirà che lo stile in realtà deriva dall'architettura brutalista degli anni '50 fino alla metà degli anni '70. Divertente che il brutalismo sia stato seguito dal movimento architettonico modernista in cui il minimalismo era la chiave.

Le Corbusier è stato uno dei più grandi pionieri di questo movimento. La sua carriera ha attraversato cinque decenni con edifici progettati in Europa, Giappone, India e Nord e Sud America.

Il termine deriva dalla parola francese “ brut ” per “grezzo”, come Le Corbusier descrisse la sua scelta del materiale “ beton brut ”, cemento grezzo. Il design iper-funzionalista sembrava progettato solo per fornire utilità, non per piacere, come per dare il dito al modernismo.

Il brutalismo cerca di confrontarsi con una società di produzione di massa e trascina una poesia ruvida fuori dalle forze confuse e potenti che sono all'opera. Finora il brutalismo è stato discusso stilisticamente, mentre la sua essenza è etica. –Alison & Peter Smithson, The New Brutalism, Architectural Design (aprile 1957)

I design brutalisti rifiutano categoricamente l'apparenza, optando per la funzione sulla forma. I designer brutalisti sono orgogliosi di eseguire progetti con il minimo sforzo e con i materiali più economici disponibili, per ottenere un risultato più onesto e antiborghese.

Brutalismo nell'era digitale

Bloomberg ha adottato lo stile a modo suo per il suo sito di notizie. Il design è quasi sgargiante e si concentra chiaramente sulla funzionalità grezza.

Il brutalismo sta tornando in auge. Brutti, grezzi, che rompono il design convenzionale, effetti di hover pazzeschi e ornamenti superficiali sono ovunque. Molti puristi considerano questa tendenza aspra, ruvida, aspra, scomoda, conflittuale e cinica. È. Di proposito.

Il brutalismo ha un approccio più primitivo al design e riporta l'attenzione sul nucleo stesso del web design: il suo codice. Il brutalismo è spesso descritto come una tendenza di design "brutta", ma dobbiamo guardare oltre. La filosofia alla base del movimento brutalista non è rendere le cose "brutte", ma crude e disadorne.

Potremmo dire che i siti brutalisti di oggi sono basati sul web fai-da-te degli anni '90, concentrandosi su un approccio al rovescio invece di nascondere la funzionalità dietro una bella facciata.

Il design dell'interfaccia utente per il popolare sito di condivisione social Reddit è impenitentemente grezzo e squadrato, pieno di tipografia web di fine anni '90, controlli pesanti non raffinati e quasi nessun respiro verticale.

Il designer Pierre Buttin ha portato il brutalismo a un nuovo estremo con una serie di app mobili ridisegnate. Nel suo ultimo progetto, intitolato Brutalist redesigns, Buttin esegue il rendering di Facebook, Instagram, Twitter e altre app popolari in uno stile brutalista, con layout ricchi di testo e design appiattiti.

Brutalismo vs minimalismo

Brutalismo e minimalismo non devono essere visti in modo comparativo, ma come un nuovo modo di vedere le cose e un altro approccio al design. Il brutalismo è una spinta contro l'omogeneizzazione dei siti e delle app odierni, ma prima ancora che i designer possano iniziare a progettare un sito Web utilizzando l'approccio brutalista, devono prima sapere quali regole infrangeranno.

Il design convenzionale e minimalista non sarà sostituito dal brutalismo. Dobbiamo considerare il brutalismo come una cultura del design che sfida lo status quo, una cultura che è stanca di sentirsi dire cosa è "meglio".

Non c'è giusto o sbagliato nella scelta tra questi stili per il tuo prossimo progetto. Tuttavia, prima di finire e progettare il tuo prossimo sito Web o app in uno stile di design brutalista, assicurati di conoscere il tuo pubblico. Corri il rischio se pensi che l'azienda e il tuo pubblico lo apprezzeranno.

Il web design brutalista attira l'attenzione e la consapevolezza del marchio sta crescendo tremendamente velocemente. Le regole sono fatte per essere infrante. Abbiate il coraggio di lasciare che il web sia il web. Osa distinguerti ed essere un po' audace, anche se un po' strano.

Fateci sapere cosa ne pensate! Si prega di lasciare i vostri pensieri, commenti e feedback qui sotto.

• • •

Ulteriori letture sul blog di Toptal Design:

• I principi del design e la loro importanza
• I migliori portfolio di designer UX: casi di studio ed esempi stimolanti
• Esplorare i principi della Gestalt del design
• Adobe XD vs. Sketch: quale strumento UX è giusto per te?
• I 10 risultati UX utilizzati dai migliori designer