Condividi tramite


Mouse e puntatori di Windows 7

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 primario usato per interagire con gli oggetti in Windows. La funzionalità mouse può includere anche altri dispositivi di puntamento, ad esempio trackball, touchpad e levette puntate 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.

screenshot di cinque tipici puntatori del mouse

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).

screenshot della casella di testo con cursore

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.

screenshot di un pulsante e di un dispositivo di scorrimento

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.

screenshot del testo del collegamento e dell'icona della terra su Internet

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 di Windows che potrebbe non sembrare un'interazione avanzata. Ad esempio, l'apertura di cartelle, programmi o documenti nel riquadro file di Esplora risorse viene eseguita facendo doppio clic. L'apertura di un collegamento sul desktop di Windows usa anche il doppio clic. Al contrario, l'apertura di cartelle o programmi nel 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 finché 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, ci può essere 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 forme e utilizzi comuni del puntatore.

Con forme Nome Quando si usa
schermata del puntatore con forma freccia
Selezione normale
Usato per la maggior parte degli oggetti.
schermata della mano con puntamento del dito dell'indice
Selezione collegamento
Usato per i collegamenti di testo e grafica a causa della loro debole offerta.
schermata del puntatore con forma i-beam
Selezione testo
Usato per indicare una posizione tra caratteri.
schermata del puntatore con forma più segno più grande
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
screenshot del puntatore con quattro frecce
usato per spostare una finestra in qualsiasi direzione.
pan
schermata del puntatore con forma della mano
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 che mostra puntatori su giù. screenshot di puntatori verso il basso e a destra
usato per ridimensionare una singola dimensione.
ridimensionamento diagonale
bb545459.mouse13(en-us,msdn.10).png schermata di puntatori diagonali con suggerimenti freccia
usato per ridimensionare due dimensioni contemporaneamente.
ridimensionamento di righe e colonne
bb545459.mouse15(en-us,msdn.10).png schermata di puntatori a freccia con barra incrociata
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).png schermata di puntatori a freccia con doppia barra incrociata
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
screenshot di foto, puntatore standard e descrizione infotipo
usato su destinazioni di trascinamento valide. può anche avere una descrizione info per indicare un effetto specifico.
non disponibile
schermata di icona bloccata/offline di piccole dimensioni
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.

Con forme Nome Quando si usa
Screenshot che mostra un puntatore 'occupato'.
Puntatore occupato
Usato per attendere che una finestra diventi reattiva.
screenshot del puntatore e della freccia a forma di anello
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 la schermata di puntamento delle dita dell'indice con punta a dito indice ) a causa della loro debolezza. 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.

schermata della tavolozza con puntatore a spray

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 è un bersaglio, più ci vuole più tempo per 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.

Risposta errata Corretto (l'intera destinazione è selezionabile)
schermata dell'icona con solo l'etichetta selezionabile schermata dell'icona selezionabile e dell'etichetta selezionabile

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

schermata della mappa dei caratteri con numero ingrandito

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

E anche obiettivi stretti sono 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 dello strumento.

screenshot della tavolozza dei colori separata dagli strumenti

La tavolozza dei colori è troppo lontana da dove è probabile che venga usata

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

screenshot dei puntatori vicino all'elenco a discesa

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

Considerare anche i dispositivi di input alternativi quando si determinano le dimensioni degli oggetti. Ad esempio, la dimensione minima di destinazione consigliata per il tocco è 23x23 pixel (13x13 DLL).

Ambienti senza mouse

Non tutti gli ambienti Windows hanno un mouse. Ad esempio, i chioschi multimediali hanno raramente un mouse e in genere hanno un touchscreen. Ciò significa che gli utenti possono eseguire interazioni semplici, ad esempio facendo clic con il pulsante sinistro del mouse e 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 abilità motorie fine e, di conseguenza, non tutti gli utenti possono usare un mouse. Per rendere il tuo software accessibile al pubblico più ampio, assicurati che tutte le interazioni per le quali le abilità motorie belle non siano essenziali possono essere eseguite usando invece la tastiera.

Per altre informazioni e linee guida, vedere Accessibilità.

Se fai solo quattro cose...

  1. Assegnare comportamenti di interazione del mouse coerenti con i relativi 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, in particolare per i comandi distruttivi. Le azioni accidentali sono più probabili quando si usa la manipolazione diretta.

Indicazioni

Fare clic sull'invito

  • 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 tramite ispezione visiva.
    • L'interfaccia utente primaria (ad esempio i pulsanti di commit) deve avere un invito statico di clic. Gli utenti non devono passare il mouse per individuare l'interfaccia utente primaria.
    • L'interfaccia utente secondaria (ad esempio comandi secondari o controlli di divulgazione progressiva) può visualizzare l'invito di clic al passaggio del mouse.
    • I collegamenti di testo dovrebbero suggerire in modo statico il testo del collegamento, quindi visualizzare l'invito al clic (sottolineatura o altra modifica della presentazione, con il puntatore della mano) al passaggio del mouse.
    • I collegamenti grafici visualizzano solo un puntatore della 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 dovranno fare clic sugli 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
La destinazione visualizza la descrizione comando, la descrizione informazioni o l'equivalente.
Fare clic con il pulsante sinistro del mouse
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 con il pulsante sinistro del mouse
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).
Doppio clic con il pulsante destro del mouse
Uguale a un singolo clic con il pulsante destro del mouse.
Maiusc singolo clic con il pulsante sinistro del mouse
Per gli oggetti selezionabili, estende in modo contiguo la selezione. In caso contrario, uguale a un singolo clic sinistro con possibili modifiche. In Paint, ad esempio, disegnando un ovale con il modificatore tasto MAIUSC viene disegnato un cerchio.
Maiusc singolo clic con il pulsante destro del mouse
Uguale a Maiusc singolo clic a sinistra.
Maiusc doppio clic a sinistra
Uguale a Maiusc singolo clic a sinistra ed esegue il comando predefinito per l'intera selezione.
Maiusc doppio clic con il pulsante destro del mouse
Uguale a Maiusc singolo clic a sinistra.
Ctrl singolo clic con il pulsante sinistro del mouse
Per gli oggetti selezionabili, estende la selezione attivando o disattivando lo stato di selezione dell'elemento selezionato senza influire sulla selezione di altri oggetti , consentendo quindi la selezione non contigua. In caso contrario, uguale a un singolo clic con il pulsante sinistro del mouse.
Ctrl singolo clic con il pulsante destro del mouse
Uguale a CTRL singolo clic con il pulsante sinistro del mouse.
Ctrl doppio clic con il pulsante sinistro del mouse
Uguale a CTRL singolo clic con il pulsante sinistro del mouse ed esegue il comando predefinito per l'intera selezione.
Ctrl doppio clic con il pulsante destro del mouse
Uguale a CTRL singolo clic con il pulsante sinistro del mouse.

Interazione del mouse

  • Imposta come destinazione un clic di almeno 16x16 pixel in modo che possano essere facilmente cliccati da qualsiasi dispositivo di input. Per il tocco, la dimensione minima consigliata del controllo è 23x23 pixel (13x13 DLL). Prendere in considerazione la modifica dinamica delle dimensioni delle destinazioni di piccole dimensioni quando l'utente punta a renderle più facili da acquisire.

    In questo esempio, i pulsanti di controllo di selezione sono troppo piccoli per essere usati in modo efficace con il tocco o una penna.

    screenshot del controllo spin con frecce piccole

  • Rendere i splitter di almeno cinque 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 renderle più facili da acquisire.

    In questo esempio, la barra di divisione nel riquadro di spostamento di Esplora risorse è troppo stretta per essere usata in modo efficace con un mouse o una penna.

    screenshot di splitter stretto, quasi invisibile

  • Fornire agli utenti un margine di errore nello spazio. Consenti alcuni movimenti 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 i singoli e i doppio clic.

  • I clic hanno effetto sul pulsante del mouse verso l'alto. 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 del 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 selezionare, spostare, ridimensionare, dividere e trascinare.

  • Usare il tasto ESC per consentire agli utenti di abbandonare interazioni composte del mouse, ad esempio spostamento, ridimensionamento, divisione e trascinamento.

  • Se un oggetto non supporta i doppio clic, ma è probabile che gli utenti lo presuppongono, interpretare un "doppio clic" come un solo 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 i doppio clic, un "doppio clic" deve essere gestito come singolo clic.

    screenshot del pulsante della barra delle applicazioni e del puntatore standard

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

  • Non usare il doppio trascinamento o gli accordi. Un doppio trascinamento è un'azione di trascinamento avviata con un doppio clic e un accordo è quando più pulsanti del mouse vengono premuti contemporaneamente. 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 del mouse. Il tasto ALT è riservato per l'accesso alla barra degli strumenti e i tasti di scelta.

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

  • Rendere ridondante il passaggio del mouse. Per rendere il programma toccabile, sfruttare al massimo 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 di tocco, 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, il riquadro o la finestra su cui è attualmente posizionato il puntatore. In questo modo si evitano risultati imprevisti.
  • Rendere effettiva la rotellina del mouse senza fare clic o avere lo stato attivo per l'input. Il passaggio 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 alla rotellina del mouse gli effetti seguenti:
    • Per finestre scorrevoli, riquadri e controlli:
      • La rotazione della rotellina del mouse scorre l'oggetto verticalmente, in cui la rotazione verso l'alto scorre verso l'alto. Affinché la rotellina abbia un mapping naturale, la rotazione della rotellina del mouse non dovrebbe mai scorrere orizzontalmente perché in questo modo si disorienta e imprevisto.
        • Se il tasto CTRL viene premuto, la rotazione della rotellina del mouse consente di ingrandire l'oggetto, in cui la rotazione dello zoom avanti e la rotazione verso il basso si riduce.
        • L'inclinazione della rotellina del mouse scorre orizzontalmente l'oggetto.
    • Per finestre e riquadri zoomabili (senza barre di scorrimento):
      • La rotazione della rotellina del mouse consente di ingrandire l'oggetto, in cui la rotazione dello zoom avanti e la rotazione dello zoom indietro viene eseguita.
      • 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 di Windows per le dimensioni di scorrimento verticale (per la rotazione) e le dimensioni dello scorrimento orizzontale (per l'inclinazione). Queste impostazioni sono configurabili tramite l'elemento del pannello di controllo mouse.
  • Fare ruotare la rotellina del mouse più rapidamente comporta 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.

screenshot della pagina con l'icona di origine di scorrimento

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

Nascondere il puntatore

  • Non nascondere il puntatore. Eccezioni:
    • Le applicazioni 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 mouse (ad esempio chioschi multimediali) 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 di Windows è configurabile tramite l'elemento del pannello di controllo mouse.

Puntatori alle attività

I puntatori alle attività in Windows sono il puntatore occupato (screenshot del puntatore a forma di anello ) e il puntatore in background (screenshot del puntatore a forma di anello e freccia ).

  • 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, in modo che gli utenti non possano fare clic su nulla mentre viene visualizzato.
  • Visualizzare il puntatore in background quando gli utenti devono attendere più di un secondo per il completamento di un'azione, ma il programma è reattivo e non ci sono altri commenti visivi che l'azione non è stata completata.
  • Non combinare puntatori attività con barre di stato o animazioni di stato.

Cursore

  • Non visualizzare il cursore fino a quando la finestra di input di testo o il controllo non ha lo stato attivo per l'input. Il cursore suggerisce lo stato attivo per gli utenti, ma una finestra o un controllo può visualizzare il cursore senza lo stato attivo per l'input. Naturalmente, non rubare lo stato attivo di input in modo che una finestra di dialogo out-of-context possa visualizzare il cursore.

    Windows Credential Manager viene visualizzato fuori contesto con il cursore, ma senza lo stato attivo per l'input. Di conseguenza, gli utenti finiscono per digitare la password in luoghi imprevisti.

    screenshot di Gestione credenziali senza stato attivo

  • Posizionare il cursore in cui è più probabile che gli utenti digitano per primi. In genere si tratta dell'ultima posizione in cui l'utente digitava o alla fine del testo.

Accessibilità

  • Per gli utenti che non possono usare affatto il mouse, rendere ridondante il mouse con la tastiera.
    • Gli utenti dovrebbero essere in grado di fare tutto con la tastiera che possono con il mouse, ad eccezione delle azioni per cui le abilità motorie belle sono essenziali, ad esempio disegno e gioco.
    • Gli utenti dovrebbero essere in grado di eseguire tutte le operazioni con il mouse che possono usare con la tastiera, tranne una 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 primario del mouse. Analogamente, usare il pulsante destro del mouse anziché il pulsante secondario del mouse. Indipendentemente dall'accuratezza, gli utenti conoscono questi termini e gli utenti che riprogrammano i loro pulsanti fanno il cambiamento mentale.
  • Utilizzare la rotellina per la parte rotante 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, lo inclinano orizzontalmente e fai clic sul pulsante della rotellina.
  • Usare il trascinamento, non il trascinamento della selezione, per l'azione di spostamento di un documento o di una cartella. È accettabile usare il trascinamento della selezione come aggettivo, come in "lo spostamento della cartella è un'operazione di trascinamento della selezione".
  • Sempre sillabare 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 il puntatore occupato per il puntatore costituito solo da un indicatore di attività e lavorare nel puntatore in background per il puntatore combinato e l'indicatore di attività.
  • 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 .
  • Tenere premuto MAIUSC e fare clic sul pulsante destro del mouse.
  • Quando il puntatore diventa uno screenshot della freccia con due barre incrociate, trascinare il puntatore per spostare la linea di divisione.

Vedi anche