Dispositivi di scorrimento (nozioni di base sulla progettazione)
Nota
Questa guida alla 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 correnti sulla progettazione.
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.
Dispositivo di scorrimento tipico.
Nota
Le linee guida relative al layout vengono presentate in un articolo separato.
È il controllo giusto?
Usare un dispositivo di scorrimento quando si vuole che gli utenti possano impostare valori definiti, 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 sai che gli utenti considerano il valore una quantità relativa e non un valore numerico. Ad esempio, gli utenti vogliono impostare il volume audio su basso o medio e non su 2 o 5.
Per decidere, prendi in considerazione queste domande:
- L'impostazione sembra una quantità relativa? In caso contrario, usare pulsanti di opzione o un elenco a discesa o a selezione singola.
- L'impostazione è un valore numerico noto esatto? In tal caso, usare una casella di testo numerica.
- Un utente trarrebbe vantaggio da un riscontro immediato sull'effetto delle modifiche dell'impostazione? Se sì, usa un dispositivo di scorrimento. Gli utenti possono ad esempio scegliere più facilmente un colore esaminando immediatamente l'effetto delle modifiche dei valori di tonalità, saturazione o luminosità.
- L'impostazione ha un intervallo di quattro o più valori? In caso contrario, usa pulsanti di opzione.
- L'utente può modificare il valore? I dispositivi di scorrimento consentono l'interazione dell'utente. Se un utente non può mai modificare il valore, usare invece una casella di testo di sola lettura.
Se è possibile un dispositivo di scorrimento o una casella di testo numerica, usare una casella di testo numerica se:
- Lo spazio sullo schermo è limitato.
- È probabile che un utente preferisca usare la tastiera.
Usa un dispositivo di scorrimento se:
- Gli utenti trarranno vantaggio da un riscontro immediato.
Indicazioni
Usa un orientamento naturale. Ad esempio, se il dispositivo di scorrimento rappresenta un valore reale indicato di solito in verticale (come la temperatura), usa un orientamento verticale.
Orientare il dispositivo di scorrimento per riflettere le impostazioni cultura degli utenti. Ad esempio, le culture occidentali leggono da sinistra a destra, quindi per i dispositivi di scorrimento orizzontale, inserire la parte bassa dell'intervallo a sinistra e l'alta fine a destra. Per le culture che leggono da destra a sinistra, fare l'opposto.
Ridimensionare il controllo in modo che un utente possa impostare facilmente il valore desiderato. Per le impostazioni con valori discreti, assicurati che l'utente possa selezionare agevolmente i valori con il mouse.
Prendere in considerazione l'uso di una scala non lineare se l'intervallo di valori è elevato e gli utenti potrebbero selezionare i valori a una fine dell'intervallo. Ad esempio, il valore dell'ora potrebbe essere 1 minuto, 1 ora, 1 giorno o 1 mese.
Ogni volta che è pratica, inviare commenti e suggerimenti immediati mentre o dopo un utente effettua una selezione. Ad esempio, il controllo del volume di Microsoft Windows indica il volume audio risultante.
Usa etichette per indicare l'intervallo di valori.
Eccezione: Se il dispositivo di scorrimento è orientato verticalmente e l'etichetta superiore è Maximum, High, More o equivalente, è possibile omettere le altre etichette poiché il significato è chiaro.
In questo esempio l'orientamento verticale del dispositivo di scorrimento rende inutili le etichette di intervallo.
Usare i segni di spunta quando gli utenti devono conoscere il valore approssimativo dell'impostazione.
Usare i segni di spunta 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 spunta sotto il dispositivo di scorrimento. Per i dispositivi di scorrimento orientati verticalmente, posizionare i segni di spunta a destra per le culture occidentali; per le culture che leggono da destra a sinistra, fare l'opposto.
Posizionare l'etichetta del valore completamente sotto il controllo dispositivo di scorrimento in modo che la relazione sia chiara.
Non corretto:
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 ha bisogno 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 dalle dimensioni predefinite.
Non corretto:
In questo esempio viene usata una dimensione inferiore al valore predefinito.
Corretto:
In questo esempio viene usata la dimensione predefinita.
Non etichettare ogni segno di spunta.
Dimensioni e spaziatura consigliate
Dimensioni consigliate e spaziatura per i dispositivi di scorrimento.
Etichette
Etichette del 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 le maiuscole/minuscole come nelle frasi comuni.
- Posizionare l'etichetta del dispositivo di scorrimento a sinistra del dispositivo di scorrimento o superiore e allineata al bordo sinistro del dispositivo di scorrimento (o all'identificatore dell'intervallo sinistro, se presente).
Etichette di intervallo
- Usa due etichette per le due estremità dell'intervallo del dispositivo di scorrimento, se non usi un orientamento verticale che le rende superflue.
- Usare solo parola, se possibile, per ogni etichetta.
- Non usare punteggiatura finale.
- Controlla che queste etichette siano descrittive e parallele. Di seguito sono riportati alcuni esempi. Massimo/Minimo, Più/Meno, Alto/Basso, Piano/Forte.
- Usare le maiuscole/minuscole come nelle frasi comuni.
- Non assegnare chiavi di accesso.
Etichette di valore
Se ti serve un'etichetta di valore, visualizzala sotto il dispositivo di scorrimento.
Centra il testo rispetto al controllo e includi le unità (ad esempio, i pixel).
In questo esempio l'etichetta del valore viene centrata sotto il dispositivo di scorrimento e include le unità.
Documentazione
Quando si fa riferimento ai dispositivi di scorrimento:
- Usare il testo esatto dell'etichetta, inclusa la relativa maiuscola, e includere il dispositivo di scorrimento delle parole. Non includere il carattere di sottolineatura o i due punti del tasto di scelta.
- Per descrivere l'interazione dell'utente, usare move.
- Quando possibile, formattare l'etichetta usando il testo in 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