Combattere il disordine è quello che tutti i web designer dovrebbero fare mentre creano un sito web.
La grafica di un sito web deve mettere in risalto gli obbiettivi, ponendo l’attenzione sui contenuti, assicurando che il sito web sia usabile da tutti.
Per questo è fondamentale prendersi tutto il tempo necessario e assicurarsi che nessun dettaglio venga dimenticato per realizzare un sito web efficace e attraente.

Definire gli obbiettivi del sito web

Innanzitutto,  prima di aprire qualsiasi programma di grafica per disegnare il nuovo sito web, bisogna stabilire per cosa il sito verrà utilizzato.
Per creare un sito web bisogna definire chiaramente gli obbiettivi in modo da eliminare qualsiasi confusione sin dall’inizio, concentrandosi su un singolo punto focale.
Qualsiasi sia lo scopo del sito web, potrebbe parlare di cucina, condividere novità aziendali o essere usato per vendere prodotti online, bisogna partire con una semplice affermazione:

Il sito web ha bisogno di:

• Spiegare con foto bellissime le mie ricette
• Mostrare le novità della mia azienda
• Vendere le mie creazioni online

Definendo sin da subito gli scopi  per i quali il sito web verrà creato, sarà più facile definire la grafica e renderla inerente al contenuto, così, mentre si definiscono gli elementi di design bisogna continuare a chiedersi:

• Questo elemento è coerente e rafforza gli obbiettivi del sito web?
• E veramente necessario o sto solo riempiendo uno spazio bianco?
• Potrebbe essere un elemento di distrazione rispetto agli obbiettivi del sito?

Si hanno solo pochi secondi per convincere i visitatori a fermarsi e leggere un sito web, quindi, tutto quello che viene aggiunto e non serve a rafforzare gli obbiettivi potrebbe essere un elemento di distrazione, che indebolirà il messaggio principale.

Se, ad esempio,  vendete online prodotti per la casa, non ci sarà alcun bisogno di inserire un link al vostro album fotografico, indipendentemente da quanto bello sia.

Gli elementi aggiuntivi devono assolutamente consolidare il messaggio del sito web.

L’importanza delle piccole cose

Tutti i dettagli sono significativi, quello che viene tolto dal design ha la stessa importanza grafica di quello che viene aggiunto, ma le parti del design diventano più facili da capire e implementare quando elementi superflui e non voluti vengono rimossi, spingendo il messaggio in prima linea..

Tutto quello che bisogna fare è focalizzarvi sull’obbiettivo, se c’è uno spazio bianco nel sito web, non vuol dire che bisogna necessariamente inserire qualcosa.

Gli errori vengono ingigantiti con un design minimal quindi,  assicurarsi di aver impostato attentamente le basi del design, è di vitale importanza quando bisognerà inserire contenuti in una pagine e relazionarli ad altri.

Quasi tutti i principi del design sono applicabili anche al web design e alla creazione si siti web.

Unità

Gli elementi grafici della pagina web devono legarsi bene tra loro per migliorare l’impatto complessivo del design.
Gli oggetti messi in risalto per attirare l’attenzione nella pagina web, lo sono per scelta e non perché non legano con il resto del design.

Spazi bianchi

Gli elementi grafici nella pagina hanno bisogno di spazio.
Questo potrebbe sembrare logico, ma vi assicuro che a volte le richieste dei clienti sono:

• Aggiungi ancora qualcosa, sembra che ci sia un sacco di spazio bianco.
• C’è un vuoto sotto il menu, spostalo su così possiamo aggiungere…
• Manca qualcosa sul lato del sito web, potremmo anche aggiungere…

Se non viene dato un considerevole spazio tra gli elementi che compongono il sito web, quest’ultimo diventa visivamente stretto e gli oggetti sembreranno essere tutti uniti, gli occhi non avranno lo spazio visivo necessario a separare le diverse aree.

Allineamenti

Ci sono diversi modi per allineare oggetti in una pagina web, ma in un design minimal se qualcosa è spostato anche solo di uno o due pixel si noterà immediatamente,

Usare una griglia per mantenere tutto allineato e perfettamente organizzato è uno dei sistemi migliori.
Inoltre le griglie sono un ottimo sistema per disegnare, indipendentemente dalla tecnologica con la quale il sito verrà sviluppato.

Gerarchia

Il web è pieno di siti,  si hanno a disposizione  pochi secondi per far passare un messaggio e guidare la navigazione di un visitatore verso un’area del sito.

Un sistema è usare differenti grandezze e pesi degli elementi creando un percorso “obbligato”, in modo da portare il visitatore a navigare la pagina, portandolo in un’area di call to action.

Se l’utente si sentirà a suo agio nella navigazione, allora seguirà nella giusta direzione, ma se la navigazione sarà confusionaria difficilmente continuerà a navigare nel sito web.

Rimuovere il superfluo

Qual è il sistema migliore per trovare ed eliminare gli elementi non necessari?
In primo luogo, non aggiungerli! Investendo diverso tempo nel pianificare il sito web, definendo subito gli obbiettivi ed eliminando ogni cosa superflua

Durante la creazione delle bozze grafiche, bisogna spendere tempo su ogni elemento, chiedendosi:
C’è davvero bisogno di questo? L’obbiettivo potrebbe perdersi per strada, quindi è fondamentale continuare a chiederi se l’elemento è davvero necessario.

Se si ha accesso a gruppi di test, un ottimo sistema è testare una demo del sito web usando un programma di eye o click tracking per localizzare gli elementi che non vengono usati. Una volta localizzati si può deciderere se rimuoverli o spostarli in un punto differente.

Creando un sito web minimal, bisogna fare  modo che i visitatori si concentrino solo sul messaggio e su quello che avete da offrire e dovrete farlo nella maniera più efficiente possibile

L’usabilità non è un optional

Non c’è nessuna ragione per preferire la grafica all’usabilità, queste possono integrarsi alla perfezione se progettate correttamente.

Un sito web facile da utilizzare, avrà dei tempi di permanenza più lunghi,  adempiendo all’obbiettivo di mostrare i contenuti e il messaggio finale, inoltre renderà la navigazione più semplice e divertente.

Non bisogna aver paura di essere creativi con nuovi stili e tecniche, ma scicuramente è fondamentale essere coscienziosi, in modo da poter garantire le principali funzionalità e il corretto posizionamento degli elementi, come:

• I links devono essere facile da identificare e cliccare
• Mai disabilitare il bottone back del browser
• Aggiungere il bottone chiudi alle finestre pop-up
• Indicare su che pagina si trova l’utente

Molte persone associano un design minimal a testi corti ed elementi inusabili su pagina bianca e alcune delle linee guida vengono trascurate.  Nel design di nuovi siti web è importante che:

• La navigazione sia consistente e intuitiva
• I contenuti possano essere facilmente letti e compresi
• Il codice sia  pulito e conforme agli ultimi standard web
• Il sito web si visualizzi  perfettamente su tutti i moderni browser e device (Ipad – Iphone)

Localizzare i punti critici

Anche se alcune cose appaiono stupende nella fase di design, una volta che  il sito web è stato codificato, bisogna testrane l’usabilità.

Un buon sistema, per testare l’usabilità del sito web è prendere dei volontari, sedersi alle loro spalle ( in alternativa si può usare un programma di condivisione del desktop) dargli una lista di operazioni da fare e guardare attentamente come si comporteranno durante la navigazione:

• Comprare un libro dal negozio online
• Contattare l’assistenza clienti del sito web
• Trovare informazioni sull’azienda

E stupefacente vedere come le persone navigheranno diversamente le aree del sito e quali diversi percorsi prenderanno.
Guradandoli da vicino, ma non senza dare nessun aiuto o suggerimento.

• Capiscono dove devono cliccare?
• Si sono persi in un punto specifico del sito web?
• Cliccano un elemento grafico pensando che li porterà in una nuova pagina?
• Hanno difficoltà a cliccare su una piccola icona?

Ora bisonga prendre nota delle aree in cui si bloccano o fanno fatica a continuare la navigazione e trovare un modo per migliorarle senza difendersi o peggio arrabbiarsi se vengono trovati problemi nel sito web,  ma unado questo test per migliorare il lavoro e non fare errori in futuro.

Ma, amiamo i colori!

Creare un sito web minimal, non significa che bisogna rimanere fermi al bianco e nero o creare un sito smorto non interessante, ma semplificare le scelte dei colori.
Per fare ciò ci  sono due strade principali che si possono intraprendere:

Schizzi di colore

Con un piccolo scoppio di colore, gli occhi dei visitatori noteranno subito che l’area colorata è importante  questo si può sfruttare colorando il percorso di navigazione da seguire.

Facile… il Bold

Un altra possibilità sta nel nel far risaltare un colore rispetto allo sfondo, utilizzando il grassetto.
Di sicuro il grassetto metterà subito in evidenza quello che uno sceglie, ma può distrarre l’utente, quindi bisogna assciurarsi che non tolga l’attenzione dal messaggio principale, rendendolo difficile da leggere o inusabile.

Non per Tutti

Quasi tutti avrebbero benefici dalla creazione di un sito web pulito e semplice con un forte messaggio, ma un sito web in stile minimal non va bene per tutti.

Web designer: avete sempre pochissimi secondi per convincere un acquirente a scegliere i vostri servizi o prodotti navigando sul vostro sito web.
Mostrare un layout super minimal, può dare l’impressione che il sito web sia troppo basilare, carente di particolarità o interazione. Sarebbe meglio mostrare cosa è sapete fare nelle varie aree del sito e lasciar decidere agli utenti cosa utilizzare e cosa no.

Siti con pubblicità una grafica web pulita e minimal non è la soluzione migliore per siti web che vogliono ospitare al loro interno banner pubblicitari, perché bisognerebbe chiedere ai proprietari dei banner di adattarli allo stile di sito web.
Un’alternativa sta nel posizionare pochissime pubblicità nell’area più cliccata del sito web.

Trovare un equilibrio

Non sempre un web designer può avere un controllo totale sull’immagine creativa di un sito web, molte volte bisogna trovare un equilibrio con l’idea dei clienti. Personalmente quando spiegate perché ho disegnato un sito in una certa maniera, faccio vedere altri siti web simili e spiego perché questi funzionano e hanno successo.
Spiego come il sito web potrebbe portare benefici al loro business e come potrebbe aiutarli a far crescere la web reputation. Mostrando i risultati positivi e i feedback che gli altri siti hanno avuto grazie ad un buon design.

E voi? Cosa ne pensate dello stile minimal? Come e dove l’avete utilizzato? Ditemelo nei commenti!