Dispositivi di scorrimento (nozioni di base sulla progettazione)
Nota
Questa guida di progettazione è stata creata per Windows 7 e non è stata aggiornata per le versioni più recenti di Windows. Gran parte delle linee guida si applica ancora in linea di principio, ma la presentazione e gli esempi non riflettono le linee guida di progettazione correnti .
Con un dispositivo di scorrimento, gli utenti possono scegliere tra un intervallo continuo di valori. Un dispositivo di scorrimento ha una barra che mostra l'intervallo e un indicatore che mostra il valore corrente. I segni di graduazione facoltativi mostrano i valori.
barre, dispositivo di scorrimento e segni di graduazione
Dispositivo di scorrimento tipico.
Nota
Le linee guida relative ai layout vengono presentate in un articolo separato.
Questo è il controllo giusto?
Usa un dispositivo di scorrimento quando vuoi che gli utenti siano in grado di set definiti, valori contigui (ad esempio volume o luminosità) o un intervallo di valori discreti (ad esempio le impostazioni di risoluzione dello schermo).
Un dispositivo di scorrimento è una buona scelta quando si sa che gli utenti considerano il valore come una quantità relativa, non un valore numerico. Ad esempio, gli utenti pensano di impostare il volume audio su basso o medio, non sull'impostazione del valore su 2 o 5.
Per decidere, considerare queste domande:
- L'impostazione sembra una quantità relativa? In caso contrario, usare pulsanti di opzioneoppure un elenco a discesa o elenco a selezione singola.
- L'impostazione è un valore numerico esatto e noto? In tal caso, usare una caselle di testo numeriche.
- Un utente può trarre vantaggio dal feedback immediato sull'effetto delle modifiche all'impostazione? In tal caso, usare un dispositivo di scorrimento. Ad esempio, gli utenti possono scegliere un colore più facilmente visualizzando immediatamente l'effetto delle modifiche ai valori di tonalità, saturazione o luminosità.
- L'impostazione ha un intervallo di quattro o più valori? In caso contrario, usare i pulsanti di opzione.
- L'utente può modificare il valore? I dispositivi di scorrimento sono destinati all'interazione dell'utente. Se un utente non può modificare mai il valore, usare invece una casella di testo di sola lettura .
Se è possibile usare un dispositivo di scorrimento o una casella di testo numerica, usare una casella di testo numerica se:
- Lo spazio sullo schermo è stretto.
- È probabile che un utente preferisca usare la tastiera.
Usare un dispositivo di scorrimento se:
- Gli utenti trarranno vantaggio dal feedback immediato.
Istruzioni
Usa un orientamento naturale. Ad esempio, se il dispositivo di scorrimento rappresenta un valore reale che viene normalmente visualizzato verticalmente (ad esempio la temperatura), usare un orientamento verticale.
Orientare il dispositivo di scorrimento in base alle impostazioni cultura degli utenti. Ad esempio, le impostazioni cultura occidentali leggono da sinistra a destra, quindi per i dispositivi di scorrimento orizzontali, inserire l'estremità inferiore dell'intervallo a sinistra e l'estremità alta a destra. Per le impostazioni cultura che leggono da destra a sinistra, eseguire l'opposto.
Ridimensionare il controllo in modo che un utente possa impostare facilmente il valore desiderato. Per le impostazioni con valori discreti, assicurarsi che l'utente possa selezionare facilmente qualsiasi valore usando il mouse.
Prendere in considerazione l'uso di una scala non lineare se l'intervallo di valori è di grandi dimensioni e gli utenti selezioneranno probabilmente i valori a una fine dell'intervallo. Ad esempio, il valore di ora potrebbe essere 1 minuto, 1 ora, 1 giorno o 1 mese.
Ogni volta che è pratico, inviare un feedback immediato mentre o dopo che un utente effettua una selezione. Ad esempio, l'api del controllo del volume di Microsoft Windows per indicare il volume audio risultante.
Usare le etichette per visualizzare l'intervallo di valori.
Eccezione: Se il dispositivo di scorrimento è orientato verticalmente e l'etichetta superiore è Maximum, High, More o equivalent, è possibile omettere le altre etichette perché il significato è chiaro.
In questo esempio, l'orientamento verticale del dispositivo di scorrimento rende superflue le etichette dell'intervallo.
Usa segni di graduazione quando gli utenti devono conoscere il valore approssimativo dell'impostazione.
Usare i segni di graduazione e un'etichetta di valore quando gli utenti devono conoscere il valore esatto dell'impostazione scelta. Usare sempre un'etichetta di valore se un utente deve conoscere le unità per avere senso dell'impostazione.
In questo esempio viene usata un'etichetta per indicare chiaramente il valore selezionato.
Per i dispositivi di scorrimento orientati orizzontalmente, posizionare i segni di graduazione sotto il dispositivo di scorrimento. Per i dispositivi di scorrimento orientati verticalmente, posizionare i segni di graduazione a destra per le impostazioni cultura occidentali; per le impostazioni cultura che leggono da destra a sinistra, fare l'opposto.
Posizionare completamente l'etichetta del valore sotto il controllo dispositivo di scorrimento in modo che la relazione sia chiara.
risposta errata:
In questo esempio l'etichetta del valore non è allineata sotto il dispositivo di scorrimento.
Quando si disabilita un dispositivo di scorrimento, disabilitare anche eventuali etichette associate.
Non usare sia un dispositivo di scorrimento che una casella di testo numerica per la stessa impostazione. Usare solo il controllo più appropriato.
Eccezione: Usare entrambi i controlli quando l'utente necessita di feedback immediato e la possibilità di impostare un valore numerico esatto.
Non usare un dispositivo di scorrimento come indicatore di stato.
Non modificare le dimensioni dell'indicatore di scorrimento rispetto alle dimensioni predefinite.
risposta errata:
In questo esempio viene usata una dimensione inferiore a quella predefinita.
risposta esatta:
In questo esempio viene usata la dimensione predefinita.
Non etichettare ogni segno di graduazione.
Dimensioni e spaziatura consigliate
Dimensioni consigliate e spaziatura per i dispositivi di scorrimento.
Etichette
Etichette dispositivo di scorrimento
- Usare un'etichetta di testo statica che termina con due punti o un'etichetta di casella di gruppo senza punteggiatura finale.
- Assegnare una chiave di accesso univoca a ogni etichetta. Per le linee guida per l'assegnazione, vedere Tastiera.
- Usare la maiuscola in stile frase.
- Posizionare l'etichetta del dispositivo di scorrimento a sinistra del dispositivo di scorrimento o sopra e allineata al bordo sinistro del dispositivo di scorrimento (o all'identificatore dell'intervallo sinistro, se presente).
Etichette di intervallo
- Etichettare le due estremità dell'intervallo del dispositivo di scorrimento, a meno che un orientamento verticale non lo renda superfluo.
- Usare solo parola, se possibile, per ogni etichetta.
- Non usare la punteggiatura finale.
- Assicurarsi che queste etichette siano descrittive e parallele. Esempi: Maximum/Minimum, More/Less, Low/High, Soft/Loud.
- Usare la maiuscola in stile frase.
- Non assegnare chiavi di accesso.
Etichette valore
Se è necessaria un'etichetta di valore, visualizzarla sotto il dispositivo di scorrimento.
Centrare il testo rispetto al controllo e includere le unità (ad esempio i pixel).
In questo esempio l'etichetta del valore viene allineata al centro sotto il dispositivo di scorrimento e include le unità.
Documentazione
Quando si fa riferimento ai dispositivi di scorrimento:
- Usare il testo esatto dell'etichetta, incluse le maiuscole e minuscole, e includere il dispositivo di scorrimento della parola. Non includere il carattere di sottolineatura o i due punti della chiave di accesso.
- Per descrivere l'interazione dell'utente, usare move.
- Quando possibile, formattare l'etichetta usando il testo grassetto. In caso contrario, inserire l'etichetta tra virgolette solo se necessario per evitare confusione.
Esempio: per aumentare la risoluzione dello schermo, spostare il dispositivo di scorrimento risoluzione dello schermo a destra.
Argomenti correlati