40 Offrite agli utenti elementi e indicazioni che offrano una percezione sicura e familiare delle funzioni e dei percorsi


Sintesi del contesto di applicazione
Situazione: normale utilizzo dell'interfaccia.
Problema: l'utente utilizza il sistema in modo disordinato e inefficiente, seguendo percorsi casuali e poco lineari .
Accorgimenti in sede progettuale: Utilizzare elementi visibili stabili per i punti di riferimento principali (es. home, checkout, logout, exite, ecc)

Stato dell'analisi Manca l'applicazione ai prodotti.


Applicazione del principio f.01
Il sito propone una barra sulla parte superiore del sito (fig. 01), dove si trovano il logo, che riporta sempre alla homepage e vari bottoni che, tramite una funzione hover (fig. 02), aprono vari menu a tendina tramite i quali si può facilmente navigare il sito.
f.02
Inoltre, navigando all'interno dello stesso, si può notare come la barra superiore rimanga stazionaria (fig. 03), nonostante si possa scorrere tutta la lunghezza della pagina (fig. 04).
f.03
f.04
Anche navigando all'interno delle varie sezioni del sito (fig 40_05), si continua ad avere la barra presente all'apice della pagina, garantendo un senso di sicurezza e rendendo difficile perdersi all'interno del sito. Questo facilita la navigazione nel sito, rendendo sempre facilmente reperibili sia la pagina home che le macro categorie di servizi e prodotti offerti dal sito.
f.05
In conclusione, il sito Gibson.com fornisce un esempio più che ottimo per rappresentare questo principio. Garantendo facilità di navigazione, semplicità dell'interfaccia e una barra di navigazione onnipresente, l'utilizzo di questo sito risulta naturale, semplice ed immediato.
Si può inoltre notare come questo sito abbia relazione anche al principio n.16, dove viene discusso come ogni funzione diversa del sito, richiede una parte grafica che la differenzi dalle altre funzioni, mentre ogni funzione analoga dovrebbe avere un design coerente.



fig.01
fig.02
fig.03
fig.04
fig.05
Parole chiave homeparola chiavenavigazionekeywordmenù

approfondimento a cura di GABRIELE MAZZALAI


Enunciato originale del principio Stable visual elements not only enable people to navigate fast, they act as dependable landmarks, giving people a sense of “home.” A company logo on every page of a website, including every page of checkout, all enabling the user to escape back to the home page, makes users feel safe and secure. Paradoxically, such cues make it more likely that people will not escape back to the home page, secure in the knowledge that they easily can.
(fonte: Bruce Tognazzini, First Principles of Interaction Design)



pagina visitata 55 volte dal 08/11/2023