74 Rendere ben visibili i controlli di navigazione
Sintesi del contesto di applicazione
Situazione: normale utilizzo dell'interfaccia.
Problema: l'utente non sa in quale punto si trova in un sistema articolato. |
Accorgimenti in sede progettuale: Fornire sempre una mappa di navigazione ma semplice ed essenziale
|
Stato dell'analisi
Completa
Applicazione del principio
Per molti utilizzatori del web, creare mappe mentali o seguire un percorso anche lineare all’interno di una ricerca può risultare complicato. Per questo è essenziale che l’ambiente visivo che è a contatto con l’utilizzatore, in funzione di ogni ricerca o input dato al programma non cambi drasticamente. In questo caso l’utente si troverebbe spaesato e nel caso volesse tornare all’informazione o al passaggio precedente.
Per questo motivo è fondamentale che alcune informazioni sulla pagina web si ripetano nonstante la ricerca o le azioni sulla pagina cambino. Queste possono essere, il titolo, il logo del sito, i colori della pagina. Bisogna dare l’impressione all’utilizzatore che lui sia fermo e che le informazioni gli arrivino dall’esterno. Un altro esempio per migliorare la navigazione in questo caso è evidenziare le icone o i pulsanti che si vuole che l’utente clicchi o utilizzi per facilitare le operazioni.
f.01
Nell’immagine (01) troviamo un programma di modellazione 3d dove le lavorazioni sono segnate all’interno di una timeline grafica che può essere navigata per avanzare o retrocedere per facilitare la modellazione di un componente. Il segnaposto è dinamico e può essere spostato; la sua forma è tipica ed è fondamentale per comunicare all’utilizzatore in che punto è della modellazione.
f.02
Anche nei programmi di editing video (02), dove il progetto scorre, è fondamentale capire dove ci si trova nella timeline del progetto. Per questo il segnale azzurro in questo caso permette di capire a colpo d’occhio dove si è all’interno del progetto
f.03
Anche nelle applicazioni di riproduzione di musica come spotify, (fig. 03) la barra di riproduzione della canzone si colora man mano che la canzone avanza. Questo è utile per avanzare o retrocedere nella riproduzione.
Applicabilità a oggetti fisici e prodotti
Il concetto di navigazione è tipico delle interfacce 2d a schermo, all’interno di interfacce fisiche è però utile sapere cosa si sta facendo e a che punto si è all’interno del comando.
f.04
Nelle interfacce fisiche, (04) anche la scelta di un programma in un elettrodomestico è possibile compararla ad una navigazione; anche in questo caso abbiamo bisogno di un segnale che comunica all’utilizzatore che programma ha selezionato
f.05
Anche nei mixer e nelle consolle musicali (05) i tasti e gli slider, permettono di aggiungere o togliere un effetto ad una traccia audio. La manopola permette di capire quanto effetto aggiungere o togliere e permette di identificare quanto sto modificando la traccia audio su cui sto lavorando.
fig.01
fig.02
fig.03
fig.04
fig.05
Enunciato originale del principio
Most users cannot and will not build elaborate mental maps and will become lost or tired if expected to do so.
The World Wide Web, for all its pretty screens and fancy buttons, is, in effect, an invisible navigation space. True, you can always see the specific page you are on, but you cannot see anything of the vast space between pages. Once users reach our sites or web-based applications, we must take care to reduce navigation to a minimum and make sure the remaining navigation is clear and natural. Ideally, present the illusion that users are always in the same place, with the work brought to them, as is done with the desktop metaphor. This not only eliminates the need for maps and other navigational aids, it offers users a greater sense of mastery and autonomy.
While you may have a thousand pages on your site, if every one of them has the same heading and the same main and secondary menus, the illusion to the user will be that she is always on the same page with content changing in one panel of the page. They can still be lost if they don’t know what panel they are viewing, so reinforce it by highlighting the current menu items that resulted in that particular panel, as well as offering them, in development systems that support it (and they all should), bread crumbing, such as: NN/g Home > AskTog > Interaction Design Section, to help them build a mental model. As with the inherent statelessness of the web (see Track State, above), we must go beyond blindly accepting what the web’s architects have given us by adding layers of capability and protection that users want and need. That the web’s navigation is inherently invisible is a challenge, not an inevitability.
(fonte: Bruce Tognazzini, First Principles of Interaction Design)
pagina visitata 48 volte dal
17/11/2023