it-swarm-eu.dev

Best practice per l'usabilità della navigazione?

Attualmente sto lavorando su un sistema di tipo di social network e mi chiedevo quali fossero le migliori pratiche di navigazione. Sarebbe meglio usare icone o testo? Stavo pensando a un miscuglio, icone per alcune cose e testo per altre. Opinione?

Inoltre, sarebbe una buona idea implementare il pangrattato?

Il mio target di riferimento sono principalmente utenti di computer alle prime armi, ma puntiamo anche a persone con competenze informatiche.

14
AdamDV

Le icone sono notoriamente inefficaci sulle etichette, essendo molto difficili da interpretare correttamente senza formazione o esperienza. Per la maggior parte delle situazioni, gli utenti imparano meglio le interpretazioni corrette solo con il testo che con le sole icone. Vedi: Wiedenbeck, S (1999). L'uso di icone ed etichette in un programma applicativo per l'utente finale: uno studio empirico di apprendimento e conservazione. Behavior & Information Technology, 18 (2), p68-82.

Le icone sono particolarmente dannose per qualsiasi cosa astratta, come Profilo o Gruppi, poiché le cose astratte generalmente non hanno alcuna immagine visiva forte (ad esempio, come un'icona per Gruppi sarebbe diversa da un'icona per Amici?). Allo stesso modo, le icone sono particolarmente dannose per le azioni (ad esempio, Segui, Richiedi amicizia, Pubblica); è difficile mostrare chiaramente un processo con un'immagine. Sì, le icone sono sempre utilizzate nelle barre degli strumenti per le azioni, ma le barre degli strumenti erano destinate agli esperti, e tuttavia gli utenti sono spesso confusi da loro (in media, gli utenti conoscono solo sei elementi della barra degli strumenti di Word dopo aver usato regolarmente Word per due anni ).

Le icone possono risparmiare spazio sul testo, ma al prezzo del riconoscimento. Per le icone piccole, come 16x16 pixel, è molto difficile per gli utenti persino riconoscere ciò che dovrebbero essere una foto, per non parlare di ciò che l'immagine dovrebbe rappresentare. Un utente che conosco pensava che l'icona "floppy" per il salvataggio fosse una foto di una TV (era abbastanza vecchia da sapere che cos'era un floppy disk). Personalmente ho usato Word per anni pensando che l'icona Track Changes fosse una specie di Rosetta Stone stilizzata. Gli utenti esperti trovano più facile basarsi sulla posizione fisica memorizzata dei controlli della barra degli strumenti piuttosto che delle etichette delle icone per scegliere un controllo. Le icone più grandi (ad esempio, almeno 32 per 32 pixel) possono aiutare il riconoscimento, ma occupano così tanto spazio che è meglio usare lo spazio per un'etichetta di testo chiara.

È straordinariamente difficile ottenere le icone giuste. Non tentare di sviluppare una nuova icona senza estese iterazioni di test utente. Anche allora, potresti fallire. I designer Microsoft hanno provato di tutto per creare icone interpretabili per la barra degli strumenti di Outlook prima di rinunciare e andare con le etichette di testo sui controlli chiave.

Le etichette delle icone rendono anche difficile il supporto tecnico (ad esempio, "Fai clic sulla folla di persone con un cerchio blu attorno a loro", rispetto a "Fai clic su" Gruppo "").

Come regola empirica, le icone da sole dovrebbero essere consentite solo quando si applicano almeno due delle seguenti tre condizioni:

  1. Lo spazio è molto limitato (cioè troppo piccolo per il solo testo).

  2. Le icone sono standardizzate (ad es. L'icona "X" sul pulsante Chiudi di una finestra)

  3. L'icona rappresenta un oggetto con un forte analogo fisico o un attributo visivo (ad es. Un'icona della stampante per accedere agli attributi della stampante o un rettangolo rosso per impostare uno sfondo rosso della pagina).

Nel tuo caso, il numero 1 non dovrebbe applicarsi. Se stai esaurendo lo spazio sulla tua pagina web, l'app è troppo complessa per i principianti. # 2 non si applica quando hai novizi perché non conoscono necessariamente nessuno standard. Potresti pensare che il n. 3 si applichi alle icone di navigazione se ciascuna delle tue pagine sembra unica (e quindi, ogni icona è una miniatura della pagina). Tuttavia, i tuoi utenti non necessariamente conoscono o ricordano l'aspetto delle tue pagine (ad esempio, come la pagina del profilo ha un aspetto diverso dalla pagina sulla privacy), quindi questo è un indizio scadente

Le descrizioni comandi sono necessarie per le icone se utilizzate da sole, ma sono sostituite in modo scadente per le etichette di testo. Gli utenti non dovrebbero usare la tua app cercando a tentoni.

Se lo spazio lo consente, le icone possono essere combinate con il testo per far risaltare maggiormente alcuni elementi o aggiungere interesse visivo. Può anche migliorare la digitalizzazione degli articoli, ma anche buone etichette di testo possono farlo. Si sa che gli utenti pensano soggettivamente che un'app è più semplice se ha icone, anche quando in realtà non migliorano le prestazioni, quindi questo è un altro motivo per combinare icone e testo.

22
Michael Zuschlag

La mia idea sull'usabilità dei social network è molto semplice: utilizzare collegamenti di testo in stile per la navigazione. E usa icone o icone + testo per le azioni.

Ad esempio: Dashboard, Profilo, Gruppi, Esplora: è la navigazione. Ma "aggiungi agli amici", "segui", "commenta", "fav" - sono azioni. Quindi il testo è per le navigazioni e le icone per le azioni.

Link eventualmente utile:

4
dobrych

Le icone sono spesso allettanti, ma tieni presente che è piuttosto difficile farle nel modo giusto. Esistono alcune icone universalmente utilizzate e accettate (ad es. Risposta, avanti, indietro, stampa, ecc.) Ma se le tue azioni non rientrano in quelle categorie potrebbe essere meglio usare il testo.

Se opti per le icone, assicurati di testarle - mostrale semplicemente ad amici/parenti e chiedi loro cosa significano (es. Qui puoi trovare alcune informazioni: 6 Modi per testare l'usabilità delle icone ) .

1
Zoltán Gócza