Quando e come usare il minimalismo nella progettazione di siti web

Per prima cosa togliamo di mezzo un malinteso sul minimalismo. Solo perché c’è meno da vedere non significa che sia più facile. In realtà, è proprio il contrario. Meno hai, più tempo devi spendere per assicurarti che ogni elemento che hai sia giusto per i soldi.

Dopotutto, se hai un’interfaccia affollata, se qualcosa è allineato leggermente a sinistra del centro, o un font che non è del tutto ottimale per quello che stai usando, probabilmente non verrà nemmeno notato tra gli altri dettagli.

Ciò non sarà vero se stai utilizzando un web design minimalista, tuttavia, poiché non c’è nulla dietro cui nascondersi dietro il tuo errore o la tua scelta sbagliata. Si distingueranno per i dettagli abbaglianti, come un’insegna al neon su una casa giapponese. Ciò significa che se stai solo cercando di mettere insieme una pagina, il minimalismo non è la strada da percorrere. Il minimalismo è per i perfezionisti, il tipo di web designer ossessivo-compulsivo, concentrato sul laser, che sta sveglio fino alle tre del mattino per ottenere quel titolo giusto. Se non sei tu allora non fa per te.

Se è allora continua a leggere, continua a leggere! Giù nella tana del coniglio andiamo.

Spazio negativo

Iniziamo osservando ciò che un sito Web minimalista avrà di più: lo spazio negativo, anche se potresti conoscerlo come “lo sfondo”. Tranne, ovviamente, che nel design minimalista non è affatto “indietro”. Invece, è davanti e al centro, dove gioca un ruolo vitale, in quanto manipola il flusso visivo dell’utente.

Il potere dello spazio negativo è che più ne hai, più qualsiasi altra cosa tu abbia sulla pagina salterà fuori. Questo è il motivo per cui i designer industriali utilizzano spesso layout minimalisti. In questo modo i loro prodotti invece di svanire in tutto il resto attireranno l’attenzione che stanno cercando. E poiché questo è ciò che stanno cercando di vendere o almeno mostrare, ciò rende questo approccio molto attraente per loro e per chiunque altro abbia oggetti statici da mostrare, come interior designer e fotografi.

Lo spazio negativo può essere un potente strumento per creare un’oasi di calma, oltre che per non far sentire gli utenti sopraffatti. Per questo spesso le spa e i centri benessere scelgono questo tipo di layout.

Nota che lo spazio negativo non significa che non c’è niente lì. Ovviamente, lo spazio deve essere riempito con qualcosa e sebbene il bianco sia una scelta ovvia, non è l’unica. Inoltre, colori diversi hanno effetti completamente diversi sugli utenti, quindi assicurati di dedicare un po’ di tempo alla ricerca. Una cosa che vorrei sottolineare è che non scegli un colore troppo saturo. Questo è un errore fondamentale che fanno molti designer alle prime armi. Il problema è che può essere piuttosto doloroso per gli utenti, il che rende quindi nullo uno dei grandi vantaggi del minimalismo.

Fotografie

Se solo un colore è troppo positivo, c’è, ovviamente, la possibilità di scegliere una foto di qualche tipo. Ovviamente, se scegli un’immagine, assicurati che sia fedele allo spirito del minimalismo che stai cercando. L’immagine non deve essere troppo occupata.

Lo intendo in due modi.

1. Ovviamente, assicurati che la foto non sia eccessivamente ingombra di oggetti o persone, in quanto ciò vanificherebbe l’intero scopo del tuo design minimalista.
2. Ciò non è sufficiente, tuttavia, poiché l’implicazione di movimento rapido o pericolo è altrettanto in grado di attirare l’attenzione sull’immagine e allontanarla dall’elemento principale che stai cercando di visualizzare. In effetti, anche la visualizzazione di un’emozione negativa può distrarre le persone da ciò su cui vuoi veramente che si concentrino.

Per questo motivo, navigando su siti minimalisti, vedrai molte foto con sfondi molto neutri e statici. Ecco alcuni ottimi esempi.

Tipografia

Puoi tagliare molte cose dalla tua pagina minimalista, come una barra dei menu, i pulsanti dei social media e gli annunci, ma una cosa di cui non puoi fare a meno sono le parole. Alla fine, ne avrai bisogno. Ma come presentarli? Dovresti considerare molto attentamente quale carattere decidi di utilizzare (e se decidi di crearne uno tuo), soprattutto visto che caratteri diversi evocheranno emozioni e stati d’animo diversi.

Ad esempio, i caratteri serif (quelli in cui i bit ondulati sporgono sotto e sopra la linea) vengono letti in modo più fluido rispetto ai caratteri sans serif e sono quindi considerati più facili da comprendere. Allo stesso modo, poiché le istruzioni sono scritte in caratteri più puliti e leggibili (come Ariel per esempio) sono viste come più comprensibili rispetto a quelle scritte in caratteri più confusi e più affollati, il che significa che quelle istruzioni sono considerate più facili da eseguire.

Ma ovviamente la leggibilità non è l’unica cosa che deve essere considerata, devi anche pensare a quali emozioni provocano i caratteri. Sì, è vero, caratteri diversi influenzano le persone in modo diverso, con tipi di carattere come Times New Roman più spesso associati a emozioni come “divertente” e “arrabbiato” rispetto ad Ariel.

Ti avevo avvertito che il minimalismo non era per i deboli di cuore!

Un’altra cosa da considerare è quali tipi di carattere usi dove, poiché ovviamente non devi usare lo stesso carattere per tutto il tempo. E poiché non c’è nient’altro che possa distrarre il tuo pubblico, se utilizzi stili di carattere e tipografie diversi, è molto più probabile che il tuo utente li noti.

Questa può quindi essere una strategia molto efficace per far sì che il tuo pubblico presti attenzione ad aree specifiche. Ad esempio, considera di scrivere quei testi che vuoi che gli utenti leggano per primi in grassetto, con tratti spessi, mentre le parti che dovrebbero notare in seguito scritte in caratteri più neutri. L’occhio dell’utente sarà immediatamente attratto dal testo più in grassetto mentre l’altro testo verrà consumato in seguito.

Contrasto e posizionamento

Uno degli strumenti più potenti a disposizione di un web designer minimalista è il contrasto. Se vuoi usare il contrasto per ottenere il massimo effetto, dovrai scegliere sfondi di colore chiaro: il bianco è la scelta predominante, in quanto consente di ottenere l’effetto migliore. Questo è il motivo per cui le pagine minimaliste useranno spesso il nero su sfondi bianchi poiché queste linee nette sono immensamente accattivanti dal punto di vista visivo. Ecco un buon esempio. Inoltre, il più piccolo tocco di colore, come una spruzzata di giallo, può essere molto efficace. Basti pensare al cappotto della ragazza in Schindler’s List.

Un designer può creare un contratto con molte cose diverse, tra cui colore, forma, posizione, scala e dimensioni. Se usato correttamente, può essere incredibilmente utile per condurre l’utente a quelle parti a cui dovrebbe prestare attenzione per prime (proprio come ho spiegato sopra in termini di tipografia, quando ho discusso di testi in grassetto rispetto a quelli più neutri). Non è facile, tuttavia, e per utilizzarlo al meglio è necessario avere una conoscenza di base di come gli utenti consumano le pagine Internet.

Gli studi sul movimento degli occhi ci hanno fornito una visione approfondita del punto in cui le persone guardano per prime, generalmente partendo dall’angolo in alto a sinistra e poi, a seconda che ci sia o meno molto testo, scansionando la pagina con una “F” o un modello ‘Z’ rispettivamente.

Dato che la tua pagina minimalista non sarà pesante per il testo, vorrai quindi organizzare gli aspetti più importanti della tua pagina in uno schema di tipo Z, con le cose che i tuoi utenti dovrebbero notare per prime (sei le tue opzioni di menu) che generalmente prendono una posizione più in alto a sinistra della tua pagina, mentre quelle cose che dovrebbero essere notate in seguito (ad esempio le tue rivendicazioni sul copyright) scendono in basso e più a destra. In questo modo renderai la fruizione della tua pagina più fluida e naturale.

Il pulsante Hamburger e altri layout

L’unica cosa importante da ricordare con il design minimalista è che solo perché non c’è molto da vedere per pagina, non significa che non ci siano molti contenuti in generale; la maggior parte delle volte tutte queste informazioni sono semplicemente nascoste nei sottomenu e nelle pagine secondarie. Un modo popolare (anche se controverso) per farlo è attraverso quello che è noto come “il pulsante dell’hamburger”, o le tre linee che ora vedi dappertutto, come in Chrome in alto a destra così come sull’iPhone. E sì, se hai bevuto un paio di drink sembra un hamburger (non ho inventato il nome).

Personalmente, non sono un grande fan perché va contro i miei istinti minimalisti. Qual è lo scopo di creare una pagina ordinata se poi creerai un menu disordinato per navigare nel resto del tuo sito web? Per me, una strategia molto migliore è suddividere il pulsante dell’hamburger in diverse scelte di menu che sono ovvie e facilmente comprensibili e coinvolgeranno i tuoi lettori, ma alla fine dipende da te.

Un fattore importante da considerare quando stai pensando se creare diverse voci di menu o utilizzare un solo pulsante è l’età del tuo pubblico. Più sono vecchi, meno familiarità avranno con questo design e più è probabile che non trovino i tuoi sottomenu, il che può rendere inutile la tua pagina. Quindi la tua pagina è rivolta principalmente ai millennial? Vai avanti e usalo. Stai servendo i pensionati? Probabilmente è saggio ripensarci.

Stile visivo

E poi c’è come dovrebbe essere strutturata la tua pagina. Quando decidi di scegliere uno stile minimalista, devi scegliere uno stile di layout e poi seguirlo. Questo perché il tuo pubblico inizierà immediatamente a fare ipotesi inconsce su come la tua pagina web si adatta e se poi violi queste ipotesi, i tuoi utenti sentiranno che la tua pagina è “disordinata” e “non organizzata”. Questa è una campana a morto per il minimalismo (e anche per la maggior parte delle altre pagine, a dire il vero).

Per questo motivo, devi selezionare una griglia, che in pratica significa le colonne in cui hai suddiviso la tua pagina, e seguirla. Quante colonne vuoi? Come saranno distanziati? Quanto spazio negativo rimarrà tra loro? Queste sono tutte domande importanti a cui devi rispondere prima ancora di iniziare a impaginare la pagina.

L’idea qui non è che le immagini non possano superare i confini di queste linee della griglia. Spesso le immagini si estendono sull’intera pagina. In questo caso, il testo relativo all’immagine presentato sotto di esso verrebbe disposto nelle colonne selezionate. Allo stesso modo, se hai diverse immagini sulla tua pagina, dovrebbero seguire la griglia che hai creato in modo che la tua pagina nel complesso appaia pulita e professionale.

Vale la pena andare al minimalismo?

Onestamente dipende da cosa stai cercando di fare (e ovviamente dall’argomento della tua pagina). Se stai cercando di ridurre il tuo lavoro, come già detto, il minimalismo non fa per te. Se d’altra parte, questo tipo di layout ti attrae istintivamente e si adatta al tipo di prodotto che stai spingendo, allora è la strada da percorrere.

Il fatto è che il minimalismo richiede un set di abilità diverso rispetto al design standard, in quanto non puoi semplicemente usare pezzi ordinari e metterli insieme per creare una pagina. Se provi a farlo, ti ritroverai con qualcosa che non è visivamente accattivante o così informativo. Il peggiore, in altre parole, di entrambi i mondi.

Invece, dovrai dedicare un po’ di tempo a imparare come sovvertire i tuoi istinti di base che hai raccolto dai progetti di pagine precedenti che hai realizzato. Quindi dovrai sederti e capire cosa è essenziale per la tua pagina.

E dovrai fare i conti con il contratto, i tipi di carattere e le foto come non hai mai fatto prima. È quasi come se stessi imparando un nuovo linguaggio di design. Può essere difficile.

Il bello dell’apprendimento di una nuova lingua, tuttavia, è che ti fa realizzare cose sulla tua lingua originale che non avevi mai notato prima. E questo è altrettanto vero con l’apprendimento del web design minimalista. L’atto stesso di cercare di imparare a progettare in questo modo ti farà realizzare cose sul design che non sapevi prima.

E questo potrebbe far valere la pena di tutta la sudorazione e il duro lavoro.

Dimenticando per il momento che le pagine minimaliste sono semplicemente belle, ovviamente.