Aggiornato il 9 luglio 2019
Quanto è importante il tuo sito web design? Quando agli utenti è stato chiesto di descrivere perché non si fidavano di un sito web, il 94% dei commenti era direttamente correlato al design del sito. Un sito web ben costruito genera traffico migliore dei clienti e un’interfaccia utente migliorata porta ad un aumento delle conversioni.
La creatività è importante, ma ci sono alcune regole di base sul design e sull’esperienza utente che ti aiuteranno a far crescere il tuo sito web. Quando crei o riprogetti il tuo sito, tieni a mente i seguenti suggerimenti.
Ottieni fiducia con un design di siti Web pulito e coinvolgente
Il mondo del design digitale ha abbracciato la semplicità, allontanandosi da campane e fischietti e concentrandosi sulle basi. Dal punto di vista dell’utente, questo ha reso i siti Web più facili da navigare per un’esperienza più piacevole. Incorporare queste 8 regole di progettazione nel tuo sito web per coinvolgere meglio il pubblico.
1 Mantieni il layout semplice.
Più semplice è il layout del tuo sito web, meglio è. Ciò non significa che deve essere noioso, ma significa che dovrebbe concentrarsi sull’essenziale. Layout puliti e funzionali rendono il tuo sito più facile da caricare, navigare e utilizzare su piattaforme e dispositivi diversi.
Il sito web di Harry mette le informazioni più importanti—i loro prodotti—davanti e al centro. Includono immagini con testo minimo per facilitare l’interazione con il contenuto.
2 Rendere la navigazione facile da seguire.
Se si desidera che i visitatori di trascorrere del tempo sul tuo sito, è necessario rendere più facile per loro di andare in giro. Si può essere tentati di fare qualcosa di creativo con il design dei menu di navigazione, ma la semplicità e l’architettura delle informazioni intuitiva sono più importanti. Rendi i tuoi menu standard in apparenza aiuta i tuoi lettori a sentirsi a proprio agio mentre si muovono in tutto il tuo sito.
Vogue dispone di menu di navigazione descrittivi e prominenti per aiutarti a trovare e interagire con il tipo di contenuto che stai cercando.
3 Utilizzare chiari inviti all’azione.
Cosa vorresti che i visitatori del sito facessero? Acquistare prodotti? Iscriviti a una newsletter via email? Donare per una causa? Pensa ai tuoi inviti all’azione. Progettali in un modo che li faccia risaltare per un visitatore che esegue la scansione del tuo sito web. Se stai usando i pulsanti nel tuo disegno, assicurati che il testo sia breve e diretto.
Il World Wildlife Fund utilizza pulsanti luminosi accanto alla sua barra di navigazione esortando i visitatori a “donare” e “adottare”, insieme a forti inviti all’azione in tutto il loro contenuto.
4 Con il contenuto, meno è più.
Usa ciò che sai sui tuoi visitatori per ridurre al minimo le loro opzioni e concentrare la loro attenzione sui tuoi prodotti. Mostra solo il testo e gli elementi visivi su cui vuoi che agiscano.
Siti Web per applicazioni mobili—come Pocket-fare un ottimo lavoro con questo. Si concentrano sulla spiegazione dell’app, includono forti inviti all’azione per installarlo. I contenuti meno importanti, come la loro sezione About e il loro blog sono meno prominenti e sono collegati nel piè di pagina.
5 Non aver paura degli spazi bianchi.
Lo spazio bianco è semplicemente spazio vuoto su una pagina. Non deve essere in realtà bianco-deve solo non contenere testo o immagini. Se fatto bene, può migliorare la leggibilità e rimuovere l’ingombro dal design del tuo sito web. Lo spazio bianco può anche aiutare la messa a fuoco e l’attenzione diretta. Esso fornisce un modo per separare le caratteristiche e le idee in modo che i visitatori possono discernere esattamente ciò che si desidera loro di vedere in una rapida occhiata, piuttosto che dover ordinare visivamente attraverso un layout rumoroso e affollato.
Google è l’ultimo esempio di utilizzo di spazi bianchi. Non potrebbe essere più pulito-solo una pagina vuota con un logo e una casella di ricerca.
6 Migliora il design del tuo sito web con colori accattivanti.
Scegli un colore che fornirà le fondamenta dell’intero design del tuo sito Web, quindi scegli un colore accento contrastante per pulsanti importanti e altri elementi dell’interfaccia. Puoi saperne di più sulla scelta della tavolozza dei colori giusta per il tuo marchio.
Whole Foods Market utilizza il verde per il colore del marchio primario, e i piccoli pop dell’arancione secondario attirano l’attenzione verso le chiamate all’azione.
7 Incorpora caratteri attraenti e di facile lettura.
Utilizza un tipo attraente visivamente bilanciato e unico per rendere il testo del tuo sito web chiaro e intrigante. Quattro font di tendenza sono Brandon Grotesque, Museo Sans, Railway e Playfair Display.
Sito web di abbigliamento per bambini belga Studio Aimee utilizza Brandon Grotesque per un’esperienza di shopping pulita e leggibile.
8 Coinvolgere gli utenti con video e immagini ricche.
I video e le immagini sono più coinvolgenti del solo testo—infatti, le pagine di destinazione con video possono aumentare le conversioni di oltre l ‘ 80%. Utilizzare immagini scalabili (SVG) per garantire un’esperienza utente di alta qualità su dispositivi desktop e mobili.
Beneficenza senza scopo di lucro: water visualizza un video sulla loro homepage, rendendolo una delle prime cose che vedi quando visiti il loro sito web per il massimo impatto.
Mantieni i visitatori impegnati con un sito Web user-friendly
Puoi avere il sito Web più attraente del mondo, ma se è difficile da usare, i tuoi visitatori non si convertiranno in clienti. Queste sette regole garantiranno al tuo pubblico un’esperienza utente fluida.
1 Rendi il tuo sito mobile-friendly.
Lo sapevate che fino al 70% del traffico web proviene da un dispositivo mobile? Ciò significa che c’è una buona probabilità che qualcuno che visita il tuo sito per la prima volta sta usando il loro smartphone. E se l’esperienza mobile è negativa, hai appena perso un cliente. Scopri perché e come rendere il tuo sito web più mobile-friendly.
L’esperienza di shopping mobile di Everlane è pulita e facile da usare. Il design include contenuti modulari, quindi è reattivo e si traduce bene sui dispositivi mobili. Il sito include anche le chiamate per scaricare l’app shopping senza farti sentire come se stessi ottenendo un’esperienza minore sul sito web.
2 Ottimizza la tua navigazione.
Più pagine qualcuno deve navigare sul tuo sito web per trovare ciò che sta cercando, più è probabile che il cliente lascerà il tuo sito per frustrazione. Infatti, per un sito web medio, 40% dei visitatori lascerà dopo aver visto solo una pagina!
Il contenuto non deve essere sepolto. Non fare in modo che i tuoi visitatori vadano a caccia di ciò per cui sono venuti. La tua navigazione dovrebbe essere ben organizzata e logica dal punto di vista dell’utente. Dovrebbe anche sembrare familiare, quindi gli utenti non hanno una curva di apprendimento ripida.
Tilde Inc. ha una semplice barra di navigazione nella parte superiore del suo sito web, con i punti importanti collegati di seguito con una breve spiegazione nella sezione “Cosa facciamo”. Questo rende facile trovare quello che stai cercando.
3 Utilizzare le chiamate all’azione per rendere le cose più facili da trovare.
Pensa a dove puoi posizionare i pulsanti in tutto il tuo sito per rendere le cose importanti più facili da trovare per i visitatori. Se sei un sito di e-commerce, avere pulsanti che dicono ” Acquista ora “avrà molto più impatto di un semplice link di navigazione; se sei un’organizzazione no-profit, un pulsante” Dona ” accanto alla barra di navigazione renderà la donazione un gioco da ragazzi per i visitatori.
Square ha un semplice invito all’azione che incoraggia gli imprenditori a iniziare a vendere. Il loro pulsante CTA legge ” Avvia un account quadrato.”Non diventa molto più facile di così.
4 Fornire agli utenti funzionalità di ricerca robuste.
Pensare a come i visitatori cercheranno il tuo sito e come verranno visualizzati i risultati è altrettanto importante. L’esperienza di ricerca dovrebbe rispecchiare la tua esperienza di navigazione con il modo in cui i risultati sono organizzati. Incorporare funzionalità come il completamento automatico renderà la ricerca più facile anche dal punto di vista dell’utente.
Zappos ha uno strumento di ricerca intelligente, che è altamente preciso e aggiorna anche i filtri sul lato sinistro in base ai termini di ricerca.
5 Interrompi il contenuto con le intestazioni di sezione.
Quando si ha a che fare con aree di contenuto pesante sul tuo sito, interrompilo con le intestazioni. Che si tratti di un articolo o di una descrizione del prodotto, le intestazioni forniscono la struttura dei contenuti e la rendono facile da scansionare.
WebMD fa un lavoro efficace di rompere il loro contenuto in blocchi digeribili con un sacco di intestazioni di sezione in modo da poter trovare le informazioni che stai cercando.
6 Parla come una persona reale.
Più gergo e marketing-parlare gli utenti devono decifrare quando visitano il tuo sito web, meno è probabile che sono di impegnarsi con il vostro marchio. Un tono amichevole e colloquiale renderà più facile per i visitatori leggere e comprendere i tuoi contenuti, oltre a navigare nel tuo sito.
Zipcar rende il loro servizio più facile da capire—e il loro sito più facile da navigare-con la loro voce di marca accomodante.
7 Conferma le azioni dei tuoi visitatori.
Se i visitatori acquistano un prodotto da voi, iscriversi a una newsletter, o anche condividere i tuoi contenuti, una buona pratica è quella di visualizzare una schermata di conferma che mostra loro la loro azione ha attraversato con successo. Non fa male usare quella schermata per ringraziarli.
TheSkimm si congratula e vi dà il benvenuto dopo l’iscrizione alla loro newsletter, con una richiesta di condivisione sui social media.
Prova il tuo sito Web prima del lancio
Ci sono sempre dei nodi che dovrai risolvere quando lanci—o rilanci—un sito web. È importante prendere il tempo per testare il tuo sito e raccogliere feedback prima che vada in diretta.
1 Condurre test di garanzia della qualità (QA).
Se hai le risorse, assumi un team di garanzia della qualità in modo che possano testare tutti gli aspetti del tuo sito. Se non puoi assumere persone specifiche per il ruolo di QA, chiedi a persone sia interne che esterne alla tua azienda di testare il tuo sito web prima del lancio. Possono fare clic su tutti i link, compilare tutti i moduli e provare tutti i servizi. Fondamentalmente, se c’è qualcosa da fare sul sito web, dovrebbero farlo. In questo modo, è possibile correggere eventuali bug prima di avviare.
2 Raccogliere il feedback degli utenti prima di spingere il vostro sito in diretta.
Invita un gruppo selezionato di beta tester per fornire un feedback su elementi come la navigazione, il design e i principali flussi di utenti. Non è possibile apportare modifiche in base a tutti i feedback ricevuti prima del lancio, ma si consiglia di tenere a mente i suggerimenti per le modifiche lungo la strada.
Creare un sito web da zero, anche se hai arruolato un’agenzia per aiutarti, non è un’impresa da poco. Abbiamo creato un pratico 3 passi per la creazione di un sito Web Design coinvolgente (PDF) lista di controllo, in modo da poter assicurarsi che si sta controllando tutti gli elementi importanti fuori dalla lista, come si va.