L'esperienza desktop, su Googlebook, Chromebook e display connessi, consente un input preciso e un multitasking avanzato. L'ambiente desktop consente agli utenti di lavorare su più finestre e istanze, utilizzando scorciatoie da tastiera e interazioni con mouse e trackpad. Le app ottimizzate per computer offrono un'esperienza utente produttiva che colma il divario tra la comodità dei dispositivi mobili e la potenza dei computer.
Linee guida
Crea un'esperienza utente eccezionale che sfrutti appieno le funzionalità del dispositivo.
Esperienza utente
| ID linea guida | ID test | Descrizione |
|---|---|---|
| Scrollbar_Display | T-Scrollbar_Display | L'app mostra una barra di scorrimento mentre i contenuti vengono scorsi con un mouse o un trackpad. |
| Hover_Parity | T-Hover_Parity | Ove applicabile, gli elementi UI mostrano contenuti aggiuntivi come anteprime, menu a comparsa e tooltip informativi quando passi il mouse o il trackpad sopra. L'app mantiene la parità dello stato di passaggio del mouse con le versioni web o desktop equivalenti dell'app, se possibile. L'app garantisce stati di passaggio del mouse distinti e coerenti con un contrasto visivo che supporta gli standard di accessibilità su tutti gli elementi UI. |
| Desktop_Menus | T-Desktop_Menus | L'app ha elementi UI non invasivi, come menu in stile desktop, menu contestuali e piccole finestre modali, se appropriato, per consentire agli utenti di rimanere concentrati sulla loro attività principale senza una navigazione costante. |
| UI_Config | T-UI_Config | L'app ha layout adattabili e configurabili dall'utente per schermi di grandi dimensioni e dispositivi con cursore, tra cui:
|
| Request_Fullscreen_Mode | T-Request_Fullscreen_Mode | L'app implementa In genere, le app forniscono un elemento UI, ad esempio un pulsante, che attiva l'esperienza immersiva a schermo intero. |
Tastiera, mouse e trackpad
| ID linea guida | ID test | Descrizione |
|---|---|---|
| Keyboard_Navigation | T-Keyboard_Navigation | L'app supporta una navigazione fluida ed efficiente con una tastiera. L'app garantisce stati attivi distinti e coerenti con un contrasto visivo che supporta gli standard di accessibilità per tutti gli elementi UI. Lo stato attivo iniziale è impostato per gli elementi UI appropriati; ad esempio, quando gli utenti scrivono una bozza di messaggio in un'app email, lo stato attivo è inizialmente sul campo di testo A. Gli utenti dovrebbero essere in grado di iniziare a digitare immediatamente nel primo campo di immissione di testo quando viene caricata una pagina. Consulta la sezione Interazione con la tastiera. |
| Keyboard_Parity | T-Keyboard_Parity | L'app fornisce un set completo di scorciatoie da tastiera, supportando al contempo le scorciatoie convenzionali come Ctrl-C per copiare e Ctrl-Z per annullare. L'app mantiene la parità delle scorciatoie da tastiera con le versioni web e desktop equivalenti dell'app, ove possibile. |
| Input_Combinations | T-Input_Combinations | Le combinazioni di tastiera e mouse o trackpad, come Ctrl+clic o Ctrl+tocco e Maiusc+clic o Maiusc+tocco, offrono funzionalità avanzate, tra cui la selezione di intervalli di elementi adiacenti o di più elementi separati. |
| Triple_Click | T-Triple_Click | Se fai triplo clic con il mouse o triplo tocco con il trackpad, selezioni intere righe o paragrafi di testo. |
Multitasking e multi-istanza
| ID linea guida | ID test | Descrizione |
|---|---|---|
| Multitasking_Scenarios |
T-Multitasking_PiP, T-Multitasking_Split-Screen, T-Multitasking_Attachments |
L'app supporta vari scenari di multitasking, ad esempio:
|
| Multitasking_PiP | T-Multitasking_PiP | L'app supporta la funzionalità Picture in picture interattiva che consente controlli personalizzati e l'interazione dell'utente nelle applicazioni multimediali e non multimediali. |
| Multi-istanza | T-Multi-Instance | L'app è in grado di avviare più istanze di se stessa in finestre separate. I casi d'uso includono la modifica di documenti, la navigazione sul browser web, le app di gestione dei file e i confronti dei prodotti nelle app di shopping. Consulta Multi-istanza in Supporta la modalità multi-finestra. |
Trascina
| ID linea guida | ID test | Descrizione |
|---|---|---|
| Drag_Drop_Support | T-Drag_Drop_Support | L'app supporta il trascinamento tra le presentazioni all'interno dell'app e, in modalità multi-finestra, da e verso altre app utilizzando l'input tocco, il mouse, il trackpad e lo stilo. Consulta Attiva il trascinamento. Vedi anche Stylus_Drag_Drop. |
| T-Drag_Drop_Batch | L'app supporta il trascinamento di più elementi nell'app per l'elaborazione come gruppo. Consulta DropHelper per il trascinamento semplificato. |
Stampa e gestione dei file
| ID linea guida | ID test | Descrizione |
|---|---|---|
| Printing_Support | T-Printing_Support | L'app supporta la stampa di documenti o l'esportazione in un formato stampabile. |
| File_Management_Basics | T-File_Management_Basics | L'app implementa funzionalità comuni di gestione dei file, tra cui:
|
| File_Picker | T-File_Picker | L'app si integra con il selettore file del sistema operativo, garantendo esperienze di importazione ed esportazione senza interruzioni. Gli utenti di computer e di strumenti di produttività fanno molto affidamento sui gestori di file per un accesso ampio ai contenuti. |
| File_Handlers | T-File_Handlers | L'app si designa come gestore di file dichiarando il supporto per i tipi di file pertinenti. In questo modo, gli utenti possono aprire i file con applicazioni specifiche direttamente dall'app File del sistema. |
Cursori
| ID linea guida | ID test | Descrizione |
|---|---|---|
| Custom_Cursors | T-Custom_Cursors |
L'app mostra cursori personalizzati per indicare come e quando gli utenti possono interagire con gli elementi UI e i contenuti, ad esempio:
|
| Cursor_Target_Size | T-Cursor_Target_Size | L'app dà priorità alla precisione nelle interazioni con il cursore implementando dimensioni dei target del cursore che corrispondono alle dimensioni dei target visivi per ridurre il target percepito. |
Cross-device
| ID linea guida | ID test | Descrizione |
|---|---|---|
| Cross_Device_Handoff | T-Cross_Device_Handoff | Le app che funzionano su più tipi di dispositivi Android consentono agli utenti di iniziare un'attività su un dispositivo Android e passare senza problemi a un altro. L'app ripristina uno stato quasi equivalente per la stessa attività, in modo che l'utente possa continuare da dove aveva interrotto. |
Assistenza offline
| ID linea guida | ID test | Descrizione |
|---|---|---|
| Offline_Support | T-Offline_Support | L'app attiva la funzionalità offline per l'insieme di funzionalità completo o parziale, consentendo agli utenti di rimanere produttivi. L'app fornisce una riduzione controllata per informare gli utenti dei requisiti di connessione. |
Da app a web
| ID linea guida | ID test | Descrizione |
|---|---|---|
| Web_Transition | T-Web_Transition | L'app garantisce transizioni fluide e intelligenti tra i contenuti dell'app e quelli web (e viceversa), se opportuno, evitando esperienze utente frammentate. |
Test
Per verificare che la tua app offra un'esperienza premium e differenziata, completa i seguenti test.
Esperienza utente
| ID di test | ID linee guida | Descrizione |
|---|---|---|
| T-Scrollbar_Display | Scrollbar_Display | Scorri i contenuti dell'app utilizzando un mouse e un trackpad. Verifica che venga visualizzata una barra di scorrimento durante lo scorrimento dei contenuti. |
| T-Hover_Parity | Hover_Parity | Utilizzando un mouse e un trackpad, passa il puntatore sopra gli elementi UI che contengono contenuti a cascata o popup. Verifica che i contenuti aggiuntivi vengano visualizzati. |
| T-Desktop_Menus | Desktop_Menus | Su computer e display connessi, verifica che vengano utilizzati i menu in stile computer e i menu contestuali. |
| T-UI_Config | UI_Config | Verifica che l'app fornisca opzioni di layout configurabili dall'utente:
In tutti i casi, verifica che l'app riconfiguri correttamente il layout e che i contenuti rimangano accessibili e formattati correttamente. |
| T-Request_Fullscreen_Mode | Request_Fullscreen_Mode | Posiziona la finestra dell'app in uno stato multi-finestra, ad esempio in modalità schermo diviso o app in finestre. Attiva l'elemento UI a schermo intero dell'app. Verifica che l'app passi senza problemi alla modalità immersiva a schermo intero. |
Tastiera, mouse e trackpad
| ID di test | ID linee guida | Descrizione |
|---|---|---|
| T-Keyboard_Navigation | Keyboard_Navigation | Utilizzando una tastiera esterna, naviga nell'UI dell'app utilizzando i tasti Tab e Freccia. Verifica che gli stati attivi siano distinti e coerenti per tutti gli elementi interattivi. Verifica inoltre che gli elementi UI appropriati, come i campi di immissione di testo, ricevano lo stato attivo iniziale quando una schermata viene visualizzata per la prima volta e gli utenti possono inserire dati. |
| T-Keyboard_Parity | Keyboard_Parity | Verifica che l'app supporti le scorciatoie da tastiera convenzionali e mantenga la parità delle scorciatoie da tastiera con le versioni web e desktop dell'app, se possibile. |
| T-Input_Combinations | Input_Combinations | Utilizzando una tastiera, un mouse e un trackpad esterni, seleziona gli elementi nell'UI dell'app. Seleziona più elementi separati e intervalli di elementi adiacenti utilizzando azioni della tastiera/del mouse/del trackpad come Ctrl+clic, Ctrl+tocco, Maiusc+clic e Maiusc+tocco. |
| T-Triple_Click | Triple_Click | Utilizzando un mouse e un trackpad, fai triplo clic o triplo tocco per selezionare gli elementi nell'app, ad esempio per selezionare righe di testo intere. |
Multitasking e multi-istanza
| ID di test | ID linee guida | Descrizione |
|---|---|---|
| T-Multitasking_PiP |
Multitasking_Scenarios, Multitasking_PiP |
Attiva e disattiva la modalità Picture in picture con orientamento verticale e orizzontale e in modalità multi-finestra. In modalità multi-finestra, modifica le dimensioni della finestra mentre la modalità Picture in picture è attiva. In modalità Picture in picture, interagisci con i controlli personalizzati e verifica la loro funzionalità. |
| T-Multitasking_Split-Screen | Multitasking_Scenarios | In modalità multi-finestra, apri un'altra app dall'interno dell'app e visualizza entrambe le app affiancate. |
| T-Multitasking_Attachments | Multitasking_Scenarios | Apri e chiudi allegati e notifiche con orientamento verticale e orizzontale e in modalità multi-finestra. |
| T-Multi-Instance | Multi-istanza | Avvia più istanze dell'app in finestre separate con orientamento verticale e orizzontale e in modalità multi-finestra. |
Trascina
| ID di test | ID linee guida | Descrizione |
|---|---|---|
| T-Drag_Drop_Support | Drag_Drop_Support | Trascina immagini e testo sui target di rilascio all'interno dell'app. In modalità multi-finestra, trascina immagini e testo tra l'app e un'altra app (da e verso entrambe le app). Trascina i contenuti utilizzando l'input tocco, il mouse, il trackpad e lo stilo (vedi anche T-Stylus_Drag_Drop). Verifica la funzionalità negli orientamenti verticale e orizzontale. |
| T-Drag_Drop_Batch | Drag_Drop_Support | Trascina più elementi, come immagini e testo, come gruppo all'interno dell'app. In modalità multi-finestra, trascina gruppi di elementi tra l'app e un'altra app (da e verso entrambe le app). Trascina i contenuti utilizzando l'input tocco, il mouse, il trackpad e lo stilo (vedi anche T-Stylus_Drag_Drop). Verifica la funzionalità negli orientamenti verticale e orizzontale. |
Stampa e gestione dei file
| ID di test | ID linee guida | Descrizione |
|---|---|---|
| T-Printing_Support | Printing_Support | Verifica che l'app possa stampare documenti o esportarli in un formato stampabile, ad esempio PDF. |
| T-File_Management_Basics | File_Management_Basics | Verifica che i nomi e le posizioni dei file siano visibili e che gli utenti possano scegliere le posizioni di salvataggio durante il download o il caricamento dei file. |
| T-File_Picker | File_Picker | Verifica che l'app utilizzi il selettore file di sistema per l'importazione e l'esportazione dei file. |
| T-File_Handlers | File_Handlers | Dall'app File di sistema, verifica che l'app sia elencata come opzione per aprire i tipi di file pertinenti. |
Cursori
| ID di test | ID linee guida | Descrizione |
|---|---|---|
| T-Custom_Cursors | Custom_Cursors | Interagire con l'app utilizzando un mouse e un trackpad. Verifica che i cursori personalizzati vengano visualizzati dove appropriato, ad esempio:
|
| T-Cursor_Target_Size | Cursor_Target_Size | Utilizza un mouse e un trackpad per interagire con piccoli elementi dell'interfaccia utente, come icone, pulsanti e handle. Verifica che l'area interattiva di ogni elemento rifletta con precisione i suoi confini visivi, consentendo una selezione precisa. |
Cross-device
| ID di test | ID linee guida | Descrizione |
|---|---|---|
| T-Cross_Device_Handoff | Cross_Device_Handoff | Inizia un'attività su un dispositivo, poi passa a un altro dispositivo su cui è installata l'app. Verifica di poter continuare l'attività da uno stato quasi equivalente. |
Assistenza offline
| ID di test | ID linee guida | Descrizione |
|---|---|---|
| T-Offline_Support | Offline_Support | Disattiva la connettività di rete e verifica che la funzionalità di base dell'app rimanga disponibile o che l'app fornisca una notifica chiara dei requisiti di connessione. |
Da app a web
| ID di test | ID linee guida | Descrizione |
|---|---|---|
| T-Web_Transition | Web_Transition | Interagisci con i deep link o i contenuti web all'interno dell'app. Verifica che le transizioni tra l'app e i contenuti web correlati siano fluide. |