Computer

L'esperienza desktop, comune su Chromebook e display collegati, 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

Guideline ID Test IDs Description
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 elenco-dettagli o riorganizzando i pannelli sullo schermo.

    Nota:questa funzionalità non si applica a barre di navigazione, barre laterali e riquadri.
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

Guideline ID Test IDs Description
Keyboard_Navigation T-Keyboard_Navigation

L'app supporta una navigazione semplice 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 di posta, lo stato attivo è inizialmente sul campo di testo A. Gli utenti devono essere in grado di iniziare a digitare immediatamente nel primo campo di input di testo al caricamento di una pagina.
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

Guideline ID Test IDs Description
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

Guideline ID Test IDs Description
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

Guideline ID Test IDs Description
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 di file del sistema operativo.
File_Picker T-File_Picker L'app si integra con il selettore di 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

Guideline ID Test IDs Description
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 manipolazione di ridimensionamento sui 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
Consulta PointerIcon e Icone del puntatore del mouse.
Cursor_Target_Size T-Cursor_Target_Size L'app dà la priorità alla precisione nelle interazioni del cursore implementando dimensioni del target del cursore che corrispondono alle dimensioni del target visivo per ridurre il target percepito.

Cross-device

Guideline ID Test IDs Description
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

Guideline ID Test IDs Description
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.

Da app a web

Guideline ID Test IDs Description
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

Test ID Guideline IDs Description
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

Test ID Guideline IDs Description
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

Test ID Guideline IDs Description
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

Test ID Guideline IDs Description
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

Test ID Guideline IDs Description
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 di 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

Test ID Guideline IDs Description
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 manipolazione di ridimensionamento sui 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

Test ID Guideline IDs Description
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

Test ID Guideline IDs Description
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

Test ID Guideline IDs Description
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.