Computer

L'esperienza desktop, comune su 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 il desktop offrono un'esperienza utente produttiva che colma il divario tra la praticità del mobile e la potenza del desktop.

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 scorri con un mouse o un trackpad.
Hover_Parity T-Hover_Parity

Ove applicabile, gli elementi dell'interfaccia utente mostrano contenuti aggiuntivi come anteprime, menu a comparsa e descrizioni comando informative al passaggio del mouse o del trackpad.

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 dell'interfaccia utente.
Desktop_Menus T-Desktop_Menus L'app dispone di elementi dell'interfaccia utente non intrusivi, come menu in stile desktop, menu contestuali e piccole finestre modali, se necessario, per consentire agli utenti di rimanere concentrati sull'attività principale senza navigare costantemente.
UI_Config T-UI_Config

L'app ha layout adattivi e configurabili dall'utente per schermi di grandi dimensioni e dispositivi con cursore, tra cui:

  • I layout adattabili consentono agli utenti di passare dalla visualizzazione elenco a quella a griglia e a colonne. Ad esempio, un gestore di file o documenti fornisce un pulsante di attivazione/disattivazione che rispetta la preferenza dell'utente di visualizzare i file in formato elenco o griglia.
  • Le barre degli strumenti mobili o agganciabili si adattano alle preferenze degli utenti e ai requisiti delle attività.
  • I riquadri dell'interfaccia utente nei layout multi-riquadro sono comprimibili e riconfigurabili utilizzando un mouse o un trackpad. I pannelli riconfigurabili consentono agli utenti di regolare il layout dell'app per aumentare la produttività, ad esempio modificando le dimensioni del pannello dei dettagli di un layout list-detail o riorganizzando i pannelli sullo schermo.

    Nota:questa funzionalità non si applica a barre di navigazione, barre laterali e riquadri a scomparsa.
Request_Fullscreen_Mode T-Request_Fullscreen_Mode

L'app implementa Activity#requestFullscreenMode() per consentire transizioni fluide dagli stati multi-finestra, come la modalità schermo diviso e la visualizzazione a finestre del computer, alla modalità immersiva.

In genere, le app forniscono un elemento dell'interfaccia utente, 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 di messa a fuoco distinti e coerenti con un contrasto visivo che supporta gli standard di accessibilità per tutti gli elementi dell'interfaccia utente.

Lo stato attivo iniziale è impostato per gli elementi dell'interfaccia utente appropriati. Ad esempio, quando gli utenti scrivono un messaggio in un'app email, lo stato attivo è inizialmente sul campo di testo A. Gli utenti devono poter iniziare a digitare immediatamente nel primo campo di immissione di testo al caricamento di una pagina.

Vedi Interazione con la tastiera.
Keyboard_Parity T-Keyboard_Parity L'app fornisce un insieme completo di scorciatoie da tastiera, supportando al contempo quelle 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, ad esempio 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 Il triplo clic con un mouse o il triplo tocco con un trackpad seleziona 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:

  • Modalità Picture in picture: l'app è in grado di attivare e disattivare la modalità picture in picture in orientamento verticale e orizzontale e in modalità multi-finestra. I casi d'uso includono la riproduzione di contenuti multimediali e le videochiamate. Consulta la sezione Supporto del picture in picture (PIP).
  • Modalità multi-finestra: l'app può aprire un'altra applicazione in una finestra separata da un link diretto; ad esempio, un'app di gestione dei contatti apre un link a un messaggio email visualizzato in un'app di posta in una nuova finestra. Vedi FLAG_ACTIVITY_LAUNCH_ADJACENT.
  • Allegati: le app di messaggistica possono aprire gli allegati (ad esempio i video) in una finestra separata.
Multitasking_PiP T-Multitasking_PiP L'app supporta la funzionalità interattiva Picture in Picture che consente controlli personalizzati e l'interazione dell'utente in 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 l'editing di documenti, la navigazione web, le app di gestione dei file e i confronti di prodotti nelle app di shopping. Consulta la sezione Multi-istanza in Supporto della modalità multi-finestra.

Trascinare

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 tattile, il mouse, il trackpad e lo stilo. Consulta la sezione Attivare il trascinamento. Vedi anche Stylus_Drag_Drop.
T-Drag_Drop_Batch L'app supporta il trascinamento di più elementi nell'app da elaborare 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 o l'esportazione di documenti in un formato stampabile.
File_Management_Basics T-File_Management_Basics

L'app implementa funzionalità di gestione dei file comuni, tra cui:

  • Denominazione e salvataggio:i nomi e le posizioni dei file sono ben visibili.
  • Download:gli utenti possono salvare i file nella posizione preferita sul dispositivo di archiviazione locale.
  • Caricamento:gli utenti possono caricare file dallo spazio di archiviazione locale e dare la priorità all'utilizzo del selettore file del sistema operativo.
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 produttività si affidano molto ai gestori di file per un ampio accesso 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 Files 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 e i contenuti dell'interfaccia utente, ad esempio:

  • Cursori di sistema forniti dal framework Android:
    • Cursore a I per il testo
    • Punti di ridimensionamento ai bordi ridimensionabili del livello
    • Indicatori di elaborazione
  • Cursori speciali forniti da te:
    • Mirino quando passi il mouse sopra i bersagli nei giochi
    • Una lente d'ingrandimento quando passi il mouse sopra i contenuti zoomabili
    • Strumenti nelle app di disegno o illustrazione
Per ulteriori informazioni, consulta:
Cursor_Target_Size T-Cursor_Target_Size L'app dà la priorità alla precisione nelle interazioni con il cursore implementando dimensioni del target del cursore che corrispondono alle dimensioni del target visivo 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 facilmente 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.

Supporto offline

ID linea guida ID test Descrizione
Offline_Support T-Offline_Support L'app abilita la funzionalità offline per il set di funzionalità completo o parziale, consentendo agli utenti di rimanere produttivi. L'app fornisce una degradazione controllata per informare gli utenti dei requisiti di connessione.

App-to-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 del web (e viceversa) ove 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 prova ID linee guida Descrizione
T-Scrollbar_Display Scrollbar_Display Scorrere i contenuti delle 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 dell'interfaccia utente che contengono contenuti a cascata o popup. Verifica che i contenuti aggiuntivi vengano visualizzati.
T-Desktop_Menus Desktop_Menus Su computer e display collegati, verifica che vengano utilizzati menu in stile computer e menu contestuali.
T-UI_Config UI_Config

Verifica che l'app fornisca opzioni di layout configurabili dall'utente:

  • Presentazione del layout: se l'app supporta più formati di presentazione (ad esempio visualizzazioni elenco, griglia o colonna), verifica che gli utenti possano passare da un formato all'altro.
  • Barre degli strumenti mobili: se l'app fornisce barre degli strumenti mobili agganciabili o spostabili, verifica che gli utenti possano spostarle o agganciarle.
  • Riconfigurazione dei riquadri: nei layout dello schermo con più riquadri di contenuti (ad esempio elenco-dettagli), ridimensiona i riquadri trascinando i divisori. Riordina i riquadri se l'app supporta il riordino.

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 di visualizzazione a finestre del computer. 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 prova ID linee guida Descrizione
T-Keyboard_Navigation Keyboard_Navigation

Utilizzando una tastiera esterna, naviga nell'interfaccia utente dell'app utilizzando i tasti Tab e Freccia. Verifica che gli stati di messa a fuoco siano distinti e coerenti per tutti gli elementi interattivi.

Verifica inoltre che gli elementi dell'interfaccia utente appropriati, come i campi di input di testo, ricevano il focus iniziale quando viene visualizzata per la prima volta una schermata e che gli utenti siano in grado di inserire i 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, ove possibile.
T-Input_Combinations Input_Combinations Utilizzando una tastiera, un mouse e un trackpad esterni, seleziona gli elementi nell'interfaccia utente dell'app. Seleziona più elementi separati e intervalli di elementi adiacenti utilizzando azioni da tastiera/mouse/trackpad come Ctrl+clic, Ctrl+tocco, Maiusc+clic e Maiusc+tocco.
T-Triple_Click Triple_Click Se utilizzi un mouse e un trackpad, fai triplo clic o triplo tocco per selezionare gli elementi nell'app, ad esempio per selezionare intere righe di testo.

Multitasking e multi-istanza

ID di prova ID linee guida Descrizione
T-Multitasking_PiP Multitasking_Scenarios

Attiva e disattiva la modalità Picture in picture in 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 in orientamento verticale e orizzontale e in modalità multi-finestra.
T-Multi-Instance Multi-Instance Avvia più istanze dell'app in finestre separate in orientamento verticale e orizzontale e in modalità multi-finestra.

Trascinare

ID di prova ID linee guida Descrizione
T-Drag_Drop_Support Drag_Drop_Support

Trascina immagini e testo nelle zone 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 tattile, 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 tattile, 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 prova ID linee guida Descrizione
T-Printing_Support Printing_Support Verifica che l'app possa stampare documenti o esportarli in un formato stampabile come 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 importare ed esportare i 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 prova ID linee guida Descrizione
T-Custom_Cursors Custom_Cursors

Interagisci con l'app utilizzando un mouse e un trackpad. Verifica che i cursori personalizzati vengano visualizzati dove appropriato, ad esempio:

  • Cursore a I per i campi di immissione testo
  • Punti di ridimensionamento ai bordi ridimensionabili del livello
  • Indicatori di caricamento quando l'app esegue attività di lunga durata
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 maniglie. Verifica che l'area interattiva di ogni elemento rifletta con precisione i suoi limiti visivi, consentendo una selezione precisa.

Cross-device

ID di prova 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.

Supporto offline

ID di prova 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.

App-to-web

ID di prova ID linee guida Descrizione
T-Web_Transition Web_Transition Interagisci con i link diretti o i contenuti web all'interno dell'app. Verifica che le transizioni tra l'app e i contenuti web correlati siano fluide.