Internet è un pasticcio aggrovigliato visivamente sovraccarico. C'è così tanto da vedere? e leggi? e comprendere, che può essere difficile trovare l'attenzione e capire cosa è importante.
Se il tuo progetto è visivamente sovraccarico, è probabile che tu stia travolgendo gli utenti e lascino il tuo sito web o la tua app. Quindi come fai a sapere se lo stai facendo? Abbiamo un elenco di segnali di allarme per te, oltre a diversi modi per eliminare parte del peso del design e renderlo più gestibile per gli utenti.
Non hai stili definiti
Stili e tavolozze sono la spina dorsale del buon design. Quando si tratta di siti Web, tutto deve essere definito nel CSS in modo che gli stili siano definiti (e utilizzati) nell'intero sito Web. (Non fare affidamento sulla memoria o sulle modifiche manuali quando si impostano gli elementi da una pagina all'altra).
Gli stili definiti includono tutto, dalla tavolozza dei caratteri (con dimensioni e uso del colore) a una tavolozza di colori, al modo in cui gli elementi, come pulsanti o collegamenti, dovrebbero apparire e funzionare nel progetto. Una mancanza di stili può sopraffare gli utenti perché spesso c'è incoerenza nel modo in cui le cose appaiono e si comportano tra le pagine, causando agli utenti di chiedersi se le cose funzionano correttamente o se hanno ottenuto le informazioni richieste con un clic precedente.
Avere definito gli stili aiuterà anche a prevenire? Esagerare? il design e apportare modifiche senza motivo. Un modello logico e coerente può aiutare gli utenti a trovare le informazioni con facilità e attenersi al design.
The Perfect Grid Book è un solido esempio di design semplice e coerente.
Tutto ha le stesse dimensioni
Non puoi avere una conversazione su stili e CSS senza parlare di gerarchia. Il tuo design ha una chiara gerarchia per il testo e altri elementi (dalle foto ai pulsanti ai collegamenti)?
La parte fondamentale di questa domanda è "chiara gerarchia". Gli stili devono essere abbastanza diversi da consentire all'utente più casuale di distinguere chiaramente tra il titolo e il testo del corpo o un pulsante o una foto. Il problema più comune in termini di utenti schiaccianti è che ogni elemento ha la stessa dimensione (o gli elementi rientrano in gruppi di un paio di dimensioni).
Le dimensioni sono molto più che larghezza e altezza o dimensione in punti per i caratteri tipografici. Quanto grandi o diversi appaiono gli oggetti quando affiancati? Il peso o le dimensioni visive sono altrettanto importanti e anche elementi di tipi diversi (ad esempio il testo accanto a una foto) devono avere pesi visivi variabili. Il colore, lo spazio e il contenuto dell'immagine possono giocare un ruolo importante nel determinare quanto grande appare qualcosa sullo schermo. Pianificare le varianze nella dimensione visiva degli elementi per creare un percorso visivo per gli utenti che aiuti a dirigere l'occhio dagli elementi più importanti sullo schermo al meno importante.
La tua frequenza di rimbalzo è davvero alta
Presti attenzione alla frequenza di rimbalzo nell'analisi dei tuoi siti web? Se il numero aumenta dopo un cambio di progettazione, potrebbe essere il risultato di un sovraccarico visivo. (Il rovescio della medaglia potrebbe essere che la ricerca e il design sono così grandi che gli utenti hanno immediatamente trovato quello che stavano cercando).
Confronta la frequenza di rimbalzo sul tempo sul sito. Idealmente, una bassa frequenza di rimbalzo e tempi lunghi sul sito sono buoni. Se quei numeri iniziano a spostarsi nell'altra direzione, potrebbe segnalare un problema.
Se gli utenti abbandonano troppo velocemente il tuo sito, approfondisci l'analisi per scoprire in che modo sono arrivati sul tuo sito e cosa stanno cercando (utilizzando modelli di clic, pagine principali e risultati di ricerca). Regola il disegno per rendere questi elementi elementi prioritari.
Gli utenti non stanno facendo clic sulle cose giuste
Mentre stai analizzando l'analisi, prendi nota di ciò che gli utenti fanno clic. I clic effettivi corrispondono ai clic desiderati? Se gli utenti non stanno facendo le cose che dovrebbero? con il design, può indicare un problema visivo. I pulsanti potrebbero non essere sufficientemente grandi o abbastanza chiari o la copia potrebbe non portare gli utenti agli opportuni inviti all'azione.
Spesso il problema è che ci sono troppe cose da fare. Immagina un sito Web con un grande invito all'azione nell'immagine dell'eroe, con un modulo di invio e-mail proprio sotto di esso e un popup che richiede informazioni sotto forma di un coupon. Cosa faresti prima clic? O chiudi il sito e vai avanti con la tua vita?
Se vuoi fare il secondo, è dalla natura travolgente del design ed è a causa di sovraccarico cognitivo, o la quantità di energia cerebrale necessaria per utilizzare il tuo sito web. Ci sono troppe scelte che arrivano troppo velocemente agli utenti per elaborarle tutte.
La soluzione è facile. Limita il numero di elementi azionabili a uno per? Schermo? al di fuori degli elementi di navigazione o del piè di pagina. Nello scenario sopra, il design potrebbe includere un invito all'azione nell'immagine dell'eroe, ma nient'altro. Il modulo di posta elettronica potrebbe vivere su un'altra pagina o sotto lo scroll come farebbe con la finestra di pop-up.
Il design è pieno di trucchi
Troppi trucchi o tendenze o elementi di design potrebbero sembrare interessanti quando lo si sta facendo, ma possono rovinare l'esperienza dell'utente. Cerca di mantenere il design in un trucco di design che offra un punto di interesse per gli utenti, ma non li sopraffa mentalmente.
Non lasciare mai che le mode o le cose che vuoi provare possano intralciare uno dei KISS - mantienilo semplice, stupido (che potrebbe essere la migliore filosofia di design di tutti i tempi).
I pattern utente non sono in realtà dei pattern
Le funzioni del tuo sito web sono comuni e ben comprese? Niente può sopraffare un utente come creare un nuovo modo di fare qualcosa. Lo scorrimento da sinistra a destra, anziché su e giù, oi pulsanti che non sembrano pulsanti sono solo un paio di esempi di pattern utente che non sono pattern. E agli utenti non piacciono.
Attenersi ai flussi, agli strumenti e alle azioni degli utenti comunemente accettati per garantire che la maggior parte dei visitatori sappia come interagire e interagire con il proprio sito. Se il progetto richiede istruzioni, probabilmente è troppo complicato.Usa icone ed elementi che sono anche ben noti. L'icona del carrello è un esempio di un elemento che ogni utente capisce e si aspetta una determinata azione.
Il menu nascosto, icona hamburger, è un esempio interessante che è iniziato come qualcosa che gli utenti non hanno capito, ma si è evoluto in un modello di utente abbastanza comune per la navigazione mobile e persino desktop. Ma non è senza polemiche, con molti designer che ancora parlano contro l'uso.
Mentre può essere divertente creare qualcosa di completamente diverso e nuovo, pensa agli obiettivi del progetto di design. Se hai bisogno che gli utenti si muovano attraverso il sito ed eseguano azioni specifiche - questo è di vitale importanza per i siti di e-commerce - i modelli di utenti comuni sono fondamentali.
Non c'è spazio bianco
Clutter è un killer del sito web. Lo spazio bianco può salvare il design e aiutare a fornire agli utenti indicazioni utili, aiutare a stabilire la gerarchia e rendere tutto più leggero e facile da capire. Semplicemente aumentando lo spazio tra le righe di testo da 1 a 1,5 righe è possibile aumentare il tempo sul sito e la leggibilità.
Lo spazio può influire sugli utenti anche in altri luoghi. Le grondaie più larghe e lo spazio tra gli elementi possono contribuire alla comprensione e alla comprensione. Lo spazio bianco esagerato attorno a un elemento può farlo apparire importante e focalizzare l'attenzione su quell'area sullo schermo.
Lo spazio ha anche un effetto calmante per molti utenti, mentre un design pieno di elementi può far sentire l'utente frenetico e impetuoso.
Conclusione
È una frase che abbiamo usato in passato in Design Shack: quando sei nel dubbio, lascia perdere. Tieni a mente questa idea quando cerchi di semplificare un progetto che potrebbe sembrare ingombrante o travolgente. La confusione visiva è un vero problema, sia sui singoli siti Web che quando si naviga casualmente su Internet.
Un design facile agli occhi manterrà gli utenti più a lungo e, si spera, incoraggi più conversioni. Ogni pagina o schermata dovrebbe avere in mente un'azione di un singolo utente per incoraggiare i clic giusti nei momenti giusti.