Modalità di interazione degli utenti con i dispositivi di input (HTML)
[ Questo articolo è rivolto agli sviluppatori per Windows 8.x e Windows Phone 8.x che realizzano app di Windows Runtime. Gli sviluppatori che usano Windows 10 possono vedere Documentazione aggiornata ]
Qui di seguito riportiamo un elenco delle interazioni comuni e i gesti per riprodurle tramite tocco, touchpad, mouse, tastiera e penna/stilo in Windows 8.1.
Per una dimostrazione pratica di questa funzionalità, vedi gli argomenti della serie Funzionalità delle app dall'inizio alla fine: Interazione dell'utente: input tocco... e oltre
Interazioni e dispositivi
Windows 8.1 supporta una vasta gamma di dispositivi di input, dal tocco alla tastiera. Fornisce un'esperienza di interazione intuitiva ed efficiente esclusiva per ogni dispositivo, ma coerente a livello funzionale tra dispositivi e modalità, ad esempio tastiera tocco, rotellina del mouse e gomma per input penna.
Progetta l'interfaccia utente della tua app di Windows Store per il tocco, ma valuta le implicazioni di progettazione per diversi dispositivi:
- Touchpad, che combinano l'esperienza del tocco con quella del mouse
- Mouse
- Penna/stilo, concepiti per l'input penna
- Dispositivi tastiera, per la modifica del testo e le scelte rapide per i comandi
| Tocco | Touchpad | Mouse | Tastiera (hardware) | Penna/stilo |
|---|---|---|---|---|
| Selezione | ||||
| Scorrimento rapido in direzione opposta a quella di scorrimento (vedi Linee guida per lo scorrimento trasversale) | Tocco con due dita | Clic con il pulsante destro del mouse | Barra spaziatrice | Scorrimento rapido in direzione opposta a quella di scorrimento (vedi Linee guida per lo scorrimento trasversale) |
| Visualizzazione barra dell'app | ||||
| Scorrimento rapido dal bordo superiore a quello inferiore | Scorrimento rapido dal bordo superiore a quello inferiore | Clic con il pulsante destro del mouse | Tasto logo Windows+Z, tasto di menu | Scorrimento rapido dal bordo superiore a quello inferiore |
| Visualizzazione degli accessi | ||||
| Scorrimento rapido dal bordo destro | Scorrimento rapido dal bordo destro | Passaggio del mouse sull'angolo destro superiore o inferiore | Tasto logo Windows+C | Scorrimento rapido dal bordo destro |
| Menu di scelta rapida | ||||
| Tocco sul testo selezionato, pressione prolungata | Tocco con due dita sul testo selezionato, pressione prolungata | Clic con il pulsante destro del mouse | Tasto di menu | Tocco sul testo selezionato, pressione prolungata |
| Avvio/attivazione | ||||
| Tocco | Tocco | Clic con il pulsante sinistro del mouse | Invio | Tocco |
| Scorrimento a breve distanza | ||||
| Scorrimento | Scorrimento con due dita | Barra di scorrimento, tasti di direzione, clic con il pulsante sinistro del mouse e scorrimento | Tasti di direzione | Barra di scorrimento |
| Scorrimento a lunga distanza | ||||
| Scorrimento (con inerzia) | Scorrimento con due dita (con inerzia) | Barra di scorrimento, rotellina del mouse, clic con il pulsante sinistro del mouse e scorrimento | PgSu, PgGiù | Barra di scorrimento |
| Ridisposizione (trascinamento) | ||||
| Scorrimento con un dito in direzione opposta a quella di scorrimento oltre una soglia di distanza (vedi Linee guida per lo scorrimento trasversale) | Pressione prolungata e scorrimento | Clic con il pulsante sinistro del mouse e scorrimento | CTRL-C o CTRL-X, CTRL-V | Scorrimento con un dito in direzione opposta a quella di scorrimento oltre una soglia di distanza (vedi Linee guida per lo scorrimento trasversale) |
| Zoom | ||||
| Avvicinamento e allontanamento delle dita | Avvicinamento e allontanamento delle dita | Rotellina del mouse, Ctrl+rotellina del mouse, comando dell'interfaccia utente | CTRL+PIÙ (+) o MENO (-) | Comando dell'interfaccia utente |
| Rotazione | ||||
| Rotazione | Rotazione | CTRL+MAIUSC+rotellina del mouse, comando dell'interfaccia utente | CTRL+PIÙ (+) o MENO (-) | Comando dell'interfaccia utente |
| Inserimento del cursore/selezione di testo | ||||
| Tocco, tocco su barretta verticale di ridimensionamento | Tocco | Clic con il pulsante sinistro del mouse+scorrimento, doppio clic | Tasti di direzione, Maiusc+tasti di direzione, Ctrl+tasti di direzione e così via | Tocco, tocco su barretta verticale di ridimensionamento |
| Altre informazioni | ||||
| Pressione prolungata | Pressione prolungata | Passaggio del mouse (con soglia di tempo) | Spostamento del rettangolo di selezione (con soglia di tempo) | Tenere premuto |
| Spostamento stato attivo | ||||
| N/D | N/D | N/D | Tasti di direzione, TAB | N/D |
| Feedback all'interazione | ||||
| Visualizzazioni del tocco | Spostamento e modifiche del cursore | Spostamento e modifiche del cursore | Rettangoli di selezione | Visualizzazioni della penna |
Argomenti correlati
Informazioni concettuali
Risposta alle interazioni degli utenti
Progettazione delle interazioni tramite tocco
Riferimenti
Esempi (DOM)
Esempio di controlli HTML di scorrimento, panoramica e zoom
Input: Esempio di gestione degli eventi relativi al puntatore DOM
Input: Esempio di gesti istanziabili
Esempi (API di app di Windows Store)
Input: Esempio di manipolazioni e gesti (JavaScript)
Input: Esempio di gesti di Windows 8
Input: Esempio di eventi di input utente XAML
Esempio di scorrimento, panoramica e zoom con XAML
Esempi (DirectX)