10 modi per semplificare il tuo design
Non è un segreto che semplice è spesso meglio quando si tratta di progettazione di siti Web. Un'interfaccia semplice da capire, e altrettanto semplice da usare, ha maggiori probabilità di trasformare i visitatori in utenti attivi che torneranno al tuo sito in seguito.
Ma come puoi semplificare il tuo sito Web? Anche se non stai costruendo qualcosa di nuovo da zero, il trucco è fissare obiettivi e quindi guardare il percorso per raggiungerli per gli utenti. Tutto ciò che si frappone a quel percorso dovrebbe essere eliminato. Tutto ciò che rende comprensibile ciò che un utente dovrebbe fare dovrebbe essere rimosso dal progetto.
Questo è ciò che vedremo oggi: alcuni trucchi che puoi usare per semplificare la progettazione del tuo sito web. E queste idee funzionano per siti esistenti e nuove build. (Questo articolo presenta esempi di design 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. Tale obiettivo dovrebbe essere ovvio per ogni persona che si attiene al progetto.
Gli inviti all'azione devono essere chiari, sufficientemente ampi da poter essere visualizzati e in posizioni sufficienti affinché gli utenti non si allontanino mai troppo dal clic del tasto.
2. Semplificare il numero di pagine
Il tuo design è pieno di pagine e pagine di informazioni? Deve essere?
Ottimizza i contenuti in blocchi gestibili, ma non sovraccaricare gli utenti con troppe pagine su cui fare clic. Tieni insieme tutti i contenuti correlati per facilitare la lettura e il flusso.
Elimina le pagine con informazioni obsolete o obsolete o quelle che contengono solo un widget o una mappa di terze parti. (Questi elementi possono di solito 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 monotono con solo alcune tinte e tonalità di un singolo colore. È incredibile quanto possa essere bello qualcosa di così semplice ed è facile anche per gli utenti. Un minor numero di colori causa un minor sovraccarico mentale e contribuisce a creare un aspetto più armonioso e organizzato. (Qualcosa che quasi chiunque abbia una vita frenetica può apprezzare.)
4. Optare per la navigazione standard
Sebbene gli stili di navigazione nascosti o alternativi possano sembrare interessanti, queste opzioni di tendenza non sono così facili da usare come ci si potrebbe aspettare. Qualsiasi deviazione dai modelli di utenti "normali" può essere in qualche modo stonante e indurre gli utenti a pensare troppo intensamente a spostarsi all'interno del sito. Scegli modelli standard in modo che il tuo sito Web sia facile da usare.
Con questo in mente, lo standard è piuttosto snello. Gli elementi di navigazione superiori o pop-out con tre o otto opzioni di menu sono la norma. E dimentica quei menu di navigazione in 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 del progetto 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. Esistono due modi per pensare e attuare la regola.
- Tieni presente che il 20 percento degli elementi sul tuo sito Web comporterà l'80 percento delle azioni dell'utente desiderate, il che significa che una manciata di inviti all'azione, pulsanti o altri elementi dell'interfaccia utente genererà una parte significativa dell'interazione dell'utente. Questo è perfettamente normale.
- Tenendo presente questo, quando si apportano modifiche, concentrarsi sul 20% dei contenuti principali per apportare l'80% delle modifiche durante l'aggiornamento o il ripensamento di un progetto. Gli elementi del 20 percento a cui potresti voler pensare includono gli stessi elementi che generano il maggior numero di clic: CTA, canalizzazioni di traffico e immagini. Lo spazio bianco è un altro fattore importante.
Se la regola 80-20 sembra familiare, viene anche chiamata principio di Pareto o legge dei pochi vitali. È stato sviluppato dall'economista Vilfredo Pareto ma ha applicazioni in tutte le discipline.
6. Utilizzare gli elementi dell'interfaccia utente con scopo
Icone, immagini e ogni altro elemento dell'interfaccia utente nel progetto dovrebbero essere lì per un motivo. (Pensa a quanto sia fastidioso fare clic sull'icona di Facebook e non collegarti alla pagina del marchio.)
Non sopraffare gli utenti con divot interessanti solo perché li hai. Pianifica e utilizza gli elementi solo quando servono a un uso e uno scopo effettivi nella progettazione generale.
7. Abbi cura della tipografia
Il modello per usare bene la tipografia è proprio come usare il colore: meno è di più.
I caratteri tipografici più facili da leggere hanno forme standard, larghezze di tratto uniformi e nessuna abbondanza di abbellimenti. Una famiglia di tipi solidi include opzioni in modo da non dover cercare caratteri tipografici aggiuntivi se è necessario aggiungere enfasi a caratteri specifici. Le lettere devono includere abbastanza peso per essere leggibili e contrastare con lo sfondo.
E inizia con solo due caratteri tipografici. Uno per il testo principale sul sito Web e uno per l'utilizzo del display. Questo è tutto. Questo è tutto ciò di cui hai bisogno.
8. Aumenta le dimensioni del testo
E mentre stai pensando alla tipografia, aumenta le dimensioni delle lettere. Le schermate diventano sempre più grandi, per loro è più facile vedere il tuo messaggio piuttosto che riempire 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 quel vecchio adagio che tutto deve essere al di sopra della pergamena. Mentre le parole chiave dovrebbero indurre gli utenti a scorrere, non tutto deve essere nella prima schermata. Gli utenti comprendono di andare avanti e sono abituati allo scorrimento, 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 sia semplice o complesso il tuo design, le parole reali sono altrettanto importanti. Ogni parola dovrebbe trasmettere lo stesso significato dei tuoi elementi visivi, quindi c'è una congruenza distinta.
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 pulita, concisa e altamente leggibile. Crea un tono che scorre attraverso il design e usa parole e linguaggio che attirano gli utenti.
Quindi modifica ancora una volta ed elimina ogni bit di testo non necessario.
10. Rompere una regola, ma solo una
Le regole sono pensate per essere infrante. Ma infrange 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 schiacciare gli utenti.
Sembra abbastanza semplice, vero? (Non farti prendere da una delle trappole più comuni del fare troppo.)
Conclusione
Una progettazione di siti Web troppo complicata o "troppo progettata" può ostacolare 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 si frappongono a questo percorso. Agli utenti piacciono i design puliti, semplici e facili da usare. Ciò è particolarmente vero su dispositivi più piccoli, come i telefoni, in cui il disordine può rovinare l'esperienza dell'utente in pochi nanosecondi.