Allora, sei pronto a fare il grande passo e a progettare un sito per te stesso, per la tua attività o per qualche altra cosa meravigliosa che adori, ma non hai idea di come si faccia? Vuoi portare i siti dei tuoi clienti a livelli vertiginosi di traffico? Hai bisogno di un web design accattivante da mettere in evidenza nel tuo portafoglio di design online? Siamo qui per aiutarti! Dai un’occhiata alla nostra lista di 26 consigli indispensabili per il design dei siti web, per migliorare l’aspetto e l’esperienza d’uso dei tuoi siti e invogliare i visitatori a cliccare! Cominciamo.
Inizia con uno schizzo di massima
Un buon web design raramente parte dal codice. Buttarsi a capofitto nel vivo di un progetto è in realtà controproducente per il risultato finale! La cosa giusta da fare è invece iniziare a creare i wireframe.
Prendi un foglio di carta e una penna (una matita è ancora meglio, perché si può cancellare) e abbozza una bozza di layout per il design del tuo sito web. Decidi dove vuoi posizionare gli elementi prima ancora di inizio progettare qualsiasi cosa in uno spazio digitale. Si potrebbe obiettare che sia controintuitivo, ma ci si sbaglierebbe: Il design thinking è fondamentale al successo della tua pagina. Inserirlo nella tua pianificazione può migliorare i risultati di ogni progetto creativo che realizzi.
Tenete presente la velocità di carico
Stai visitando un sito web e — ah, che seccatura! — ci mette per sempre per far caricare qualsiasi cosa. Un buon design del sito web prevede che i dati vengano forniti rapidamente ai visitatori. Nessuno resterà sul sito se ogni immagine impiega tre minuti a caricarsi.
Allora, come si può ridurre il tempo di caricamento a un livello ragionevole? Scegliere il giusto host per il proprio sito può fare la differenza. Hai poco tempo? Scegli un servizio facile da usare costruttore di siti web che dà priorità alla velocità di caricamento.
Inoltre, assicurati di limitare la presenza di elementi di grandi dimensioni nel design del tuo sito web. Il numero di immagini o video visualizzati (soprattutto a risoluzioni elevate) può influire notevolmente sul tempo impiegato dagli utenti per scaricare tali dati.
Pensa prima di tutto al mobile
Tra tutti i consigli sulla progettazione di siti web contenuti in questo articolo, questo è forse il più importante. Una pagina responsive e ottimizzata per i dispositivi mobili è indispensabile nella progettazione di siti web moderni. Oltre a Il 50% del traffico web proviene ora da dispositivi mobili! Assicurati che ogni elemento del tuo sito sia responsive e si adatti correttamente a qualsiasi risoluzione. Dovresti inoltre assicurarti di scegliere un piattaforma che ottimizza le tue immagini per i dispositivi mobili.
C’è molto altro ancora, ma lasciamo a voi il compito di approfondire l’argomento in molti modi in cui progettazione per dispositivi mobili può essere utilizzato con successo sulla tua pagina.
Impara un po' di progettazione UI/UX
Una cosa è certa: una buona esperienza utente attirerà i visitatori e farà una differenza enorme nel design del tuo sito web. Se gli utenti ritengono che il tuo sito sia facile da usare e da navigare, oltre che visivamente accattivante, allora sei sulla buona strada per ottenere tantissimi clic e visualizzazioni (e fantastici, fantastici guadagni!). Per ulteriori consigli su come ottimizzare l’esperienza utente, dai un’occhiata alla nostra guida su Come diventare un ottimo designer UX.
Definire una gerarchia visiva
La posizione degli elementi nel design del tuo sito web è estremamente importante. Gli esseri umani sono creature visive, e presentare loro le informazioni in modo che possano assimilarle facilmente è fondamentale per catturare la loro attenzione e garantire che ricordino i dati che state presentando loro.
Ad esempio, se inserisci un video di grandi dimensioni nella parte superiore di una pagina, puoi stare certo che tutti gli utenti lo vedranno. Ma cosa succede se sotto di esso inserisci un link “Acquista ora” con caratteri da 12 punti? La probabilità che gli utenti non si accorgano nemmeno del link è piuttosto alta. Quando leggiamo, i nostri occhi seguono un determinato percorso, e l’obiettivo è guidarli con contenuti ben posizionati, indirizzando lo sguardo in modo naturale.
Trova titoli che davvero Lavoro Per voi
Uno dei migliori consigli per la progettazione di siti web che possiamo darvi? Non sottovalutate il potere di un titolo o di un sottotitolo efficace. Questi elementi possono catturare l’attenzione e coinvolgere gli utenti, senza dover ricorrere a grafica appariscente o file video. Un titolo o un sottotitolo formulato male rappresenta un’occasione persa per suscitare interesse.
Devi assicurarti che il titolo sia descrittivo. Ad esempio, “Rossetti esclusivi consegnati direttamente a casa tua” è un titolo molto più efficace di “Scopri il nostro prodotto speciale”. Indica all’utente esattamente cosa stai vendendo e come gli verrà consegnato! Non solo è più chiaro per l’utente di cosa tratta l’articolo, ma può anche aumentare drasticamente migliora il tuo punteggio SEO.
C'è questo interessante concetto psicologico chiamato Legge di Hick, secondo cui più opzioni vengono presentate a una persona, più tempo ci vorrà perché prenda una decisione. Questo principio può essere sfruttato a proprio vantaggio nella progettazione di siti web, consentendo di massimizzare i tassi di conversione grazie ad alcuni piccoli accorgimenti psicologici. (Si parla di "conversioni" quando si trasformano i visitatori in clienti.) Anziché sommergere il visitatore con una miriade di opzioni, riduci i contenuti del tuo sito e presenta solo lo stretto necessario per comunicare il tuo messaggio. Questo è un buon web design!
Basta dare un’occhiata a Twitter o Facebook per capire come la legge di Hick possa giocare a tuo favore… e potenzialmente generare un bel po’ di entrate. Non riesci a trovare il modo di snellire la tua pagina? Potresti provare le seguenti strategie:
- Ridurre a uno il numero di obiettivi per ogni pagina.
- Non visualizzare le icone relative a cose che non sono poi così importanti (se non usi Twitter più di una volta all’anno, perché includerlo nella tua pagina?).
- Rendete i moduli il più semplici possibile.
- Semplifica le opzioni del menu.
- Se hai 500 articoli in vendita, prova a ridurre la selezione a 50. Potresti proporre i tuoi prodotti a cicli, il che contribuisce a creare l'illusione della scarsità e li rende più allettanti per gli acquirenti.
Attenzione alla piega
Tra i consigli per la progettazione di siti web che devi tenere a mente, questo è estremamente importante. Il "fold" è la prima parte di un sito web che il visitatore vede prima di dover scorrere la pagina. Potrebbe essere l'elemento più importante dell'intero design del tuo sito web.
Assicurati che il titolo e qualsiasi invito all’azione (CTA) pertinente si trovino all’interno di quest’area, perché è il primo punto in cui potrai davvero generare clic (e quindi traffico), quindi devi sfruttarlo al meglio! (Una call to action, tra l’altro, è un testo pensato per spingere il visitatore ad agire e, idealmente, ad acquistare.)
Distanziare i CTA
Un buon design del sito web dovrebbe comunque includere ulteriori inviti all'azione (CTA) in altre parti della pagina; non tutti i visitatori, infatti, subito agire. Il tuo obiettivo è convincerli a compiere una scelta, e questo spesso avviene al di sotto della linea di piegatura. Come regola generale, se nella zona sopra la linea di piegatura è presente un pulsante che invita all’azione, dovresti proporre la stessa azione in almeno un’altra zona della pagina al di sotto della linea di piegatura.
Ricorda: più alto è, meglio è
Se hai molte informazioni da presentare ai visitatori, avrai bisogno di molto spazio per inserirle nel design del tuo sito web. Presentare tutti questi dettagli in una pagina lunga da scorrere può rivelarsi molto più vantaggioso di quanto potresti immaginare. Ci sono stati studi che dimostrano che i tassi di conversione aumentano fino al 30% quando ci sono più dati da scorrere.
Non complicare le cose
Vuoi che gli utenti apprezzino i tuoi contenuti. Ma devi evitare di sommergerli con troppi molto Contenuto. Parte del processo di progettazione di un sito web consiste nel sapere cosa mostrare ai visitatori. Concentrati su un approccio “less is more” e fornisci loro un dettaglio alla volta. Vendi loro un libro, non una collana. Dedica attenzione individuale a ogni articolo e lascia che siano i visitatori a scoprirlo ed esplorarlo da soli. Saranno più coinvolti e, di conseguenza, molto più propensi a prendere una decisione.
Più il tuo sito è semplice, migliori saranno le sue prestazioni. La complessità fa paura!
Abbraccia lo spazio bianco
La gente detesta il disordine. Cosa significa questo per il design del tuo sito web? Usa gli spazi bianchi. Un ampio margine tra i paragrafi permette al testo di “respirare” e ne facilita la lettura. È uno dei fattori trainanti alla base della tendenza moderna che vede pagine web più alte che utilizzano layout a colonna singola, ed è un’ottima tecnica per attirare traffico in modo efficace.
Non ignorare gli standard
Online c'è molta ripetitività. Un buon web design si basa sugli standard: questo perché funzionano. Più un sito diventa visivamente complesso, meno risulta accattivante. Layout strani e insoliti allontanano gli utenti, che probabilmente non avranno idea di come interagire con il design del tuo sito web. Sfrutta gli standard a tuo vantaggio e progetta in modo creativo entro quei limiti, piuttosto che cercare di reinventare la ruota e perdere visitatori.
Utilizza foto di persone
Non appena pubblichi sul tuo sito foto originali e di qualità, ne aumenti il potenziale di conversione. Ciò è particolarmente vero quando metti in evidenza gli esseri umani piuttosto che gli oggetti o i luoghi. Fatti scattare delle immagini di qualità (o scattale tu stesso) e usale come sfondi a schermo intero per dare un tocco di classe: vedrai che presto ne seguirà un aumento significativo dei clic (e degli acquisti!). Se hai un budget limitato, utilizza solo siti di foto d’archivio che offrono immagini di alta qualità e dall’aspetto naturale, in modo da evitare quel temuto effetto artificiale tipico di molte foto d’archivio.
Utilizza gli elementi visivi nelle tue foto
Di migliora le tue foto, potrai migliorare notevolmente la qualità e le prestazioni dei progetti del tuo sito web. Ad esempio, invece di utilizzare una foto in cui una persona guarda dritto verso il visitatore, prova a inserire un’immagine in cui la persona guarda con discrezione verso il tuo invito all’azione. Questo tipo di accostamenti fotografici ben studiati potrebbe aumentare i tuoi tassi di conversione.
Scegli con attenzione i tuoi link
Hai creato il miglior design del tuo sito web di sempre e sei pronto a iniziare ad aggiungere link nei contenuti? Fai attenzione a dove li inserisci e a come funzionano. Evita di inserire link che possano distogliere l’attenzione dei visitatori dal tuo sito. Non inserire link che li reindirizzino verso siti in cui finiranno per perdersi (come Facebook o Pinterest). Il punto fondamentale è che, se devi includere dei link, questi dovrebbero essere significativi per il tuo sito e non costituire una distrazione.
Evita i falsi fondi
Quando si assegna uno sfondo scuro a una singola sezione, gli utenti penseranno che si tratti di un piè di pagina. I web designer chiamano questo fenomeno “falso piè di pagina” — ed è proprio così non un buon web design. Se gli utenti pensano che si tratti di un piè di pagina, smetteranno di esplorare la tua pagina (o, peggio ancora, se ne andranno del tutto!).
Se devi inserire sezioni a schermo intero all'interno di aree a scorrimento della tua pagina, evita di renderle troppo più scure rispetto al contenuto principale e assicurati che catturino l'attenzione dell'utente.
Lasciate perdere le giostre
Non concentrarti sugli slider o sui caroselli di immagini. È una pratica scorretta perché solitamente gli utenti vedono solo la prima immagine; le altre vengono ignorate. Anziché strutturare il design del tuo sito web in questo modo, ti consigliamo di utilizzare un'immagine hero a tutta pagina o di disporre le immagini in verticale, in modo da invogliare gli utenti a scorrere di più (aumentando così il tuo tasso di conversione).
Ridurre il numero di schede aperte
Le schede sono in genere una funzionalità poco attraente di un sito. La maggior parte di noi legge i contenuti a scansione e, ammettiamolo: vi sarà capitato di visitare siti senza nemmeno accorgervi che ci fossero erano le schede. Di solito non fanno altro che nascondere i contenuti. Fai uscire i contenuti dall’ombra e rendili visibili nel corpo della pagina. Non solo incoraggerai gli utenti a interagire con i tuoi dati, ma sarà anche una scelta di web design ben riuscita.
Rimuovere le icone dei social dall'intestazione
Quando impari a progettare un sito web, potresti rimanere sorpreso nello scoprire che in realtà non è una buona pratica inserire le icone dei social network nell’intestazione. Quando inserisci quelle icone lì, invogli gli utenti ad abbandonare il tuo sito e a perdersi invece nei social media!
Peggio ancora, se non pubblichi regolarmente contenuti sui siti a cui rimandi, il visitatore non riceverà informazioni aggiornate e perderà rapidamente interesse per ciò che offri. Invece di inserire le icone nell'intestazione, inseriscile nel piè di pagina.
Elimina espressioni gergali e termini tecnici
Quando sommergi i visitatori con termini tecnici del settore, finisci per sembrare uno spot pubblicitario e rischi di allontanare il traffico. Un buon web design si basa su parole semplici che tutti possono capire; concentrati sul mantenere quel livello di leggibilità e migliorerai notevolmente l'usabilità. Stai cercando di attirare i clienti, non un consiglio di amministrazione.
Sfrutta il testo a tuo vantaggio
Se pensi che “la gente non voglia tutti quei dettagli”, hai ragione solo a metà. Anche se dovresti evitare di sommergere i visitatori con interminabili blocchi di testo, il design del tuo sito web dovrebbe lasciare spazio a descrizioni dettagliate delle tue offerte. Le didascalie sotto le foto, ad esempio, possono spiegare agli utenti cosa stanno guardando.
Tieni conto dell'ordine della lista
Quando inserite degli elenchi nei contenuti, prestate molta attenzione a come vengono presentati. Per quanto riguarda gli elenchi, i web designer sanno bene che la prima e l’ultima voce dell’elenco dovrebbero sempre contenere le informazioni più importanti. Quelle situate al centro sono le meno visibili e, di conseguenza, le meno lette. È un dettaglio minore, ma può avere un impatto significativo su quali informazioni vengono ricordate.
Posizionare i loghi a sinistra
La prima cosa che l'utente deve vedere è la tua identità, quindi nel web design è prassi comune assicurarsi che il logo sia visualizzato in alto a sinistra o in alto al centro. A logo ben progettato e di grande impatto visivo fa sì che il marchio rimanga impresso nella mente dei visitatori.
Rispondere alle domande dei clienti
Le persone avranno delle domande: puoi starne certo. Assicurati che il design del tuo sito web includa una sezione dedicata alle domande dei clienti (ad esempio una sezione "Domande frequenti") o un modulo di contatto che consenta agli utenti di contattarti direttamente.
Condividi le vittorie
Il servizio o il prodotto ha ricevuto commenti e feedback da utenti reali? Condividili con il mondo! Inserisci le testimonianze dei clienti nel design del tuo sito web. Questo darà alle persone la sensazione che questa azienda sia rispettata e che valga la pena dedicare tempo e denaro ai suoi servizi.
Semplificare i moduli di registrazione
A nessuno su questo pianeta piacciono i moduli di registrazione lunghi. Se devi inserire un modulo di registrazione nel tuo sito web, cerca di renderlo il più breve e semplice possibile. Indirizzo e-mail, nome utente, password: fatto. L’ideale è limitare i campi da compilare a tre o quattro. In ogni caso, raramente ne servono di più, e la mancanza di complicazioni aumenterà esponenzialmente le conversioni.
Mostrate il vostro lavoro
Ora che sai come progettare un sito web e hai alcuni consigli utili su cosa distingue un buon web design da uno scadente, puoi iniziare a realizzare siti eccezionali in grado di attirare moltissimi visitatori! È importante mettere in evidenza i tuoi migliori progetti di siti web nel tuo portfolio online. Non ne hai ancora uno? Usa un sito web di portfolio online generatore per crearne uno bellissimo in pochi minuti. Scegline uno che offra un prova gratuita per assicurarti che abbia tutte le funzionalità di cui hai bisogno, e anche alcune modelli cool che corrispondono alle tue identità del marchio.
Non perdetevi nemmeno altre fantastiche funzionalità come, ad esempio, una blog integrato—così potrai condividere i tuoi migliori consigli sul web design con la tua comunità—e un app per dispositivi mobili, permettendoti di aggiornare il tuo portfolio ovunque ti trovi.
Non vediamo l'ora di vedere cosa creerete!
Avete bisogno di altre ispirazioni per progetti di design?
Migliora il tuo design con questi 4 spunti di Wade Jeffree
8 progetti di design grafico per curare il blocco creativo
34 siti dove trovare i migliori font gratuiti
