Windows 7 puntatori e mouse

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 di progettazione correnti.

Il mouse è il dispositivo di input principale usato per interagire con gli oggetti in Windows. La funzionalità mouse può includere anche altri dispositivi di puntamento, ad esempio trackball, touchpad e bastoncini puntati incorporati in computer notebook, penne usate con Tecnologia Windows per Tablet PC e, su computer con touchscreen, anche il dito dell'utente.

Nota

Le linee guida relative all'accessibilità, alla penna e al tocco sono presentate in articoli separati.

Spostare fisicamente il mouse sposta il puntatore grafico (detto anche cursore) sullo schermo. Il puntatore ha un'ampia gamma di forme per indicare il comportamento corrente.

screen shot of five typical mouse pointers

Puntatori del mouse tipici

I dispositivi del mouse hanno spesso un pulsante primario (in genere il pulsante sinistro), un pulsante secondario (in genere a destra) e una rotellina del mouse tra i due. Posizionando il puntatore e facendo clic sui pulsanti primario e secondario del mouse, gli utenti possono selezionare gli oggetti ed eseguire azioni su di essi. Per la maggior parte delle interazioni, premendo un pulsante del mouse mentre il cursore si trova su una destinazione indica la destinazione selezionata e rilasciando il pulsante viene eseguita qualsiasi azione associata alla destinazione.

Tutti i puntatori, ad eccezione del puntatore occupato, hanno un singolo punto attivo pixel che definisce la posizione esatta dello schermo del mouse. L'area a caldo determina l'oggetto interessato dalle azioni del mouse. Gli oggetti definiscono una zona ad accesso frequente, ovvero l'area in cui l'area a caldo viene considerata sopra l'oggetto. In genere, la zona ad accesso frequente coincide con i bordi di un oggetto, ma può essere più grande per semplificare l'esecuzione della finalità dell'utente.

Il cursore è la barra verticale lampeggiante visualizzata quando l'utente digita in una casella di testo o in un altro editor di testo. Il cursore è indipendente dal puntatore (per impostazione predefinita, Windows nasconde il puntatore durante la digitazione dell'utente).

screen shot of text box with cursor

Il punto di inserimento

Concetti relativi alla progettazione

Il mouse è intuitivo

Il mouse è stato un dispositivo di input riuscito perché è facile da usare per la mano umana tipica. L'interazione basata su puntatore ha avuto esito positivo perché è intuitiva e consente un'ampia gamma di esperienze.

Si dice che gli oggetti dell'interfaccia utente ben progettati abbiano inviti, ovvero proprietà visive e comportamentali di un oggetto che suggeriscono come viene usato. Il puntatore funge da proxy per la mano, consentendo agli utenti di interagire con gli oggetti schermo in modo molto simile a quello degli oggetti fisici. Noi umani abbiamo una comprensione innata di come funziona la mano umana, quindi se qualcosa sembra possa essere spinto, cerchiamo di spingerlo; se sembra che possa essere afferrato, cerchiamo di afferrarlo. Di conseguenza, gli utenti possono capire come usare gli oggetti con un forte invito semplicemente esaminandoli e provandoli.

screen shot of a button and slider

Pulsanti e dispositivi di scorrimento hanno un forte invito

Al contrario, gli oggetti con scarsa offerta sono più difficili da capire. Tali oggetti richiedono spesso un'etichetta o un'istruzione per spiegarli.

screen shot of link text and internet earth icon

il testo del collegamento e le icone hanno scarsi inviti

Alcuni aspetti dell'uso del mouse non sono intuitivi

Fare clic con il pulsante destro del mouse, fare doppio clic e fare clic con i modificatori di tasti MAIUSC o CTRL sono tre interazioni del mouse che non sono intuitive, perché non hanno controparti reali. A differenza dei tasti di scelta rapida e dei tasti di scelta rapida, queste interazioni del mouse in genere non sono documentate in nessun punto dell'interfaccia utente. Ciò suggerisce che non è necessario fare clic con il pulsante destro del mouse, fare doppio clic e modificatori della tastiera per eseguire attività di base, in particolare dagli utenti principianti. Suggerisce inoltre che queste interazioni avanzate devono avere un comportamento coerente e prevedibile da usare in modo efficace.

Fare doppio clic o fare doppio clic?

Facendo doppio clic viene usato in modo esteso sul desktop Windows che potrebbe non sembrare un'interazione avanzata. Ad esempio, l'apertura di cartelle, programmi o documenti nel riquadro file di Windows Explorer viene eseguita facendo doppio clic. L'apertura di un collegamento sul desktop Windows usa anche il doppio clic. Al contrario, l'apertura di cartelle o programmi nella menu Start richiede un solo clic.

Gli oggetti selezionabili usano un solo clic per eseguire la selezione, quindi richiedono un doppio clic per aprire, mentre gli oggetti non selezionabili richiedono solo un singolo clic per aprire. Questa distinzione non viene riconosciuta da molti utenti (facendo clic su un'icona del programma si fa clic su un'icona del programma, a destra?) e di conseguenza, alcuni utenti continuano a fare clic sulle icone fino a quando non ottengono ciò che vogliono.

Manipolazione diretta

L'interazione diretta con gli oggetti viene definita manipolazione diretta. Puntare, fare clic, selezionare, spostare, ridimensionare, dividere, scorrere, panoramica e zoom sono manipolazioni dirette comuni. Al contrario, l'interazione con un oggetto tramite la finestra delle proprietà o un'altra finestra di dialogo può essere descritta come manipolazione indiretta.

Tuttavia, dove c'è manipolazione diretta, può esserci manipolazione accidentale e quindi la necessità di perdono. Il perdono è la capacità di invertire o correggere facilmente un'azione indesiderata. Si apportano manipolazioni dirette perdonando fornendo un annullamento, dando un buon feedback visivo e consentendo agli utenti di correggere facilmente gli errori. L'associazione al perdono impedisce l'esecuzione di azioni indesiderate in primo luogo, che è possibile eseguire usando controlli vincolati e conferme per azioni o comandi rischiosi che hanno conseguenze impreviste.

Interazioni standard del pulsante del mouse

Le interazioni standard del mouse dipendono da diversi fattori, tra cui il tasto del mouse selezionato, il numero di volte in cui viene fatto clic, la sua posizione durante i clic e se sono stati premuti i modificatori della tastiera. Ecco un riepilogo del modo in cui questi fattori influiscono in genere sull'interazione:

  • Per la maggior parte degli oggetti, facendo doppio clic si esegue un singolo clic a sinistra ed esegue il comando predefinito. Il comando predefinito viene identificato nel menu di scelta rapida.
  • Per alcuni tipi di oggetti selezionabili, ogni clic espande l'effetto del clic. Ad esempio, facendo doppio clic in una casella di testo viene impostata la posizione di input, facendo doppio clic viene selezionata una parola e facendo doppio clic viene selezionata una frase o un paragrafo.
  • Facendo clic con il pulsante destro del mouse viene visualizzato il menu di scelta rapida di un oggetto.
  • Mantenere il mouse ancora mentre punta il puntatore comporta il passaggio del mouse.
  • Mantenere il mouse ancora mentre si preme il pulsante del mouse indica il clic e la selezione di un singolo oggetto. Lo spostamento del mouse indica lo spostamento, il ridimensionamento, la divisione, il trascinamento e la selezione di più oggetti.
  • Il tasto MAIUSC estende la selezione in modo contiguo.
  • Il tasto CTRL estende la selezione attivando o disattivando lo stato di selezione dell'elemento selezionato senza influire sulla selezione di altri oggetti.

Interazioni semplici del mouse

Nella tabella seguente vengono descritte le interazioni e gli effetti comuni del mouse.

Azione semplice Interazione Effetto tipico
Puntamento
Posizionare il puntatore su un oggetto specifico senza fare clic su alcun pulsante del mouse.
Target visualizza lo stato del passaggio del mouse e gli inviti dinamici.
Bilico
Posizionare il puntatore su un oggetto specifico senza fare clic su alcun pulsante del mouse e senza spostarsi per almeno un secondo.
La destinazione visualizza la descrizione comando, la descrizione informazioni o l'equivalente.
Cliccando
Posizionare il puntatore su un oggetto specifico e non selezionabile e premere e rilasciare un pulsante del mouse senza spostare. Facendo clic si attiva il rilascio del pulsante del mouse per consentire agli utenti di annullare il clic spostando il mouse fuori dalla destinazione. Pertanto, la pressione del mouse indica solo la destinazione selezionata.
Per i singoli clic con il pulsante primario, attivare l'oggetto. Per fare doppio clic con il pulsante primario, attivare l'oggetto ed eseguire il comando predefinito. Per il pulsante secondario, visualizzare il menu di scelta rapida dell'oggetto.
Selezionare:
Posizionare il puntatore su un oggetto specifico selezionabile e premere e rilasciare un pulsante del mouse.
Per i singoli clic con il pulsante primario, selezionare l'oggetto . Se gli utenti trascinano il mouse, selezionare un intervallo contiguo di oggetti. Per fare doppio clic con il pulsante primario, selezionare l'oggetto ed eseguire il comando predefinito.
Per il testo, il pulsante primario destro fa clic sul punto di inserimento, il secondo seleziona la parola nel punto di inserimento e il terzo clic seleziona la frase o il paragrafo.
Premendo
Posizionare il puntatore su un oggetto specifico e premere un pulsante del mouse senza rilasciare.
Per le funzioni di ripetizione automatica ,ad esempio premendo una freccia di scorrimento per scorrere continuamente, attivare ripetutamente. In caso contrario, indica l'inizio di uno spostamento, ridimensionamento, divisione o trascinamento, a meno che non sia seguito da una versione senza spostamento.
Wheeling
Spostare la rotellina del mouse.
La finestra scorre verticalmente in direzione dello spostamento della rotellina del mouse.

Forme puntatore

Nella tabella seguente vengono descritte le forme e gli utilizzi comuni del puntatore.

Forma Nome Quando si usa
screen shot of pointer with arrow shape
Selezione normale
Usato per la maggior parte degli oggetti.
screen shot of hand with index finger pointing
Selezione collegamento
Usato per i collegamenti di testo e grafica a causa della loro debole offerta.
screen shot of pointer with i-beam shape
Selezione testo
Usato per indicare una posizione tra caratteri.
screen shot of pointer with large plus-sign shape
Selezione precisione
Usato per l'interazione grafica e altre interazioni bidimensionali.

Interazioni del mouse composte

La tabella seguente descrive le interazioni comuni del mouse.

Azione composta Interazione Effetto tipico Pointers
Spostarsi
Se lo spostamento è una modalità (immessa dando un comando), immettere la modalità, posizionare il puntatore su un oggetto rimovibile, premere il pulsante e spostare il mouse, rilasciare il pulsante del mouse. in questo caso, il puntatore cambia forma per indicare la modalità.
in caso contrario, posizionare il puntatore su un oggetto rimovibile, premere il pulsante e spostare il mouse, rilasciare il pulsante del mouse. in questo caso, il puntatore non deve modificare la forma.
l'oggetto si sposta in direzione dello spostamento del puntatore.
spostamento
screen shot of pointer with four arrows
usato per spostare una finestra in qualsiasi direzione.
pan
screen shot of pointer with hand shape
Usato per spostare un oggetto all'interno di una finestra in qualsiasi direzione.
Ridimensionamento
Posizionare il puntatore su un bordo ridimensionabile o un handle di ridimensionamento, premere un pulsante del mouse e spostare il mouse e quindi rilasciare il pulsante del mouse.
l'oggetto viene ridimensionato in direzione dello spostamento del puntatore.
ridimensionamento verticale e orizzontale
Screenshot that shows up-down pointers.screen shot of up-down and right-left pointers
usato per ridimensionare una singola dimensione.
ridimensionamento diagonale
bb545459.mouse13(en-us,msdn.10).pngscreen shot of diagonal pointers with arrow tips
usato per ridimensionare due dimensioni contemporaneamente.
ridimensionamento di righe e colonne
bb545459.mouse15(en-us,msdn.10).pngscreen shot of arrow pointers with crossbar
Usato per ridimensionare una riga o una colonna in una griglia.
Separazione in corso
Posizionare il puntatore su uno splitter, premere un pulsante del mouse e spostare il mouse e quindi rilasciare il pulsante del mouse.
il bordo del riquadro diviso si sposta in direzione dello spostamento del puntatore.
divisione finestre
bb545459.mouse17(en-us,msdn.10).pngscreen shot of arrow pointers with double crossbar
Usato per ridimensionare un riquadro di divisione verticalmente o orizzontalmente.
Trascinando e rilasciando le immagini selezionate
Posizionare il puntatore su un oggetto valido per il trascinamento, premere un pulsante del mouse e spostare il mouse su una destinazione di rilascio e quindi rilasciare il pulsante del mouse.
l'oggetto viene spostato o copiato nella destinazione di rilascio.
normale selezione
screen shot of photo, standard pointer, and infotip
usato su destinazioni di trascinamento valide. può anche avere una descrizione info per indicare un effetto specifico.
non disponibile
screen shot of small blocked/offline icon
Usato per indicare che una superficie non è una destinazione di rilascio valida.

Indicatori attività

La tabella seguente mostra i puntatori visualizzati quando si esegue un'azione che richiede più di un paio di secondi per completare.

Forma Nome Quando si usa
Screenshot that shows a doughnut-shaped 'busy' pointer.
Puntatore occupato
Usato per attendere che una finestra diventi reattiva.
screen shot of doughnut-shaped pointer and arrow
Utilizzo del puntatore in background
Usato per puntare, fare clic, premere o selezionare mentre un'attività viene completata in background.

Puntatori a mano

I collegamenti di testo e grafica usano un puntatore a mano o "link select" (una mano con il puntatore screen shot of hand with index finger pointing del dito dell'indice ) a causa della loro debole offerta. Mentre i collegamenti possono avere altri indizi visivi per indicare che sono collegamenti (ad esempio sottolineature e posizionamento speciale), la visualizzazione del puntatore della mano sul passaggio del mouse è l'indicazione definitiva di un collegamento.

Per evitare confusione, è imperativo non usare il puntatore della mano per altri scopi. Ad esempio, i pulsanti di comando hanno già un'offerta forte, quindi non hanno bisogno di un puntatore a mano. Il puntatore della mano deve significare "questa destinazione è un collegamento" e niente altro.

Puntatori personalizzati

Windows supporta la creazione di puntatori personalizzati. Per altre informazioni, vedere Impostazione dell'immagine del cursore e dell'input utente: esempio esteso.

Molte applicazioni offrono una tavolozza dei controlli con puntatori personalizzati per supportare la funzionalità dell'applicazione.

screen shot of palette with spray-can pointer

Microsoft Paint include una tavolozza di funzioni diverse, ognuna con un puntatore univoco

Legge dei fitti

La legge di Fitts è un principio noto nella progettazione dell'interfaccia utente grafica che essenzialmente indica:

  • Più lontano è una destinazione, più a lungo è necessario acquisire con il mouse.
  • La destinazione più piccola è, più lunga è l'acquisizione con il mouse.

Di conseguenza, gli obiettivi di grandi dimensioni sono buoni. Assicurarsi di fare clic sull'intera area di destinazione.

Non corretto Corretto (l'intera destinazione è selezionabile)
screen shot of icon with only label clickable screen shot of clickable icon and clickable label

È possibile modificare dinamicamente le dimensioni di una destinazione quando si punta per semplificare l'acquisizione.

screen shot of character map with enlarged number

Una destinazione diventa più grande quando l'utente punta a semplificare l'acquisizione

E gli obiettivi vicini sono anche buoni. Individuare gli elementi selezionabili vicino alla posizione in cui è più probabile che vengano usati. Nell'immagine seguente la tavolozza dei colori è troppo lontana dal selettore degli strumenti.

screen shot of color palette separated from tools

La tavolozza dei colori è troppo lontano dalla posizione in cui è probabile che venga usata

Si consideri il fatto che la posizione del puntatore corrente dell'utente sia più vicina a quella che può essere una destinazione, rendendola semplice da acquisire. Pertanto, i menu di scelta rapida sfruttano appieno la legge di Fitts, come fanno i mini barre degli strumenti usati da Microsoft Office.

screen shot of pointers near drop-down list

La posizione corrente del puntatore è sempre la più semplice da acquisire

Prendere in considerazione anche i dispositivi di input alternativi quando si determinano le dimensioni degli oggetti. Ad esempio, le dimensioni minime consigliate per il tocco sono 23x23 pixel (13x13 DLL).

Ambienti senza mouse

Non tutti gli ambienti Windows hanno un mouse. Ad esempio, i chioschi in genere hanno un mouse e in genere hanno un touchscreen. Ciò significa che gli utenti possono eseguire semplici interazioni, ad esempio facendo clic a sinistra e forse trascinando e rilasciando. Tuttavia, non possono passare il mouse, fare clic con il pulsante destro del mouse o fare doppio clic. Questa situazione è facile da progettare perché queste limitazioni sono in genere note in anticipo.

L'uso di un mouse richiede competenze motorie e, di conseguenza, non tutti gli utenti possono usare un mouse. Per rendere il software accessibile al pubblico più ampio, assicurarsi che tutte le interazioni per le quali non siano essenziali le competenze motorie non possono essere eseguite usando la tastiera.

Per altre informazioni e linee guida, vedere Accessibilità.

Se fai solo quattro cose...

  1. Assegnare comportamenti di interazione del mouse coerenti con gli effetti standard, usando i puntatori standard ogni volta che è appropriato.
  2. Limitare le interazioni avanzate del mouse (quelle che richiedono clic con il pulsante destro del mouse, più clic o chiavi di modifica) alle attività avanzate destinate agli utenti avanzati.
  3. Assegnare interazioni avanzate del mouse coerenti e prevedibili in modo che possano essere usate in modo efficace.
  4. Assicurarsi che il programma fornisca la possibilità di invertire o correggere eventuali azioni indesiderate soprattutto per i comandi distruttivi. Le azioni accidentali sono più probabile quando si usa la manipolazione diretta.

Indicazioni

Fare clic su permettersi

  • Non richiedere mai agli utenti di fare clic su un oggetto per determinare se è selezionabile. Gli utenti devono essere in grado di determinare la clickability solo dall'ispezione visiva.
    • L'interfaccia utente primaria (ad esempio i pulsanti di commit) deve avere un'offerta di clic statica. Gli utenti non devono passare il puntatore del mouse per individuare l'interfaccia utente primaria.
    • L'interfaccia utente secondaria (ad esempio i comandi secondari o i controlli di divulgazione progressiva) può visualizzare l'offerta di clic sul passaggio del mouse.
    • I collegamenti di testo devono suggerire in modo statico il testo del collegamento, quindi visualizzare il relativo clic (sottolineatura o altra modifica della presentazione, con puntatore a mano) al passaggio del mouse.
    • I collegamenti grafici visualizzano solo un puntatore a mano al passaggio del mouse.
  • Usare il puntatore a mano (o "link select") solo per i collegamenti di testo e grafica. In caso contrario, gli utenti devono fare clic su oggetti per determinare se sono collegamenti.

Interazioni standard del pulsante del mouse

La tabella seguente riepiloga le interazioni del pulsante del mouse che si applicano nella maggior parte dei casi:

Interazione Effetto
Passaggio del mouse
Destinazione visualizza la descrizione comando, la descrizione comando o l'equivalente.
Fare clic a sinistra
Attiva o seleziona l'oggetto. Per il testo, imposta il punto di inserimento.
Fare clic con il pulsante destro del mouse
Seleziona l'oggetto e visualizza il relativo menu di scelta rapida.
Doppio clic a sinistra
Attiva o seleziona l'oggetto ed esegue il comando predefinito. Per il testo, seleziona la parola nel punto di inserimento (un terzo clic seleziona la frase o il paragrafo).
Fare doppio clic con il pulsante destro del mouse
Uguale a un singolo clic con il pulsante destro del mouse.
Maiusc singolo clic a sinistra
Per gli oggetti selezionabili, estende in modo contiguo la selezione. In caso contrario, come singolo clic a sinistra con le possibili modifiche. Ad esempio, in Paint, disegnando un ovale con il modificatore di tasti Maiusc viene generato un cerchio.
Maiusc con il pulsante destro del mouse
Uguale a Maiusc a sinistra.
Maiusc doppio clic a sinistra
Uguale a Maiusc singolo clic a sinistra e esegue il comando predefinito sull'intera selezione.
Maiusc doppio clic con il pulsante destro del mouse
Uguale a Maiusc a sinistra.
Ctrl singolo clic a sinistra
Per gli oggetti selezionabili, estende la selezione attivando lo stato di selezione dell'elemento selezionato senza influire sulla selezione di altri oggetti , consentendo quindi la selezione che non è contigua. In caso contrario, uguale a un singolo clic a sinistra.
Ctrl singolo clic con il pulsante destro del mouse
Uguale a CTRL a sinistra.
Ctrl doppio clic a sinistra
Uguale a CTRL singolo clic a sinistra e esegue il comando predefinito sull'intera selezione.
Ctrl doppio clic con il pulsante destro del mouse
Uguale a CTRL a sinistra.

Interazione del mouse

  • Fare clic su destinazioni almeno 16x16 pixel in modo che possano essere facilmente cliccati da qualsiasi dispositivo di input. Per il tocco, le dimensioni minime di controllo consigliate sono 23x23 pixel (13x13 DLL). Prendere in considerazione la modifica dinamica delle dimensioni delle destinazioni di piccole dimensioni quando l'utente punta a renderli più facili da acquisire.

    In questo esempio, i pulsanti di controllo di rotazione sono troppo piccoli da usare in modo efficace con tocco o penna.

    screen shot of spin control with small arrows

  • Rendere i splitter a 5 pixel di larghezza in modo che possano essere facilmente cliccati da qualsiasi dispositivo di input. Prendere in considerazione la modifica dinamica delle dimensioni delle destinazioni di piccole dimensioni quando l'utente punta a renderli più facili da acquisire.

    In questo esempio, lo splitter nel riquadro di spostamento Windows Explorer è troppo stretto da usare in modo efficace con un mouse o una penna.

    screen shot of narrow, almost invisible splitter

  • Fornire agli utenti un margine di errore in modo spaziale. Consenti un movimento del mouse (ad esempio tre pixel) quando gli utenti rilasciano un pulsante del mouse. Gli utenti a volte spostano il mouse leggermente quando rilasciano il pulsante del mouse, quindi la posizione del mouse appena prima del rilascio del pulsante riflette meglio l'intenzione dell'utente rispetto alla posizione appena dopo.

  • Fornire agli utenti un margine di errore temporale. Usare la velocità di doppio clic del sistema per distinguere tra singoli clic e doppio clic.

  • I clic hanno effetto sul pulsante del mouse su. Consentire agli utenti di abbandonare le azioni del mouse rimuovendo il mouse da destinazioni valide prima di rilasciare il pulsante del mouse. Per la maggior parte delle interazioni con il mouse, premere un pulsante del mouse indica solo la destinazione selezionata e rilasciare il pulsante attiva l'azione. Le funzioni di ripetizione automatica ( ad esempio premendo una freccia di scorrimento per scorrere continuamente) sono un'eccezione.

  • Acquisire il mouse per la selezione, lo spostamento, il ridimensionamento, la suddivisione e il trascinamento.

  • Usare la chiave Esc per consentire agli utenti di abbandonare interazioni composte del mouse, ad esempio lo spostamento, il ridimensionamento, la suddivisione e il trascinamento.

  • Se un oggetto non supporta doppio clic, ma è probabile che gli utenti lo presuppongono, interpretare un "doppio clic" come un singolo clic. Si supponga che l'utente abbia previsto una singola azione anziché due.

    Poiché è probabile che gli utenti presuppongono che i pulsanti della barra delle applicazioni supportino doppio clic, deve essere gestito come singolo clic.

    screen shot of taskbar button and standard pointer

  • Ignorare i clic del mouse ridondanti mentre il programma è inattivo. Ad esempio, se l'utente fa clic su un pulsante 10 volte mentre un programma è inattivo, interpretare come singolo clic.

  • Non usare due trascinamenti o accordi. Un doppio trascinamento è un'azione di trascinamento avviata con un doppio clic e un accordo è quando più pulsanti del mouse vengono premuti simultaneamente. Queste interazioni non sono standard, non sono individuabili, sono difficili da eseguire e sono probabilmente eseguite accidentalmente.

  • Non usare ALT come modificatore per le interazioni con il mouse. La chiave ALT è riservata per l'accesso alla barra degli strumenti e le chiavi di accesso.

  • Non usare MAIUSC+CTRL come modificatore per le interazioni con il mouse. In questo modo sarebbe troppo difficile usare.

  • Rendere ridondante il puntatore del mouse. Per rendere il programma toccabile, sfruttare appieno il passaggio del mouse, ma solo in modi non necessari per eseguire un'azione. Ciò significa in genere che un'azione può essere eseguita anche facendo clic, ma non necessariamente esattamente nello stesso modo. Il passaggio del mouse non è supportato dalla maggior parte delle tecnologie touch, quindi gli utenti con tali touchscreen non possono eseguire attività che richiedono il passaggio del mouse.

Rotellina del mouse

  • Fare in modo che la rotellina del mouse influisca sul controllo, sul riquadro o sulla finestra in cui è attualmente attivo il puntatore. In questo modo si evitano risultati imprevisti.
  • Rendere effettiva la rotellina del mouse senza fare clic o avere lo stato attivo di input. Il puntatore del mouse è sufficiente.
  • Fare in modo che la rotellina del mouse influisca sull'oggetto con l'ambito più specifico. Ad esempio, se il puntatore si trova su un controllo casella di riepilogo scorrevole in un riquadro scorrevole all'interno di una finestra scorrevole, la rotellina del mouse influisce sul controllo casella di riepilogo.
  • Non modificare lo stato attivo dell'input quando si usa la rotellina del mouse.
  • Assegnare al mouse gli effetti seguenti:
    • Per finestre, riquadri e controlli scorrevoli:
      • Ruotando la rotellina del mouse scorre verticalmente l'oggetto, dove ruotando verso l'alto scorre verso l'alto. Per avere il mapping naturale della rotellina, la rotazione della rotellina del mouse non dovrebbe mai scorrere orizzontalmente perché in questo modo è disorientante e imprevisto.
        • Se il tasto CTRL viene premuto, ruotando la rotellina del mouse l'oggetto viene zoomato verso l'alto e ruotando verso il basso lo zoom verso l'alto.
        • L'inclinazione della rotellina del mouse scorre l'oggetto orizzontalmente.
    • Per finestre e riquadri zoomabili (senza barre di scorrimento):
      • Ruotando la rotellina del mouse si zooma l'oggetto, dove ruotando lo zoom verso l'alto e ruotando verso l'alto si riduce lo zoom verso l'alto.
      • L'inclinazione della rotellina del mouse non ha alcun effetto.
    • Per le schede:
      • La rotazione della rotellina del mouse può modificare la scheda corrente, indipendentemente dall'orientamento delle schede.
      • L'inclinazione della rotellina del mouse non ha alcun effetto.
    • Se i tasti Maiusc e ALT sono depressi, la rotellina del mouse non ha alcun effetto.
  • Usare le impostazioni di sistema Windows per le dimensioni dello scorrimento verticale (per la rotazione) e le dimensioni dello scorrimento orizzontale (per l'inclinazione). Queste impostazioni sono configurabili tramite l'elemento pannello di controllo mouse.
  • La rotazione della rotellina del mouse comporta più rapidamente lo scorrimento più rapido. In questo modo, gli utenti possono scorrere documenti di grandi dimensioni in modo più efficiente.
  • Per le finestre scorrevoli, è consigliabile fare clic sul pulsante della rotellina del mouse per inserire la finestra in "modalità lettore". La modalità lettore pianta un'icona di origine di scorrimento speciale e scorre la finestra in una direzione e velocità rispetto all'origine di scorrimento.

screen shot of page with scroll-origin icon

Internet Explorer supporta la modalità lettore, che include l'icona dell'origine di scorrimento

Nascondere il puntatore

  • Non nascondere il puntatore. Eccezioni:
    • Le applicazioni di presentazione in esecuzione in modalità presentazione a schermo intero possono nascondere il puntatore. Tuttavia, il puntatore deve essere ripristinato immediatamente quando gli utenti spostano il mouse e possono essere ricreati dopo due secondi di inattività.
    • Gli ambienti senza un mouse (ad esempio chioschi) possono nascondere definitivamente il puntatore.
  • Per impostazione predefinita, Windows nasconde il puntatore mentre l'utente digita in una casella di testo. Questa impostazione di sistema Windows è configurabile tramite l'elemento del pannello di controllo mouse.

Puntatori attività

I puntatori attività in Windows sono il puntatore occupato () e il puntatore in background (screen shot of doughnut-shaped pointer screen shot of doughnut-shaped pointer and arrow ).

  • Visualizzare il puntatore occupato quando gli utenti devono attendere più di un secondo per il completamento di un'azione. Si noti che il puntatore occupato non ha un punto di accesso frequente, quindi gli utenti non possono fare clic su nulla mentre viene visualizzato.
  • Visualizzare il puntatore in background quando gli utenti devono attendere più di un secondo per completare un'azione, ma il programma è reattivo e non è presente alcun altro feedback visivo che l'azione non è completa.
  • Non combinare puntatori attività con barre di stato o animazioni di stato.

Cursore

  • Non visualizzare il caret fino a quando la finestra di input di testo o il controllo ha lo stato attivo di input. Il caret suggerisce lo stato attivo di input agli utenti, ma una finestra o un controllo possono visualizzare il punto di attenzione senza lo stato attivo di input. Naturalmente, non rubare lo stato attivo dell'input in modo che una finestra di dialogo out-of-context possa visualizzare il caret.

    Il Windows Gestione credenziali viene visualizzato fuori contesto con il cursore, ma senza stato attivo di input. Di conseguenza, gli utenti finiscono per digitare la password in luoghi imprevisti.

    screen shot of credential manager without focus

  • Posizionare prima il punto in cui gli utenti sono più probabili digitare. In genere, questo è l'ultimo posto in cui l'utente digitava o alla fine del testo.

Accessibilità

  • Per gli utenti che non possono usare il mouse, rendere il mouse ridondante con la tastiera.
    • Gli utenti devono essere in grado di fare tutto con la tastiera che possono con il mouse, ad eccezione delle azioni per cui le abilità motorie fine sono essenziali, ad esempio disegno e gioco.
    • Gli utenti devono poter fare tutto con il mouse che possono usare la tastiera, ad eccezione della voce di testo efficiente.
  • Per gli utenti con capacità limitata di usare il mouse:
    • Non fare doppio clic e trascinare l'unico modo per eseguire un'azione.

Per altre informazioni e linee guida, vedere Accessibilità.

Documentazione

Quando si fa riferimento al mouse:

  • Evitare di usare i topi plurali; se è necessario fare riferimento a più mouse, usare i dispositivi del mouse.
  • Usare il pulsante del mouse per indicare il pulsante sinistro del mouse. Non usare il pulsante del mouse primario. Analogamente, usare il pulsante destro del mouse anziché il pulsante del mouse secondario. Indipendentemente dall'accuratezza, gli utenti comprendono questi termini e gli utenti che rigrammano i loro pulsanti fanno il passaggio mentale.
  • Usare la rotellina per la parte ruotata della rotellina del mouse e il pulsante della rotellina per fare riferimento alla parte selezionabile.
  • Usare verbi come clic, punto e trascinamento per fare riferimento alle azioni del mouse. Gli utenti ruotano la ruota verticalmente, inclinano orizzontalmente e fare clic sul pulsante della ruota.
  • Usare il trascinamento, non il trascinamento e la selezione, per l'azione di spostamento di un documento o di una cartella. È accettabile usare il trascinamento della selezione come aggettivo, come in "spostamento della cartella è un'operazione di trascinamento".
  • Sempre trattino doppio clic e fare clic con il pulsante destro del mouse come verbi.
  • Usare il clic, non fare clic su. Fare clic su (come in "fare clic nella finestra") è accettabile.

Quando si fa riferimento ai puntatori del mouse:

  • Fare riferimento al puntatore del mouse come puntatore. Usare il cursore solo nella documentazione tecnica.
  • Per i puntatori con indicatori di attività, usare puntatore occupato per il puntatore costituito solo da un indicatore di attività e lavorare nel puntatore in background per l'indicatore di puntatore e attività combinato.
  • Per gli altri tipi di puntatori, non usare etichette descrittive per fare riferimento al puntatore. Se necessario, usare un elemento grafico per descrivere la modalità di visualizzazione del puntatore del mouse sullo schermo.

Esempi:

  • Puntare al bordo della finestra.
  • Usando il mouse, fare clic sul pulsante Riduci a icona .
  • Tieni premuto Maiusc e fai clic sul pulsante destro del mouse.
  • Quando il puntatore diventa un screen shot of arrow with two crossbarspuntatore , trascinare il puntatore per spostare la riga di divisione.

Vedi anche