Esperienza utente del sito Web
Il tuo sito web è l'elemento principale per i tuoi sforzi di marketing digitale. Progettare una grande esperienza utente del sito richiede la comprensione dei problemi che i diversi visitatori devono risolvere.
Nel panorama del marketing di oggi, il tuo sito Web è diventato uno strumento più potente che mai. Il tuo sito web è un venditore 24 ore su 24, 7 giorni su 7, e in quanto tale ha il potenziale per essere il tuo asset più potente e il fulcro dei tuoi sforzi di marketing.
Tuttavia, il rapido cambiamento delle tendenze digitali può rendere il tuo sito web vecchio e obsoleto. Mentre a volte una riprogettazione potrebbe essere l'ideale, potresti non avere il tempo o i soldi per investire in un progetto così ampio. Per aiutarti a superare questa sfida, abbiamo messo insieme un elenco di 10 modi semplici per migliorare il tuo sito Web per renderlo più utile e utile.
Come migliorare un sito web
- Usa lo spazio bianco.
- Ottimizza la velocità della tua pagina.
- Utilizza attraenti inviti all'azione.
- Utilizza la differenziazione del collegamento ipertestuale.
- Segmenta le informazioni chiave con i punti elenco.
- Usa le immagini (saggiamente).
- Include titoli ben progettati e scritti.
- Mantieni coerenti le pagine del tuo sito web.
- Cattura i tuoi 404.
- Sii reattivo e ottimizzato per i dispositivi mobili.
Il tuo sito web è l'elemento principale per i tuoi sforzi di marketing digitale. Progettare una grande esperienza utente del sito richiede la comprensione dei problemi che i diversi visitatori devono risolvere.
1. Usa lo spazio bianco.
In più di un'occasione ho sentito i clienti lamentarsi che c'era troppo spazio bianco sul loro sito e che questo immobile inutilizzato dovrebbe essere usato per pubblicizzare più dei loro servizi. Tuttavia, lo spazio bianco è essenziale per un buon design. Lo spazio bianco rende più leggibile il contenuto e consente all'utente di concentrarsi sugli elementi che circondano il testo.
Secondo Crazy Egg, lo spazio bianco attorno al testo e ai titoli aumenta l'attenzione dell'utente del 20%. Lo spazio bianco può anche rendere il tuo sito web aperto, fresco e moderno e se il tuo marchio è coerente con questi, può aiutarti a comunicare quel sentimento all'utente. Uno svantaggio di spazio bianco da tenere a mente, tuttavia, è che occupa davvero spazio.
Se stai cercando di ottenere un sacco di contenuti above the fold (sopra la parte che è immediatamente visibile senza scorrere) avendo troppo spazio bianco potresti sostituire alcune informazioni preziose. La chiave è trovare l'equilibrio tra ciò che è più importante comunicare in alto e circondarlo con un po 'di spazio per evidenziare l'immagine e / o il testo.
Considera il sito web, Sara Does SEO, di Sara Dunn. Nel suo UX, c'è molto spazio bianco fin dall'inizio, attirando la tua attenzione su cosa assomiglia a Sara e cosa può fare per te. Ciò consente al lettore di focalizzare la sua attenzione sulle cose più importanti. Ogni sezione della home page fornisce anche un'intestazione chiara e alcuni punti di supporto, rendendo più facile la digestione delle informazioni.
Controlla il suo sito web qui sotto.
2. Ottimizza la velocità della tua pagina.
Una delle esperienze più frustranti per gli utenti del web è che una pagina venga caricata troppo a lungo. Con l'avvento dei dispositivi mobili, le persone accedono ai contenuti di tutto il mondo su molte piattaforme diverse. Mentre navigano online su Starbucks o mentre guardano la TV sul loro laptop, si aspettano un risultato veloce per il contenuto che vogliono.
Quando non capiscono, di solito rimbalzano. Il caricamento lento delle pagine è un'esperienza interrotta per l'utente e può essere una fonte di frustrazione e spesso gli utenti semplicemente non hanno il tempo di aspettare.
Secondo Section.io, un extra di cinque secondi di tempo di caricamento della pagina può aumentare la "frequenza di rimbalzo" del tuo sito web di oltre il 20%. Whoa.
Allora, dove vai da qui? Ottieni il tuo punteggio. Google offre un servizio gratuito in cui è possibile ottenere informazioni sulla velocità della pagina. Google ti offrirà anche alcuni suggerimenti per migliorare il tempo di caricamento su Mobile e Desktop.
Per migliorare la velocità della tua pagina, inizia comprimendo tutte le tue immagini prima di caricarle sul tuo sito web. Le dimensioni del file di immagine sono una delle principali cause di una bassa velocità della pagina: l'uso di siti web come compressor.io può aiutarti a velocizzare enormemente ogni pagina web che possiedi.
Ulteriori informazioni sulla riduzione della frequenza di rimbalzo del tuo sito Web in questo post del blog.
Un grande esempio di carico veloce è Barnes and Nobles. Indipendentemente dal dispositivo, il tuo Barnes and Nobles carica rapidamente. Presta molta cautela nel caricare alcuni elementi importanti prima di sapere che il contenuto è in arrivo. Vedi di persona.
3. Utilizzare attraenti inviti all'azione.
I tuoi clienti sono già abituati a seguire le indicazioni visive per determinare quale contenuto è importante per loro. Le chiamate alle azioni (CTA) chiaramente contrassegnate da una parola di azione consentono agli utenti del tuo sito Web di navigare più facilmente nel tuo sito e ottenere esattamente ciò che desiderano nella posizione che si aspettano di trovarlo.
Nella creazione di pulsanti per il tuo sito web dovresti pensare al colore e alla psicologia del colore. In uno studio condotto da Maxymiser, i ricercatori sono rimasti scioccati nel constatare che ha ottenuto un aumento dell'11% dei clic nell'area di pagamento del sito web di Laura Ashley, testando le variazioni di colore e i messaggi di azione. Diversi colori evocano messaggi diversi. Pensa al messaggio che vuoi evocare per un utente (fiducia, esperienza, intelligenza) e scegli saggiamente i tuoi colori.
Una seconda cosa da considerare sono le parole che usi per i tuoi pulsanti. Le parole dovrebbero includere un verbo o una parola d'azione che entusiasmano l'utente fare qualcosa. La scelta delle parole giuste o dei fattori scatenanti psicologici è fortemente determinata dal livello di identificazione emotiva che la parola richiede. Nessuna connessione emotiva significa nessuna azione. Quindi rendi le tue parole audaci, attente al tempo e orientate all'azione.
Un grande esempio del buon uso degli inviti all'azione è WUFOO. L'intera pagina dell'azienda è orientata all'azione e utilizza i pulsanti per incoraggiare l'utente a passare al passaggio successivo. Alla fine della pagina, vedrai l'uso di un linguaggio sensibile al tempo come "Registrati adesso" e un linguaggio orientato all'azione come "Inizia". Queste sono parole d'azione attive che spingono e guidano l'utente ad andare avanti.
4. Utilizzare la differenziazione del collegamento ipertestuale.
Quando aggiungi un link a qualsiasi pagina, stai dicendo che vuoi che l'utente faccia clic qui. Assicurati che i link siano facilmente identificabili da segnali visivi. Testo sottolineato e testo di colore diverso attira l'attenzione del lettore e fa sapere a lui che questo è un link su cui fare clic.
In uno studio fatto da Karyn Graves, mostra che il normale utente web vede il testo blu e sottolineato come link e sa di cliccarci sopra. Sfruttare le aspettative degli utenti e ciò che già sanno sull'uso del web equivale al successo.
Quando si tratta di differenziazione dei collegamenti ipertestuali, non è necessario reinventare la ruota. Attenersi alle convenzioni può essere il tuo miglior alleato qui. Un modo semplice per verificare l'efficacia dei collegamenti consiste nell'appannare e rimuovere il colore dal disegno e vedere ciò che risalta.
Quando si esegue il collegamento ipertestuale, fermarsi anche a pensare alla lunghezza del collegamento ipertestuale. Più lunghi sono i titoli dei collegamenti, più è facile identificarli. Ad esempio: "Per verificare il sito Web GE fare clic Qui". vs. "Controlla qui il sito Web GE."
5. Segmenta le informazioni chiave con i punti elenco.
I punti elenco consentono all'utente di ottenere rapidamente tutte le informazioni desiderate: vantaggi, modalità di risoluzione dei problemi e caratteristiche chiave di un prodotto / servizio – tutto in un breve lasso di tempo. Ciò renderà le tue proposte più attraenti e consentirà al tuo utente di ottenere tutte le informazioni di cui ha bisogno. Inoltre, non è necessario seguire la rotta tradizionale con un semplice cerchio.
Con tantissime fantastiche icone là fuori, puoi anche essere creativo con il tuo proiettile e aiutare il lettore con immagini che rappresentano il tuo punto. Perché questo? Perché ti costringe a isolare i punti più importanti che stai cercando di fare senza essere intrappolati in termini o termini specifici.
Un grande esempio di proiettili non convenzionali viene da One.org. In questa pagina, usano icone come punti elenco per evidenziare i loro risultati in un modo che è facile da leggere. Inoltre, nota lo spazio bianco che circonda i proiettili che ti consentono di concentrarti su ciascuna sezione.
6. Usa le immagini (saggiamente).
Le persone su Internet stanno diventando più intelligenti e più veloci nel giudicare i siti web delle aziende prima di decidere se vogliono esplorare ulteriormente il sito. Quando visitano il tuo sito per la prima volta, possono facilmente scegliere una foto generica che hanno già visto altrove o che assomiglia allo stile non personale della fotografia d'archivio. L'uso della fotografia d'archivio può ridurre la fiducia e risaltare come generico e non unico. Sfortunatamente, queste associazioni si trasferiscono anche alla tua attività.
In un caso di studio realizzato da Spectrum, Inc. di Harrington Movers, una società mobile del New Jersey e di New York, sono stati in grado di aumentare la conversione su una pagina semplicemente sostituendo una foto stock con l'immagine dell'effettivo team di mover. Hanno ottenuto lo stesso aumento di conversione e fiducia nella pagina aggiungendo un'immagine del loro camion in movimento reale rispetto alla foto di archivio. (Leggi lo studio completo qui.)
Linea di fondo? Mentre la fotografia d'archivio può essere di alta qualità, non riesce a creare una connessione tra l'utente e il marchio.
In definitiva, nessuna fotografia di stock sarà in grado di trasmettere il tuo marchio, servizi e prodotti nel modo desiderato. Solo le tue immagini reali possono farlo pur parlando chiaramente al tuo potenziale cliente. Usa le immagini in modo strategico e inseriscile nel tuo sito Web per supportare i contenuti e concedi agli utenti un'interruzione visiva dal testo, ma assicurati che siano pertinenti e non generici.
Dai un'occhiata a questa infografica sulle immagini reali rispetto alla fotografia d'archivio.
7. Includere intestazioni ben progettate e scritte.
I tuoi titoli e contenuti dovrebbero essere guidati da ciò che i tuoi potenziali clienti stanno cercando. Anche le parole chiave incluse nel tuo titolo sono molto importanti per indirizzare il tuo messaggio e attirare il pubblico giusto.
I motori di ricerca tipicamente danno più peso ai titoli rispetto ad altri contenuti, quindi scegliere la giusta direzione e farla risaltare può migliorare significativamente la tua capacità di ricerca. Ma ancora più importante, le intestazioni guidano il tuo utente attraverso il sito, facilitando la scansione e la ricerca di contenuti che parlino direttamente con loro.
Un grande esempio di titoli ben progettati con contenuti coerenti proviene da Tilde. Qui puoi vedere che i titoli si distinguono per dimensioni e colore e descrivono accuratamente il contenuto che segue.
8. Mantieni coerenti le pagine del tuo sito web.
Coerenza significa far coincidere tutto. Dimensioni delle intestazioni, scelte dei caratteri, colorazione, stili dei pulsanti, spaziatura, elementi di design, stili di illustrazioni, scelte di foto: è il nome. Tutto dovrebbe essere a tema per rendere il tuo design coerente tra le pagine e sulla stessa pagina.
Per offrire ai tuoi utenti un'esperienza meravigliosa mentre navigano nel tuo sito, è importante che sappiano di essere ancora nel tuo sito web. Cambiamenti drastici del design da una pagina all'altra possono portare l'utente a sentirsi perso e confuso ea perdere la fiducia nel proprio sito.
"Sono nel posto giusto?" È una domanda che spesso mi trovo a chiedere quando si naviga attraverso siti incoerenti, e quando lo faccio, di solito finisco per andarmene. Le incoerenze nel design riducono la qualità dei prodotti e dei servizi che stai fornendo, secondo l'utente.
Winshape Foundation è un ottimo esempio di design coerente. Tutte le pagine seguono uno schema comune: navigazione a destra, intestazione grande, intestazione secondaria con un'immagine di sfondo e alcuni contenuti di seguito. So che non importa dove clicco, sono ancora sul loro sito web, come tutti i loro stili sono coerenti. Controllalo qui.
9. Cattura i tuoi 404.
Mentre i motori di ricerca non ti puniscono severamente per errori soft 404 (pagina non trovata), un utente lo farà. Quando un utente si avvicina a un link o un'immagine, si aspetta che questo link li porti al prossimo luogo in cui vogliono andare.
In poche parole, incontrare una pagina di errore 404 infastidisce il tuo utente e fa in modo che ripaghino il tempo trascorso sul tuo sito web (quando probabilmente potrebbero andare altrove per una soluzione più veloce). Oltre a rallentare il tempo di caricamento della pagina, l'esecuzione in 404s è un altro evento altamente frustrante per un utente e interrompe completamente il loro viaggio attraverso il tuo sito web.
Per verificare se hai 404s puoi configurare gli strumenti per i webmaster di Google sul tuo sito web e controllare gli errori di scansione. Ecco come. Puoi anche usare questo correttore 404 gratuito.
Come risorsa aggiuntiva, puoi anche assicurarti che quando il tuo utente atterra su un 404 gli offre l'opzione di tornare in pista. Dai un'occhiata a questi fantastici esempi di 404 pagine.
10. Sii reattivo e ottimizzato per i dispositivi mobili.
Le tecnologie sono avanzate per soddisfare le nostre esigenze di mobilità. I siti Web sono anche una parte significativa di questa evoluzione. È fondamentale che il tuo sito web sia ottimizzato per dispositivi mobili e di facile navigazione, indipendentemente dal tipo di dispositivo utilizzato per accedervi.
Recentemente, Google ha iniziato a penalizzare i siti che non sono ottimizzati per i dispositivi mobili, rendendo ancora più cruciale la necessità di una reattività. Questo è probabilmente il modo più prezioso in cui puoi migliorare l'usabilità del tuo sito web. Se non sei sicuro che il tuo sito web sia mobile, puoi utilizzare questo strumento gratuito.
Spero che questi suggerimenti ti abbiano dato alcune idee su come rinnovare il tuo sito web per essere più user friendly senza sborsare i dollari per una riprogettazione completa. Per vedere altri esempi di siti web utili, consulta la nostra guida gratuita qui sotto.
