Ecco cosa devi sapere sulla creazione di un sito web “user-friendly”.
Negli ultimi anni, la facilità d’uso o usabilità è diventata un fattore cruciale nel determinare il successo di un sito web. Con la concorrenza che diventa sempre più intensa di minuto in minuto, i tuoi potenziali clienti passeranno rapidamente a un altro sito se non trovano il tuo sito web facile da usare.
Il tasso di conversione del tuo sito web può aumentare dal 200% al 400% con un’interfaccia ben progettata, mentre puoi ottenere un ritorno di $ 100 per ogni dollaro che la tua azienda investe nell’esperienza utente del tuo sito web. Ciò non dovrebbe sorprendere poiché quasi il 95% degli utenti ritiene che un’esperienza utente positiva sia il fattore più critico che stanno cercando in un sito web. In altre parole, l’unico modo per sopravvivere alla concorrenza è rendere il tuo sito web più user-friendly.
Ecco cinque fattori che costituiscono le caratteristiche di un sito web user-friendly:
1 Design reattivo per dispositivi mobili
Un sito Web reattivo cambia automaticamente per adattarsi al dispositivo su cui lo stai leggendo, ad esempio un cellulare, un tablet o un laptop. Poiché l’intero sito si adatta alle dimensioni dello schermo, gli utenti non devono perdere tempo a pizzicare o ingrandire. Ecco perché il 62% delle aziende che hanno progettato un sito Web appositamente per il mobile ha registrato un aumento significativo delle vendite.
Inoltre, con più della metà del traffico del sito web proveniente dai telefoni cellulari nel 2018, è probabile che tu perda metà dei tuoi potenziali clienti se il tuo sito web non è reattivo. Quindi, come procedi?
A. Ottimizzazione del layout dei contenuti
La cosa più importante da considerare è il potenziale layout del contenuto. Poiché le persone che utilizzano i telefoni cellulari hanno uno spazio sullo schermo notevolmente inferiore, devi assicurarti che il contenuto non solo si adatti, ma sia anche leggibile. Sebbene la maggior parte dei telefoni riduca automaticamente lo zoom, questa funzione può essere un po’ frustrante per gli utenti se cercano informazioni specifiche sul tuo sito web.
Quindi, dovrai spostare alcune cose come immagini e testo e anche ridurre le dimensioni del menu, specialmente se il tuo sito web ha diverse sottocategorie. Ad esempio, il sito Web della rivista Smashing ha un layout a due colonne con un menu completo su laptop o desktop.
Tuttavia, si trasforma in un layout a colonna singola con un menu nascosto sia su tablet che su dispositivo mobile. Il menu del sito Web nella versione desktop include anche etichette e icone, che facilitano la comprensione per le generazioni più anziane (che hanno maggiori probabilità di utilizzare desktop o laptop).
La navigazione fluida gioca un ruolo fondamentale nel mantenere più a lungo i potenziali clienti sul tuo sito web. Gli utenti sono impazienti. Non aspetteranno per sempre se non trovano quello che vogliono. Di conseguenza, una navigazione scadente può influire direttamente sul tasso di conversione e, di conseguenza, sui profitti. Pertanto, gli utenti dovrebbero essere in grado di accedere e navigare nel tuo sito Web senza problemi su tutti i dispositivi.
R. Meno è meglio
Quando si tratta di navigazione sul sito web, di solito meno è meglio. Quindi, riduci il più possibile il numero di link di navigazione. Non vuoi sopraffare gli utenti con troppe scelte. Offrire molti collegamenti può influire negativamente anche sulla tua SEO perché i web crawler hanno difficoltà a decifrare tali contenuti.
Quindi, assicurati di aggiungere collegamenti a parole chiave e frasi appropriate. Risolvi eventuali collegamenti interrotti il prima possibile. Se hai sostituito una vecchia pagina web con una nuova, assicurati di creare un link di reindirizzamento adeguato.
B. Troppa creatività può essere dannosa
Evita di giocare troppo con la tua creatività. Spesso è meglio attenersi all’architettura di navigazione standard. Nella speranza di distinguersi dalla massa, le persone spesso fanno un uso eccessivo dell’animazione o della grafica e finiscono per avere l’effetto esattamente opposto sugli utenti.
Tuttavia, è auspicabile incorporare le ultime tendenze di navigazione nel tuo sito web. Ad esempio, il 2017 ha visto un aumento sostanziale delle barre di navigazione appiccicose, dei mega menu e dei menu secondari di navigazione reattivi, tra gli altri. L’utilizzo di una qualsiasi di queste funzionalità nel tuo sito web è probabilmente una buona idea.
Il sito Web del San Francisco Museum of Modern Art è forse la migliore combinazione di navigazione semplice e grafica straordinaria. Il menu principale semplice ma elegante fornisce collegamenti a tutti gli elementi essenziali tra cui mostre, progetti, opere d’arte in primo piano, dettagli sui biglietti, orari di visita e iscrizione.
Non è necessario scorrere verso il basso la home page per vedere tutti questi collegamenti. Invece di testo e immagini, hanno utilizzato video che ti fanno sentire come se fossi nel museo.
Hanno anche mantenuto intatta la struttura di navigazione intuitiva in tutto il sito. Sia che tu stia controllando le opere d’arte o i progetti, non ti sentirai mai perso. Il sito web comunica la complessità dell’arte e dei dipinti in un modo relativamente semplice, proprio come la gente comune vorrebbe viverla.
3 Sito Web a caricamento rapido
Tutti sanno che la velocità del sito web è importante. Ma quanto veloce deve essere il tuo sito web è oggetto di dibattito. Secondo un recente studio pubblicato da Google, un secondo è il tempo ideale di caricamento della pagina web. Tuttavia, se sono necessari fino a tre secondi per caricare il tuo sito Web, stai comunque andando bene poiché la frequenza di rimbalzo non supera il 32%. Tuttavia, se il tempo di caricamento aumenta ulteriormente, diciamo fino a cinque secondi, la frequenza di rimbalzo sarà del 90%, mentre un ritardo di dieci secondi porta a un aumento del 123%.
Da qualche tempo Google offre un trattamento preferenziale ai siti Web a caricamento rapido. Tuttavia, era limitato ai soli personal computer. Tuttavia, con l’aumento del traffico web sui telefoni cellulari, Google ha deciso di rendere la velocità delle pagine un fattore di ranking per le ricerche da dispositivi mobili a partire da luglio 2018. Pertanto, la velocità di caricamento del sito deve essere la più elevata possibile.
A. Identificare il tempo di caricamento per ciascun elemento
La prima cosa che devi fare è scoprire quanto tempo ci vuole per caricare diverse parti di ogni pagina web sul tuo sito web. Sebbene sia possibile utilizzare strumenti di analisi della velocità come WebPageTest o Pingdom, non sono sufficienti.
Per vedere la velocità di caricamento di ciascun elemento del tuo sito, puoi fare clic con il pulsante destro del mouse sulla pagina che desideri analizzare, fare clic su “Ispeziona”, quindi fare clic sulla scheda “Rete”. Puoi farlo su qualsiasi browser. Ad esempio, il caricamento il tempo per vari elementi sulla pagina Web http://www.instantshift.com/category/web-design/ nel browser Firefox è illustrato di seguito.Questa analisi ti fornirà i dati per identificare l’elemento di caricamento lento su ogni pagina web.
B. Ridurre il numero di richieste HTTP
Ti mostrerà anche quante richieste HTTP fa il tuo sito. Ridurre il numero di richieste HTTP è un ottimo modo per migliorarne la velocità. Identificare ed eliminare eventuali immagini, testi o grafici non necessari.
Altri passaggi per migliorare la velocità includono l’utilizzo di una rete di distribuzione dei contenuti (CDN), l’utilizzo di un dominio senza cookie supportato da una CDN per ospitare i file statici, la minimizzazione e la combinazione dei file HTML, CSS e JavaScript, l’installazione di Google PageSpeed sul server e differire il caricamento di JavaScript, tra le altre cose.
4 Uso equilibrato di elementi visivi e testo
Sia il testo che le immagini sono fattori critici di un sito web. Tuttavia, il tuo sito non può attirare più traffico web senza trovare il giusto equilibrio tra questi due elementi. In altre parole, la grafica non deve sovrastare il testo e viceversa.
R. Ricordiamo facilmente le immagini
Il cervello umano, tuttavia, tende a ricordare le immagini meglio e più a lungo. Infatti, le persone possono richiamare il 65% delle immagini quasi tre giorni dopo rispetto al 10% dei contenuti testuali nello stesso periodo. I tuoi contenuti possono generare fino al 94% di visualizzazioni in più se aggiungi elementi visivi e grafici accattivanti.
Inoltre, i contenuti visivi virali (video, GIF e immagini) possono generare più collegamenti in entrata. Inoltre, un numero crescente di persone accede al web dai propri dispositivi mobili, in particolare le giovani generazioni. Usare più elementi visivi ha senso perché guardare un video è molto più semplice rispetto alla lettura di un lungo paragrafo su un dispositivo mobile.
B. Le immagini hanno un costo
C’è un problema però. Più video, grafica e immagini ad alta definizione significano che il tuo sito web si caricherà più lentamente. Come accennato nel punto precedente, i siti Web a caricamento più lento portano a frequenze di rimbalzo più elevate. Anche i motori di ricerca hanno difficoltà a riconoscere le immagini rispetto al testo. Un modo per ovviare a questo problema è aggiungere alle immagini un “Alt Text” appropriato.
Quando utilizzi “Alt Text”, concentrati non solo sul targeting per parole chiave, ma anche sull’intento dell’utente. Ad esempio, dai un’occhiata alla seguente immagine. Potrebbe significare una varietà di cose. Puoi percepire questa immagine come un segno di felicità o motivazione o anche un senso di realizzazione.
Quindi, se il tuo sito web si occupa di qualcosa come il successo personale o professionale, menzionare “modi per raggiungere il tuo obiettivo” nel tuo “testo alternativo” è molto meglio che dire semplicemente “una ragazza che salta al punto del tramonto”.
D’altra parte, un sito web sulla depressione e la consulenza dovrebbe utilizzare qualcosa sulla falsariga di “superare la depressione con la felicità intrinseca”. Tuttavia, evita di esagerare con la descrizione. Non dovrebbe sembrare innaturale poiché ai motori di ricerca non piace il riempimento di parole chiave. Usa una descrizione pertinente e significativa.
C. Funziona anche l’equilibrio asimmetrico tra elementi visivi e testo
Tuttavia, il bilanciamento visivo e del testo non dovrebbe necessariamente essere simmetrico. Puoi disporre questi due elementi in modo asimmetrico, soprattutto se intendi dare un aspetto più informale, moderno o rilassato al tuo web design.
La home page di Dropbox è un esempio di layout asimmetrico di testo e immagini. Porta immediatamente l’attenzione dell’utente sui punti focali. Ma né le immagini né il testo sembrano superarsi a vicenda.
Seedlip, un’azienda che vende liquori analcolici distillati, fa ampio uso di spazi bianchi, caratteri in grassetto e testo semplice ove possibile. È il giusto equilibrio tra testo e immagini che ha lo scopo di servire bene il loro pubblico di destinazione.
5 Gestione corretta degli errori
Nonostante si prendano tutte le precauzioni, le cose possono ancora andare storte, con conseguenti errori del sito web. Anche se non puoi evitare del tutto questi errori poco propizi, puoi sicuramente abbracciarli con grazia. I tuoi potenziali clienti si sentono già irritati dopo aver incontrato una pagina web errata. Perché strofinare il sale sulla loro ferita con un messaggio di errore monotono (o addirittura fastidioso)? Purtroppo, questo aspetto del web design rimane in gran parte trascurato.
R. Sii educato
Anche se i tuoi utenti hanno digitato un nome utente o un indirizzo URL errato, evita di incolparli a tutti i costi. Al contrario, i messaggi di errore devono essere il più intuitivi possibile. Usa sempre un linguaggio educato mentre fai notare un errore. Ad esempio, invece di utilizzare un messaggio standard come “L’indirizzo e-mail inserito è errato”, Mail Chimp utilizza la seguente descrizione per la gestione degli errori.
B. Usa umorismo spensierato
Piccsy porta la gestione degli errori a un livello completamente nuovo con l’aiuto di un umorismo spensierato. Se riscontri l’errore “404 – pagina non trovata” sul loro sito Web, questo è ciò che vedrai.
Ecco un altro esempio dal famoso sito di incontri, eHarmony. È un messaggio sfacciato, ma sicuramente può farti ridere e farti soffermare un po’ di più sul sito web.
Tuttavia, evita di usare l’umorismo in ogni situazione. I tuoi utenti non apprezzeranno se il tuo sito mostra un messaggio divertente dopo aver inserito un numero di carta di credito sbagliato. Invece, usa parole che suonano appropriate quando vengono impiegate in una conversazione. Assicurati di includere un messaggio di errore umile ma chiaro nella pagina di errore. Aggiungi un link diretto alla home page o anche a una pagina web appropriata. Non far lavorare gli utenti per questo.
A voi
Con la rapida proliferazione di Internet mobile e dei social media, la creazione di un sito Web di facile utilizzo è diventata essenziale che mai. Se sei all’avanguardia nel reparto UX, godrai dei vantaggi di un aumento del traffico web e del coinvolgimento degli utenti. Si spera che la comprensione delle caratteristiche alla base di questi cinque fattori cruciali ti aiuti a creare un sito web super user-friendly. Per ottenere i migliori risultati, assicurati di implementare il maggior numero possibile dei suggerimenti di cui sopra. Se hai ancora dubbi o ami condividere idee, raccontacelo nei commenti qui sotto.