Less is More Fondamenti di minimalista Web Design

Combattere la battaglia contro la confusione è qualcosa che ogni designer intraprende, sia che si tratti sul proprio sito o quando si progetta per un cliente. La progettazione del tuo sito web dovrebbe migliorare lo scopo del tuo sito concentrando l'attenzione sul contenuto ed essendo utilizzabile da tutti. Prendendo il tempo supplementare per garantire che nessun dettaglio sia trascurato, produrrà un sito web efficace e attraente.

Definire lo scopo del sito

"Il tuo sito ha bisogno di uno scopo ben definito per eliminare ogni confusione dall'inizio ...

Per prima cosa, prima di aprire la tua app di grafica preferita per progettare il tuo nuovo sito minimale, dovrai stabilire per che cosa verrà utilizzato il sito. Il tuo sito ha bisogno di uno scopo ben definito per eliminare ogni confusione dall'inizio avendo un unico, forte punto focale. Potrebbe essere mostrare fotografie vincitrici di premi a potenziali clienti, condividere notizie di rottura della tecnologia o vendere giocattoli fatti a mano. Inizia facendo una semplice dichiarazione:

Il mio sito deve essere ______________________________________.

  • Educare gli adolescenti sui pericoli degli sms e della guida
  • Mostra foto vincitrici di premi ai potenziali clienti
  • Vendi giocattoli per cani fatti a mano e di alta qualità

Definendo chiaramente uno scopo all'inizio, sarai in grado di usarlo per mantenere il tuo progetto in carreggiata. Mentre lavori attraverso gli elementi del design, continua a pormi domande come:

  • Questo complimento e rafforzerà lo scopo del mio sito?
  • È davvero necessario o sto semplicemente riempiendo lo spazio?
  • Ciò distrae dallo scopo del mio sito?

Tutto ciò che aggiungi al sito che non rafforza il vero scopo del tuo sito può essere una distrazione, indebolendo il tuo messaggio generale. Gli articoli aggiuntivi devono essere complementari alla tua attenzione.

Il tuo sito che vende pogo stick ad alte prestazioni non ha bisogno di includere un link al tuo portfolio di fotografie stock, non importa quanto sia fantastico.

Questo non è il momento per le cose che vuoi sul tuo sito, è ciò che è necessario che sia veramente importante. Hai solo pochi secondi per convincere i tuoi visitatori a restare e leggere il tuo messaggio.

Sweat the Little Things

Ogni dettaglio ha un significato, ciò che rimuovi dal tuo design è altrettanto importante di quello che aggiungi.

I fondamentali sono solo questo, fondamentale. Tutti i tuoi principi di progettazione diventano molto più importanti da comprendere e attuare quando vengono rimossi gli ingombri e gli elementi non necessari, spingendo il tuo messaggio in primo piano.

Gli errori sono amplificati con disegni puliti, semplici e minimali. Assicurarsi di aver studiato i fondamenti del design è di vitale importanza quando si tratta di posizionare gli oggetti sulla pagina e metterli in relazione tra loro. Tutto ciò che fai ha bisogno di pianificazione e scopo - solo perché c'è spazio per "un'altra cosa" non significa necessariamente che ci deve essere qualcosa lì.

Molti, se non tutti, i principi di progettazione si applicano a design di stile puliti, semplici e minimali, ma assicurati di averli eliminati sin dall'inizio:

Unità

Gli elementi della pagina devono andare d'accordo e adattarsi bene per migliorare il design generale. Gli elementi che spiccano per attirare l'attenzione sulla pagina devono risaltare perché li vuoi, non perché non si colleghino con gli altri elementi della pagina.

Semplici spruzzi di colore aggiungono interesse a una combinazione di colori in bianco e nero e attirano l'attenzione del tuo logo in modo creativo, intelligente e divertente.

Lo spazio bianco

Gli elementi sulla pagina hanno bisogno di spazio per respirare. Potrebbe sembrare logico per te e potresti farlo senza nemmeno pensarci, ma le richieste comuni da parte dei clienti sembrano essere:

  • "Aggiungiamo ancora una cosa, sembra che ci sia molto spazio extra qui ..."
  • "C'è spazio sotto il menu, spostalo in modo da poter aggiungere ..."
  • "C'è un buco lungo i lati del sito, dovremmo anche includere ..."

Rinunciando a uno spazio bianco prezioso tra gli elementi, il sito diventa angusto e gli elementi iniziano a correre insieme, non dando agli occhi una pausa necessaria che aiuta a definire aree separate.

Web Creme ha un numero limitato di annunci, ma li colloca in un'area con maggiore impatto.

Allineamento

Esistono molti modi per allineare gli oggetti su una pagina, ma con un design pulito, semplice e minimale, se qualcosa è uguale a un pixel o due, sarà molto più facile individuare.

Usa una griglia per mantenere allineato, perfetto e perfetto tutto ciò di cui hai bisogno. Sono bravi a delineare un design fino allo sviluppo con molti framework tra cui scegliere.

La sottigliezza non è la tua cosa? Crea un impatto immediato scegliendo un colore audace per completare il tuo design.

Gerarchia

Con molti siti, hai solo pochi secondi per trasmettere il tuo messaggio o aiutare a guidare un utente dove vuoi che vadano.

Il modo in cui si utilizzano dimensioni e pesi diversi degli elementi crea un percorso che conduce l'utente attraverso la pagina, generalmente terminando in una chiamata all'area di azione. Quando gli utenti si sentono a loro agio stanno andando nella giusta direzione, continueranno, ma se sono confusi su cosa sta succedendo, potrebbero diventare frustrati.

Pandaweb utilizza gli spazi per mantenere l'attenzione dei visitatori nell'area promozionale.

Rimuovi l'inutile

Qual è il modo migliore per trovare ed eliminare elementi non necessari? Non aggiungendoli in primo luogo! Dedica più tempo alla pianificazione del sito e alla definizione del tuo obiettivo fin da subito per eliminare gli extra che stavano semplicemente riempiendo lo spazio.

Durante il processo di progettazione, dedica ampio tempo a esaminare ogni elemento del tuo sito chiedendo: ne ho davvero bisogno? Il tuo scopo o la tua attenzione potrebbero spostarsi leggermente lungo la strada, quindi è una buona idea continuare a chiedertelo mentre ti muovi.

Se hai accesso a un gruppo di test, prova a utilizzare il software di tracciamento dei clic su un sito di prova per individuare elementi che non vengono mai utilizzati. Guarda gli elementi inutilizzati e decidi se puoi rimuoverli o metterli in una posizione diversa.

Ricorda, la creazione di un design pulito, semplice e minimale consente alla mente di comprendere le nozioni di base, mostrare ai visitatori ciò che hai da offrire e trasmettere il tuo messaggio nel modo più efficiente possibile.

L'usabilità non è facoltativa

Non ci sono buoni motivi per scegliere il design rispetto all'usabilità, funzioneranno perfettamente insieme se eseguiti correttamente. Un sito ben progettato e facile da usare manterrà i visitatori più a lungo e soddisferà lo scopo ultimo del sito di visualizzare i tuoi contenuti e consegnare efficacemente il tuo messaggio.

Un sito che è facile e comodo da usare sembrerà quasi come se stesse leggendo la mente dell'utente e la navigazione diventa facile e divertente.

Non aver paura di essere creativo con nuovi stili e tecniche, ma sii consapevole della funzionalità e del posizionamento di elementi comuni che puoi dare per scontati:

  • I collegamenti dovrebbero essere facili da identificare e fare clic su
  • Fornisci sempre un modo per andare a casa
  • Non disabilitare mai il pulsante Indietro
  • Aggiungi pulsanti vicini al contenuto nelle finestre popup
  • Indica in quale pagina si trova attualmente l'utente

Alcune persone associano design pulito, semplice, minimale con testo in miniatura e elementi quasi inutilizzabili su una pagina vuota. Alcune delle linee guida di base sono comunemente trascurate quando si progettano nuovi siti:

  • La navigazione dovrebbe essere coerente e intuitiva da usare
  • Il contenuto dovrebbe essere leggibile con titoli chiaramente definiti
  • Il codice dovrebbe essere pulito e conforme agli ultimi standard web
  • Assicurati che il tuo sito sia visualizzato e funzioni correttamente su tutti i browser

Individuazione dei punti di disturbo

Mentre alcune cose sembrano grandiose nella fase di progettazione, una volta ottenuto il sito nel tuo browser, potresti scoprire sfide di usabilità che non hai mai notato mentre il disegno era in Photoshop.

Un ottimo modo per scoprire realmente come viene utilizzato il sito è afferrare un volontario e guardare da sopra le spalle o (con il loro permesso) utilizzare uno strumento di condivisione desktop se non si è nella stessa posizione fisica.

Fornisci loro un elenco di attività e osserva attentamente per vedere se sono facilmente realizzabili:

  • Acquista un libro dal mio negozio
  • Contattami per un appuntamento
  • Scopri il mio background

Potresti essere stupito di come diverse persone possano interpretare diverse aree del sito o i percorsi che possono intraprendere. Osservali da vicino ma non dare alcun aiuto o consiglio lungo il percorso.

  • Sapranno dove cliccare?
  • Si perdono in un'area specifica?
  • Stanno facendo clic su un elemento di design pensando di portarlo a una nuova pagina?
  • Hanno difficoltà a fare clic su un'icona minuscola?

Prendi nota delle aree su cui possono lottare e trova i modi per migliorare. Non mettersi sulla difensiva o arrabbiarsi se si riscontrano problemi con il sito. Usa quella nuova conoscenza per migliorare il tuo lavoro e portare quella conoscenza sui progetti futuri.

Ma mi piace il colore!

Creare un design pulito, semplice e minimale non significa che devi essere bloccato in bianco e nero o con un sito scialbo e poco interessante, basta imparare a semplificare le tue scelte di colore. Ci sono due percorsi principali da seguire quando si aggiunge il colore:

Color Splash

Con piccoli schiocchi di colore, gli occhi dei tuoi visitatori sapranno immediatamente che l'area con il colore è importante. Usalo a tuo vantaggio usandolo per dipingere un percorso che gli occhi devono seguire.

I CSS Framework come il sistema 960.gs forniscono un modo per mantenere tutto perfettamente allineato.

Semplice ma audace

Una scelta più audace potrebbe essere quella di rendere la tua dichiarazione di colore sullo sfondo con un colore solido grassetto. Il grassetto può essere fonte di distrazione, quindi assicurati di non allontanarti dal messaggio del tuo sito, rendendolo difficile da leggere o inutilizzabile, ma questo sicuramente farà capire al tuo sito.

Gli elementi di Finch si sentono come se tutti appartenessero alla pagina e lavorassero insieme.

Non è per tutti

Quasi chiunque trarrà vantaggio da un sito con una forte attenzione, ma uno stile pulito, semplice e minimale non è per tutti.

Autori tematici del sito web - Spesso capita solo qualche secondo prima che un acquirente decida se passare il tempo a guardare il sito che hai creato. Visualizzare solo un design super minimale in quanto l'unica opzione di layout può essere registrata come "di base" ed essere pensata immediatamente come priva di funzionalità. Potrebbe essere necessario mostrare diversi livelli di ciò che è possibile nelle aree e lasciare che decidano se utilizzare la funzione o meno.

Siti pesanti dell'annuncio - Lo stile pulito, semplice e minimale probabilmente non è la soluzione migliore per i siti che fanno molto affidamento sulla pubblicità, a meno che tu non abbia un comprendente proprietario di annunci che si adatti al tuo stile. Un'opzione migliore potrebbe essere quella di posizionare meno annunci, ma individuarli in un'area che verrebbe più cliccata.

Sofa utilizza una piramide invertita di informazioni che ti porta giù dal titolo, dalla panoramica della compagnia e dai servizi che forniscono.

Trovare un equilibrio

Comprendendo che non tutti abbiamo il pieno controllo creativo di ogni progetto di design, proviamo a trovare un equilibrio con i tuoi clienti.

Quando spieghi perché hai progettato un sito in un certo modo, consulta altri siti che fanno le cose correttamente e spiega perché funziona e perché il loro sito web è un successo.

Spiega come hanno tratto beneficio e come potresti farlo anche tu. Mostra loro i risultati positivi e le risposte che l'altro sito ha ricevuto a causa delle buone scelte progettuali e prendendosi il tempo in più per garantire a tutti i visitatori un sito utilizzabile ed efficace.