16 È importante essere incoerenti visivamente, creando differenze quando le cose devono comportarsi in maniera diversa quanto è importante essere coerenti quando le cose devono agire allo stesso modo
Sintesi del contesto di applicazione
Situazione: normale utilizzo dell'interfaccia.
Problema: elementi analoghi visivamente diversi e/o viceversa. |
Accorgimenti in sede progettuale: Evitare l'uniformità. Creare oggetti coerenti per il loro comportamento
|
Stato dell'analisi
Manca l'applicazione ai prodotti.
Applicazione del principio
Questo principio è fondamentale per un buon design che faciliti l'utilizzo del sito e dell'oggetto.
La differenziazione delle componenti con diverso scopo e utilizzo e l'omologia delle parti che agiscono in modo analogo rende più immediata la navigazione o l'utilizzo di un sito o un oggetto si prestano a un utilizzo intuitivo e semplice, rendendo più gradevole l'utilizzo.
f.01
f.02
All’interno della homepage del sito vengono mantenuti generalmente gli stessi colori, ma le varie funzioni, sopra relative allo shop (figg. 01, 02), sotto relative alle iniziative (fig. 03), cambiano nel design abbastanza da indicare una differenza nelle funzioni, senza, però, inficiare negativamente sullo stile complessivo.
Da notare il netto stacco netto tra la barra superiore e il resto del sito (fig. 02), separando ulteriormente le funzioni delle due parti.
f.03
f.04
All’interno dello shop del sito (fig. 04) si può notare come nella barra laterale dei filtri vengano usati dei quadrati premibili seguiti dalla parola chiave (v. principio n.64), mentre la scelta del colore viene effettuata da cerchi colorati, riportati anche al fianco delle chitarre, differenziando le opzioni di ricerca e dando un senso di coesione col prodotto.
Sempre presente la barra superiore (v. principio n.40)
f.05
Al contrario, la sezione shop riservata agli amplificatori (fig. 05) è totalmente diversa da quella degli strumenti, tuttavia si ricollega alla schermata home nello stile, dando comunque un senso di coesione.
Questa scelta è probabilmente dovuta alla minore varietà di prodotti, permettendo una cura della parte estetica maggiore.
fig.01
fig.02
fig.03
fig.04
fig.05
Enunciato originale del principio
Make objects that act differently look different. For example, a trash can is an object into which a user may place trash and later pull it back out. If you want to skip the “and pull it back out” functionality, that’s fine. Just make it look like an incinerator or shredder or anything other than a trash can.
Make pages that have changed look changed. If someone encounters an unfamiliar page on an updated website or in a revised app, they know to look around and figure out what’s different. In the absence of such a cue, they will attempt to use the page exactly as they have always done, and it won’t work.
(fonte: Bruce Tognazzini, First Principles of Interaction Design)
pagina visitata 54 volte dal
12/06/2024