Contenuto
La coerenza è essenziale per ridurre il carico cognitivo della tua interfaccia. Quando il tuo design è coerente, ogni interazione risulta fluida e priva di attriti. Quando è troppo incoerente, l'utente deve spendere sforzi inutili.
Ma la coerenza nel design dell'interazione è un po 'più specifica del semplice fare le stesse cose più e più volte: ci sono particolari tipi di coerenza e campi particolari in cui la coerenza è più importante di altri.
Inoltre, fare le stesse cose più e più volte produrrà design noiosi e uniformi. Devi sapere quando rompere la coerenza senza portare al caos del design. La chiave, come spesso accade nel design, è l'equilibrio.
In questo articolo, entreremo nei dettagli su cosa significa coerenza per il web design, perché è importante e descriveremo come essere coerenti con ciò che gli utenti si aspettano (coerenza esterna).
Perché la coerenza è importante
La progettazione dell'interazione si basa sull'apprendimento del sistema.
Per dirla semplicemente, quando un'interfaccia utente funziona in modo coerente, diventa prevedibile (in senso buono), il che significa che gli utenti possono capire come utilizzare determinate funzioni in modo intuitivo e senza istruzioni.
Ciò rende il prodotto più facile da usare, il che è un trampolino di lancio per renderlo più desiderabile. Al contrario, quando un'interfaccia utente è incoerente, ostacola l'apprendimento, provocando frustrazione nell'utente e portando a una brutta esperienza.
Ma la coerenza non si limita solo all'aspetto e al comportamento della tua interfaccia.
I tuoi utenti non trascorrono tutto il loro tempo solo con il tuo prodotto: la maggior parte del loro tempo è su altri prodotti e nel frattempo generano idee e aspettative da queste altre esperienze. Quindi, se sei coerente con queste esperienze esterne, l'apprendimento della tua interfaccia utente aumenterà senza alcun lavoro aggiuntivo da parte tua.
Meno stupore
In caso di dubbio, fare riferimento al Principio del minimo stupore. Le sorprese deliziose vanno bene (come il modo in cui MailChimp sorprende gli utenti con umorismo e divertimento), ma le tue funzioni principali non dovrebbero allontanarsi troppo dalla norma.
Recensione non significa la stessa cosa di Verifica. I video non devono essere scambiati per immagini. Non fare in modo che i pulsanti per le azioni principali vengano visualizzati solo al passaggio del mouse.
In effetti, se stai ancora mettendo in dubbio la natura della coerenza nel design digitale, le Linee guida umane iOS di Apple fanno un ottimo lavoro nel riepilogare gli standard di coerenza per le loro app. Nelle loro stesse parole ...
- L'app è coerente con gli standard iOS? Utilizza correttamente i controlli, le visualizzazioni e le icone forniti dal sistema? Incorpora le funzionalità del dispositivo nel modo in cui gli utenti si aspettano? "
- L'app è coerente in se stessa? Il testo utilizza una terminologia e uno stile uniformi? Le stesse icone significano sempre la stessa cosa? Le persone possono prevedere cosa accadrà quando eseguiranno la stessa azione in luoghi diversi? Gli elementi dell'interfaccia utente personalizzati hanno lo stesso aspetto e si comportano nello stesso modo in tutta l'app?
- Entro limiti ragionevoli, l'app è coerente con le sue versioni precedenti? I termini e i significati sono rimasti gli stessi? I concetti fondamentali e le funzionalità primarie sono sostanzialmente invariati? "
Da quanto abbiamo discusso in precedenza, possiamo dividere la coerenza del design in due categorie: coerenza esterna e interna. Esterno si riferisce alla coerenza della tua interfaccia utente con altri prodotti, mentre interno è la sua coerenza al suo interno. Diamo un'occhiata ad alcune delle best practice che discutiamo in Consistency in UI Design.
Consistenza esterna
La coerenza esterna non è solo la coerenza del tuo prodotto con altri prodotti simili, ma può riferirsi alla sua coerenza con tutti i prodotti sulla tua piattaforma, tutto il software in generale e persino le interazioni non digitali nel mondo reale.
Allora perché la coerenza esterna è importante? Per riassumere, si tratta di soddisfare le aspettative degli utenti.
Per creare un design che coincida con ciò che il tuo utente si aspetta, devi prima capire quali idee stanno portando con sé prima ancora che utilizzino il tuo sito o la tua app. Questo è un concetto che l'esperto di usabilità Jared Spool chiama conoscenza attuale.
L'attuale conoscenza dei tuoi utenti è influenzata da molti fattori esterni, dall'ultimo sito che hanno utilizzato a un'aspettativa inverosimile dal loro film di fantascienza preferito. Non preoccuparti, però: per la maggior parte, le aspettative dei tuoi utenti saranno ragionevoli.
Progettare in base a ciò che i tuoi utenti già sanno non è un concetto nuovo. Questa idea è in atto da anni, evolvendosi nelle convenzioni di progettazione comuni che vedrai oggi in quasi tutte le app o siti web.
Il carosello di immagini, un'icona a forma di busta che rappresenta l'e-mail, fare clic sul logo del sito per tornare alla home page ... questi sono tutti indicati come modelli di interfaccia utente.
Pagina successiva: utilizzo dei pattern dell'interfaccia utente, cose da evitare e andare oltre ...
