Non è un segreto che il semplice è spesso migliore quando si tratta di design del sito web. Un'interfaccia semplice da capire e altrettanto semplice da utilizzare è più probabile che trasformi i visitatori in utenti attivi che torneranno sul tuo sito in seguito.
Ma come si semplifica il tuo sito web? Anche se non stai costruendo qualcosa di nuovo da zero, il trucco è impostare gli obiettivi e quindi osservare il percorso per raggiungerli per gli utenti. Tutto ciò che ostacola quel percorso dovrebbe essere eliminato. Tutto ciò che rende la comprensione di ciò che un utente dovrebbe fare dovrebbe essere rimosso dal design.
Questo è ciò che vedremo oggi: alcuni trucchi che puoi utilizzare per semplificare la progettazione del tuo sito web. E queste idee funzionano per siti esistenti e nuove costruzioni. (Questo articolo presenta esempi di disegni semplici stellari, visita ogni sito per ancora più ispirazione.)
1. Concentrarsi sugli inviti all'azione
Il tuo sito web dovrebbe avere un obiettivo finale per ogni utente di fare qualcosa. Questo obiettivo dovrebbe essere ovvio per ogni persona che approda sul design.
Gli inviti all'azione devono essere chiari, abbastanza grandi da vedere e in luoghi sufficienti in modo che gli utenti non si allontanino troppo dal fare clic con il tasto.
2. Semplifica il numero di pagine
Il tuo design è pieno di pagine e pagine di informazioni? Ha bisogno di essere?
Razionalizza il contenuto in blocchi gestibili, ma non sovraccaricare gli utenti con troppe pagine per fare clic. Mantieni tutti i contenuti correlati insieme per facilitare la lettura e il flusso.
Elimina le pagine con informazioni vecchie e non aggiornate o quelle che contengono solo un widget o una mappa di terze parti. (Questi elementi possono solitamente essere incorporati altrove).
3. Attenersi a una tavolozza dei colori
Mentre una varietà di colori può essere divertente e coinvolgente, è anche travolgente. Attenersi a una tavolozza di colori con solo due o tre opzioni per mantenere il colore sotto controllo.
Se vuoi diventare super semplice, considera una tavolozza di colori monotona con solo alcune sfumature e toni di un singolo colore. È incredibile quanto possa essere bello qualcosa di così semplice, ed è facile anche per gli utenti. Meno colori causano meno sovraccarico mentale e aiutano a creare un aspetto più armonioso e organizzato. (Qualcosa che può apprezzare quasi chiunque abbia una vita frenetica.)
4. Scegli la navigazione standard
Sebbene gli stili di navigazione nascosti o alternativi possano sembrare interessanti, queste opzioni di tendenza non sono facili da usare come ci si potrebbe aspettare. Qualsiasi deviazione dalla? Normale? i pattern utente possono essere alquanto sconvolgenti e far riflettere gli utenti su come spostarsi nel sito. Scegli modelli standard in modo che il tuo sito web sia facile da usare.
Con questo in mente, lo standard è piuttosto magra. Gli elementi di navigazione in alto o in alto con da tre a otto opzioni di menu sono la norma. E dimentica quei menu di navigazione stile mega che un tempo erano popolari. A meno che tu non sia un grande rivenditore di e-commerce, non c'è motivo per ogni pagina nel design di avere un posto nella navigazione. (E molte di queste mega opzioni non funzionano affatto sui dispositivi mobili.)
5. Considera la regola 80-20
La regola 80-20 è un buon punto di partenza quando si pensa di apportare modifiche a un progetto. Ci sono due modi per pensare e implementare la regola.
- Tieni presente che il 20 percento degli elementi sul tuo sito web genererà l'80 percento delle azioni dell'utente desiderate, vale a dire una manciata di inviti all'azione, pulsanti o altri elementi dell'interfaccia utente genereranno una parte significativa dell'interazione dell'utente. Questo è perfettamente normale.
- Con questo in mente, quando si apportano modifiche, concentrarsi sul 20% superiore del contenuto per rendere l'80% delle modifiche quando si aggiorna o si ripensa un progetto. Gli elementi del 20 percento che potresti voler considerare includono gli stessi elementi che generano la maggior parte dei clic (CTA, canalizzazioni del traffico e immagini). Lo spazio bianco è un altro fattore importante.
Se la regola 80-20 sembra familiare, viene anche chiamato il principio di Pareto o legge dei pochi vitali. È stato sviluppato dall'economista Vilfredo Pareto ma ha applicazioni in tutte le discipline.
6. Usa elementi dell'interfaccia utente con scopo
Icone, immagini e ogni altro elemento dell'interfaccia utente nel design dovrebbero essere lì per un motivo. (Basti pensare a quanto è fastidioso fare clic su un'icona di Facebook e non essere collegato alla pagina del marchio.)
Non sovraccaricare gli utenti con fantastici depositi solo perché li hai. Pianifica e usa gli elementi solo quando servono un uso e uno scopo reali nella progettazione generale.
7. Prenditi cura con la tipografia
Il modello per usare bene la tipografia è come usare il colore: less is more.
I caratteri tipografici che sono più facili da leggere hanno forme standard, larghezze dei tratti uniformi e assenza di abbellimenti. Una famiglia di tipi solidi viene fornita con opzioni in modo da non dover cercare caratteri aggiuntivi se è necessario aggiungere enfasi a caratteri specifici. Le lettere devono includere abbastanza peso per essere leggibili e in contrasto con lo sfondo.
E inizia con solo due caratteri tipografici. Uno per il testo principale sul sito Web e uno per l'utilizzo dello schermo. Questo è tutto. Questo è tutto ciò di cui hai bisogno.
8. Aumenta la dimensione del testo
E mentre stai pensando alla tipografia, ingrandisci la dimensione del lettering. Gli schermi continuano a ingrandirsi, rendono più facile per loro vedere il tuo messaggio piuttosto che stipare più testo sulla tela.
Mentre questo può sembrare contro-intuitivo quando si tratta di dispositivi mobili, lo stesso vale. Le lettere più grandi possono essere più facili da leggere. Dimentica il vecchio detto che tutto deve essere al di sopra della pergamena. Mentre le parole chiave dovrebbero indurre gli utenti a scorrere, non tutto deve essere sulla prima schermata. Gli utenti capiscono di andare avanti e sono abituati a scorrere, in particolare quando guardano i siti Web sui loro telefoni.
9. Crea una copia senza sforzo
Mentre la tipografia può fare un'enorme differenza nel determinare quanto semplice o complessa sia la tua immagine, le parole effettive sono altrettanto importanti.Ogni parola dovrebbe trasmettere lo stesso significato delle tue immagini quindi c'è una netta congruenza.
Modifica la copia. Quindi modificalo di nuovo.
I siti Web sono un mezzo inteso come forma di comunicazione leggibile. Assicurati che la conversazione che hai con i visitatori sia quella che ti aspetti con una copia chiara, concisa e altamente leggibile. Crea un tono che attraversa il design e utilizza parole e linguaggio che attirano gli utenti.
Quindi modifica ancora una volta ed estrai ogni bit di testo che non è necessario.
10. Rompi una regola, ma solo una
Le regole sono pensate per essere infrante. Ma infrangi solo una regola.
Se vuoi fare qualcosa di diverso, non confondere il design con molti elementi diversi o insoliti. Concentrandoti su una cosa più complessa o insolita, puoi creare interesse senza opprimere gli utenti.
Sembra piuttosto semplice, giusto? (Basta non farsi prendere in una delle trappole comuni di fare troppo.)
Conclusione
Un design di un sito web troppo complicato o troppo progettato? può intralciare ciò che si desidera comunicare con gli utenti. Ricorda i tuoi obiettivi di conversione e cosa vuoi che gli utenti facciano con il design. Che si tratti di compilare un modulo, scaricare un'app o acquistare un coniglio imbottito, ogni elemento di design dovrebbe enfatizzare il raggiungimento di questa destinazione.
Elimina tutti gli elementi di design che ostacolano questo percorso. Gli utenti amano i progetti puliti, semplici e facili da usare. Questo è particolarmente vero su dispositivi più piccoli, come i telefoni, dove il disordine può rovinare l'esperienza dell'utente in una questione di nanosecondi.
Design grafico minimalista
La progettazione grafica minimalista è una filosofia di creazione di qualcosa in cui ogni elemento ha uno scopo. È semplice, pulito e bello. È altamente utilizzabile. La nostra funzione esplora diversi approcci e tecniche per la progettazione grafica minimalista (con molti esempi stimolanti!)