Computer

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:

  • I layout adattivi consentono agli utenti di passare dalla visualizzazione a elenco, 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 propri file in formato elenco o griglia.
  • Le barre degli strumenti mobili o agganciabili si adattano alle preferenze dell'utente e ai requisiti delle attività.
  • I riquadri della UI nei layout con più riquadri 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: questo non si applica alle barre di navigazione, alle barre laterali e ai riquadri a scomparsa.
Request_Fullscreen_Mode T-Request_Fullscreen_Mode

L'app implementa Activity#requestFullscreenMode() per consentire transizioni fluide dagli stati multi-finestra, come lo schermo diviso e le finestre delle app, alla modalità immersiva.

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:

  • Modalità Picture in picture: l'app è in grado di attivare e disattivare la modalità Picture in picture con orientamento verticale e orizzontale e in modalità multi-finestra. I casi d'uso includono la riproduzione di contenuti multimediali e le videochiamate. Consulta Supporto di Picture in picture (PiP).
  • Modalità multi-finestra: l'app può aprire un'altra applicazione in una finestra separata da un deep link; ad esempio, un'app di gestione dei contatti apre un link a un'email che viene visualizzata in un'app email in una nuova finestra. Consulta 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à 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:

  • Assegnazione del nome e salvataggio: i nomi e le posizioni dei file sono ben visibili.
  • Download:gli utenti possono salvare i file nella posizione che preferiscono 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 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:

  • Cursori di sistema forniti dal framework Android:
    • Cursore per il testo
    • Handle di ridimensionamento sui bordi dei livelli ridimensionabili
    • Spinner di elaborazione
  • Cursori speciali forniti da te:
    • Mirini quando passi il mouse sopra i bersagli nei giochi
    • Una lente d'ingrandimento quando passi il mouse sopra i contenuti che possono essere ingranditi
    • Strumenti nelle app di disegno o illustrazione
Per ulteriori informazioni, consulta:
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:

  • 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 pannelli: nei layout dello schermo con più pannelli di contenuti (ad esempio elenco-dettagli), ridimensiona i pannelli trascinando i divisori. Riorganizza i pannelli se l'app supporta la riorganizzazione.

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:

  • Cursore a I per i campi di immissione di testo
  • Handle di ridimensionamento sui bordi dei livelli ridimensionabili
  • Indicatori di rotazione 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 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.