6 passi per perfezionare il minimalismo nel web design
Negli ultimi anni, il web design è stato scosso da varie tendenze che sono andate e venute. Una delle tendenze che ha potere, è il minimalismo, semplicemente perché è un concetto senza tempo che è stato popolare in vari mezzi attraverso i secoli. Allora perché non nel web design?
Una delle cose del minimalismo è che migliora anche l'esperienza dell'utente, oltre ad avere un aspetto gradevole. Una lamentela di molti utenti nel corso degli anni è stata che alcuni siti Web sono troppo complicati per navigare. C'è solo troppa roba in corso che rende l'esperienza utente inferiore a quella che dovrebbe o potrebbe essere.
Il vecchio detto che "less is more" è ancora vero, specialmente quando si parla di design nel 21 ° secolo.
1) Abbracciare design piatto
Sappiamo tutti che il design piatto è essenzialmente la risposta del mondo del design allo skeuomorphism, che recentemente è caduto in disgrazia in un grande senso, con Apple come un primo esempio di questo cambiamento epocale. Il design piatto è caratterizzato in particolare dall'assenza di ombre esterne, effetti 3D e gradienti; usa anche colori vivaci e vivaci per attirare l'attenzione dell'utente.
Un marchio enorme, che ha abbracciato il design piatto in modo efficace, è Microsoft, in particolare con il suo sistema operativo Windows 8. Sul sito ufficiale della compagnia per l'ultima versione , 8.1, vediamo il design piatto presentato in tutta la sua gloria. Questo ha perfettamente senso da un punto di vista della coerenza dal momento che Windows 8 era famoso per il design piatto della sua schermata iniziale.
Pertanto, sul sito, non vedi alcuna traccia di ombre o sfumature: vedi solo tutto in 2D. La tipografia di vari tipi di carattere per titoli e copie del corpo non presenta trame di alcun tipo; il layout della pagina è molto pulito e senza confusione; icone e pulsanti sono vivaci e piatti come possono essere; e le immagini degli schermi di avvio di Windows 8 sono uno studio in design piatto.
2) Incorporare lo spazio bianco
Qualunque cosa tu voglia chiamarla, lo spazio negativo o bianco non è solo un elemento di design eccezionalmente intelligente che guida l'occhio ad andare dove vuoi che vada su una pagina web, ma è anche uno standard per il minimalismo. Sempre più siti stanno adottando questa tecnica di progettazione quando si rendono conto di quanto sia vantaggioso.
L'unico esempio di spazio negativo o bianco su Internet è probabilmente il sito con cui meno lo si associa, solo perché lo si dà per scontato. Lo usi così tanto che semplicemente sfugge alla tua attenzione ... ma è lì! sto parlando di Ricerca Google . È uno studio nello spazio bianco, per ragioni che dovrebbero essere abbastanza evidenti.
Poiché lo scopo del sito è la ricerca, la società ha astutamente utilizzato così tanto spazio negativo o bianco sulla pagina che qualsiasi utente dell'intero universo non potrebbe essere distratto da nessun'altra cosa mentre si trova nella pagina di ricerca. Tutti gli elementi sono stati rimossi e lo spazio bianco circonda la barra di ricerca. Ovviamente, questo indirizza l'occhio dell'utente al punto di maggiore e più importante importanza: dove digitare la ricerca.
Mentre lo spazio negativo o bianco è un esempio ideale di minimalismo, bisogna anche sottolineare che non rappresenta il vuoto, di per sé. In realtà è un elemento di design molto accorto che aiuta a guidare gli occhi dell'utente.
3) Limita le scelte
Una delle regole più importanti per aumentare le conversioni su qualsiasi sito di e-commerce o B2B è rimuovere il numero di scelte che dai ai tuoi utenti, acquirenti o visitatori. È semplicemente ovvio: quando togli il maggior numero possibile di scelte, non stai lasciando che i tuoi visitatori vengano distratti da qualsiasi cosa che possa impedire loro di completare l'obiettivo della pagina, che è quello di convertire. Quindi, meno scelta è un altro sorprendente esempio di minimalismo nel web design.
Uno dei posti migliori per vedere la magia del minimalismo di scelta è nelle pagine di destinazione, pagine di destinazione che lo fanno correttamente. Un'azienda che ottiene il principio del minimalismo nella scelta è Gengo, la società di traduzione di titoli professionali.
Sopra la sua pagina di destinazione , vedi un'assoluta assenza di scelta. Questo perché la pagina di destinazione rende molto chiaro quale dovrebbe essere il prossimo (e unico) passaggio per i visitatori: convertire digitando il testo o caricando il file per la traduzione. Certo, i puristi irriducibili nel regno della minimizzazione della scelta potrebbero anche obiettare che il menu di navigazione in alto nell'intestazione dovrebbe essere rimosso perché gli utenti possono ancora fare clic qui invece di essere super-focalizzati sul servizio di traduzione.
4) Focus sulla tipografia audace
Se vuoi veramente apprezzare il minimalismo nel web design per le sue nozioni basilari, allora dai un'occhiata Il sito di Brian Danaher . Brian è un art director, designer e illustratore.
Come puoi vedere, il design del suo sito si basa fondamentalmente su due elementi: la tipografia audace che non puoi perdere e un layout a colonna singola. Questo è tutto! Sì, questo approccio al minimalismo potrebbe essere troppo estremo per alcuni gusti là fuori, ma raggiunge comunque due obiettivi molto importanti, che sono al primo posto nella mente di chiunque abbia il proprio sito per promuovere la propria carriera:
- Poiché la navigazione è fondamentalmente inserita nel layout a colonna singola, Brian è in grado di arrivare al punto giusto su ciò che fa, chi è e su come i visitatori del sito possono mettersi in contatto con lui
- Brian riesce a usare il contrasto (nei colori dei caratteri e nei colori di sfondo tanto quanto tra le dimensioni e gli stili dei caratteri) per dare ai visitatori del suo sito qualcosa di interessante da guardare
5) Semplifica la tua navigazione
Il menu di navigazione può essere spesso trascurato quando stiamo discutendo del minimalismo nel design del sito, ma anche questo può essere un contributo enorme (anche se silenzioso) per far funzionare il minimalismo sul tuo sito web. Un menu di navigazione che non è invadente e si fonde silenziosamente con lo sfondo è la chiave per rendere un sito minimalista a livello funzionale.
Scopri fotografo e designer Il sito di Cristian Ordonez questo è uno studio nel menu di navigazione minimalista. Il menu è un approccio così dedicato al minimalismo che non si estende nemmeno sulla larghezza dell'intera homepage; invece, è un po 'nascosto silenziosamente nell'angolo in alto a destra del sito. Inoltre, non vi è alcuna azione del menu a scorrimento in corso, quindi non ci sono livelli di navigazione diversi o aggiuntivi. Infine, i colori del menu (almeno sulla homepage) si fondono anche delicatamente con il colore di sfondo.
6) Usa il colore nei cerotti
L'utilizzo di piccole macchie di colore nella progettazione del tuo sito ti consentirà di aderire all'approccio minimalista e allo stesso tempo renderà più semplice per i visitatori del sito cogliere ciò che è importante su una determinata pagina. Incorporando piccoli pop di colore qua e là, riuscirai a disegnare gli occhi dei visitatori del tuo sito in aree specifiche di importanza.
Il sito del Sistema a griglia 960 , la cui missione è semplificare il processo di sviluppo web, incarna molto bene questo uso intelligente del colore. Ad esempio, si notano i piccoli spruzzi di giallo, ad esempio, che vengono utilizzati per collegamenti interni come "download" e "visualizza demo". Anche il logo Twitter cliccabile in alto a sinistra fornisce una macchia di blu brillante che attira gli occhi di visitatori del sito (ti porta direttamente al feed Twitter del proprietario / designer Nathan Smith).
Il minimalismo funziona se sai come usarlo
Menziona la parola "minimalismo" ad alcuni designer, e diventano apprensivi perché pensano erroneamente che un design del sito troppo semplicistico non sia attraente. Come dimostrano gli esempi precedenti, tuttavia, nulla potrebbe essere più lontano dalla verità.
Fatto bene, il minimalismo nella progettazione di un sito può portare a nuove e bollenti tendenze come la progettazione piatta o aiutare i proprietari dei siti a guadagnare più denaro aumentando le conversioni quando la scelta è limitata. Tutto sommato, il minimalismo crea un sito web pulito, ben organizzato e ordinato che semplifica le cose per i visitatori del tuo sito. Questa è la sola ragione per usarla nella progettazione del tuo sito.