Gli utenti hanno brevi intervalli di attenzione molto brevi. Questo è probabilmente evidente solo guardando attraverso l'analisi del tuo sito web. Ciò rende più importante che mai l'implementazione di tecniche di progettazione che consentano agli utenti di eseguire la scansione e ottenere il maggior parte informazioni dal tuo sito web nel più breve tempo possibile
Il tuo compito è capire che cosa gli utenti hanno bisogno di spigolare dal design a colpo d'occhio e aiutarli a ottenere quelle informazioni, quindi forse si fermeranno a esplorare il tuo sito web. Ecco alcuni modi per farlo!
1. Pensa minimamente
Un design senza molte scelte può essere veloce e facile per l'utente. Mentre all'inizio,? Pensi minimamente? potrebbe farti pensare a uno stile di design minimale, si tratta più di snellire elementi ed effetti. (Ma anche un modello di design minimale può funzionare.)
Nel complesso, l'obiettivo è limitare il sovraccarico di informazioni e il numero di decisioni che un utente deve prendere per raggiungere l'obiettivo del progetto.
- Mantieni la navigazione semplice con una manciata di scelte.
- Usa semplici caratteri che sono facili da leggere a colpo d'occhio.
- Aumenta il contrasto tra gli elementi in modo che le chiamate all'azione siano facili da trovare.
- Per ogni pagina, o scorrere, nel disegno, attenersi a un singolo pensiero o azione.
- Le conversioni all'obiettivo - carrelli, moduli, ecc. - devono essere accessibili in qualsiasi momento.
2. Incoraggiare l'azione con il contenuto visivo
Un sito Web è un supporto visivo; sfruttare al meglio. Le immagini di forte impatto, tra cui la fotografia e i video, sono un modo semplice per attirare l'attenzione dell'utente e, se abbinato a un elemento utilizzabile, può aiutare a generare un clic immediato.
Passare dal punto A al punto B in un disegno dovrebbe essere un processo rapido. Pensaci in termini di e-commerce. Un utente vede un paio di scarpe sui social media, clicca per accedere al sito web e deve quindi essere in grado di vedere l'oggetto (o come trovarlo immediatamente) per continuare a interagire con il sito web.
Un design che risparmierà tempo mostrerebbe le scarpe con un pulsante per comprare ora. L'utente può ciò che desidera e come ottenerlo senza dover incappare in più pagine o clic. Ecco un altro suggerimento per risparmiare tempo con gli elementi visivi: utilizza la stessa immagine per promozioni off-site e on-site. Un'immagine diversa di quelle stesse scarpe potrebbe non registrarsi più rapidamente con l'utente della stessa immagine.
Funziona perché la maggior parte delle persone può elaborare un'immagine più velocemente rispetto alla lettura di parole che dicono? la stessa cosa. Un sito Web è un supporto visivo; sfruttare al meglio.
3. Spezza gli elementi complicati in pezzi
Crea una storia in modo da poter rompere un design complicato in pezzi più piccoli e più digeribili. Blocchi più piccoli o blocchi di contenuto possono essere più facilmente comprensibili, aiutando gli utenti a spostarsi da un elemento all'altro.
Prova gli elementi dell'interfaccia utente come? Leggi di più? collegamenti, blocchi in stile carta e animazione a scorrimento parallasse per creare engagement e abbattere progetti complicati.
4. Tagliare i moduli
Uno dei modi più semplici per rendere più veloce la progettazione per gli utenti è ridurre le richieste di informazioni che non sono necessarie. I moduli non devono chiedere strati di informazioni.
- Solo chiedi informazioni essenziali, come nome e indirizzo email, e segui più tardi per moduli progettati per generare lead.
- Utilizza i moduli che convalidano i dati in modo che gli utenti sappiano se hanno inserito qualcosa di sbagliato (e dove) in modo che le correzioni siano rapide e semplici.
- Riduci a icona la digitazione e utilizza i pulsanti o le caselle di controllo nei moduli, laddove applicabile. (Questo è particolarmente rapido per gli utenti mobili.)
- Non chiedere dati ripetitivi, come il tipo di carta di credito e il numero della carta di credito. (Il tipo di carta è riconoscibile dal numero.)
5. Design BTA CTA
Rendi il design veloce da usare e facile da finire con un audace richiamo all'action design che gli utenti non possono perdere.
I colori brillanti e gli elementi sovradimensionati possono aiutare gli utenti a capire immediatamente cosa devono fare con il design. Inoltre, fornisci contenuti all'interno di pulsanti che indicano agli utenti esattamente cosa fare e cosa accadrà quando fanno clic qui.
Per essere visto, un CTA dovrebbe avere un sacco di contrasto in modo che non si fonde con gli elementi circostanti e attira l'attenzione su se stesso. (E non dimenticare di assicurarti che il CTA sia facile da trovare anche sugli schermi mobili).
6. Modifica, Modifica, Modifica
A volte una buona modifica significa coinvolgere una terza persona a leggere tutto e assicurarsi che abbia senso per qualcun altro. Niente consente agli utenti di risparmiare tempo, ad esempio eseguire la dovuta diligenza prima della pubblicazione. Modifica tutto nella progettazione del sito Web e quindi modificalo di nuovo. Il design di un sito Web che salva il tempo ha una copia scritta che è facile da leggere e comprendere.
Ciò significa che le parole sono prive di errori di ortografia o errori di battitura, le frasi utilizzano la sintassi corretta, la grammatica e la struttura della frase. E tutto è organizzato in modo logico.
A volte una buona modifica significa coinvolgere una terza persona a leggere tutto e assicurarsi che abbia senso per qualcun altro. Un set di occhi in più può aiutarti a capire dove si nascondono gli errori nascosti o se il contenuto è troppo pieno di gergo per il lettore generale.
Puoi anche provare a utilizzare uno strumento come Grammarly per controllare l'ortografia e i post nel tuo CMS mentre ti prepari a pubblicare nuovi contenuti.
7. Essere coerenti
Titoli, testo del corpo e immagini dovrebbero seguire uno stile coerente. Un design coerente include elementi ripetuti, azioni e interazioni che funzionano nello stesso modo in tutto il design. Semplicemente, ciò significa che un pulsante dovrebbe sempre assomigliare a un pulsante, avere lo stesso colore e carattere, lo stesso stato di hover e lavorare allo stesso modo, indipendentemente da dove il pulsante porti l'utente.
Ripeti questa idea per ogni elemento del disegno che viene utilizzato più volte, ad esempio icone, carrello, moduli, collegamenti e pulsanti dei social media.
Essere coerente con altri elementi pure. Anche i titoli e il testo del corpo e l'uso delle immagini dovrebbero seguire uno stile coerente.(Questo è il motivo per cui la definizione di elementi e stili nel CSS e l'uso di tag appropriati è di vitale importanza).
Questa coerenza rende ogni pagina del design del tuo sito Web come se appartenesse. L'utente non deve mai indovinare o sperimentare per capire come funziona qualcosa.
Conclusione
Presto. Clic. Fatto.
Questo è probabilmente il pattern utente più comune in circolazione. Se gli utenti ci pensano o no, stanno cercando di fare le cose in fretta sul tuo sito web, finire le attività o raggiungere gli obiettivi e passare a qualcos'altro. Più il tuo progetto lavora con gli utenti per risparmiare tempo e raggiungere gli obiettivi, più sarà facile da usare.