Navigazione con i tasti freccia

Question

Quali sono alcune pratiche generalmente accettate per navigare tra elementi posizionati in modo irregolare e dimensioni in una tela (come i controlli su un modulo) usando i tasti freccia?

Ad esempio, se l'elemento attualmente focalizzato è un elemento alto (A) la cui altezza comprende tre elementi più corti alla sua destra (B, C e D):

#######    #######
#     #    #  B  #
#     #    #######
#     #
#     #    #######
#  A  #    #  C  #
#     #    #######
#     #  
#     #    #######
#     #    #  D  #
#######    #######

Quale di questi elementi dovrebbe essere focalizzato quando l'utente preme la freccia Right ? L'elemento superiore (B)? Quello al centro (C)?

E se D fosse attivo prima che l'utente usasse lo stato attivo su A premendo Left ? Lo stato attivo dovrebbe tornare su D quando l'utente preme successivamente Right ?

Mi chiedo se ci sono alcune linee guida pubblicate per questi scenari.

Answer 1

Non ho esaminato linee guida specifiche o altro, ma sembra che nel primo caso, quando sei su A e spingi a destra, dovrebbe andare su B.

Se sei già su C o D quando premi A, probabilmente ha senso tornare a quello. Ne sono meno sicuro, perché l'utente potrebbe essere passato ad A dal basso come "scorciatoia". per arrivare a B (Questo ha senso se ci sono molti elementi nella colonna di destra, quindi invece di andare (Up-Up-Up-Up-Up-Up vai da sinistra a destra).

Answer 2

Penso che sia anche importante notare quale elemento 'B' sta visitando. Supponiamo che B sia una casella di testo. Se passi da A a B, supponerai che l'utente voglia inserire l'input e focalizzare automaticamente il proprio cursore nella casella di testo? Ciò darebbe all'utente un uso immediato della digitazione nella casella, ma problemi immediati se desiderasse invece passare a C o D.

Penso che sia più importante dare un feedback all'utente su quale campo si trova. I controlli di Windows tendono a fare schifo per mostrare un campo ben evidenziato, mentre in OS X, si ottiene un punto culminante distintivo attorno al controllo selezionato (nella maggior parte dei casi).

Fallo solo un punto per non intralciare l'utente se vuole andare altrove. Non bloccare la tastiera dopo essersi spostati in A-D se vogliono solo spostarsi su un altro elemento.

Answer 3

In generale, la navigazione attraverso i controlli dovrebbe seguire l'ordine di lettura naturale dell'utente. Nelle culture occidentali, è da sinistra a destra, dall'alto verso il basso. Questo è stato uno standard di usabilità di Microsoft risalendo all'eccellente Le Linee guida per l'interfaccia di Windows per la progettazione di software e Esperienza utente di Microsoft Windows .

Nel tuo esempio, la navigazione attraverso i controlli dovrebbe andare da A-B-C-D-A -...

Answer 4

Se sei su A e premi a destra, dovresti andare su B.

Se sei su D e premi Sinistra, ci sono due opzioni: "andare a sinistra", che è A, o "tornare indietro", che significherebbe andare a B. Se scegli la seconda via , non c'è posto per perdersi, anche se all'inizio può sembrare un po 'strano.

Detto questo, se scegli il primo modo, penso che il vero andrebbe a B: non c'è bisogno di ricordare dove eri, proprio dove sei, per sapere dove sarai. (" Lo stato è errato. Non indurre l'utente a pensarci. ")

Answer 5

Dai un'occhiata a ciò che Microsoft dice per le applicazioni Vista.