Norme sulla qualità delle app adattive

L'app riempie l'area di visualizzazione disponibile: l'intero schermo o, in modalità multi-finestra, la finestra dell'app. L'app non è letterbox e non viene eseguita in modalità compatibilità.

L'app gestisce le modifiche alla configurazione e mantiene o ripristina il suo stato man mano che il dispositivo subisce modifiche alla configurazione, come rotazione, apertura e chiusura e ridimensionamento della finestra nelle modalità di visualizzazione a schermo diviso e desktop, ad esempio:

• La posizione di scorrimento dei campi scorrevoli viene mantenuta
• Il testo digitato nei campi di testo viene conservato e lo stato della tastiera viene ripristinato
• La riproduzione dei contenuti multimediali riprende da dove era stata interrotta quando è stato avviato il cambio di configurazione

L'app è perfettamente funzionante in modalità multi-finestra. Consulta Supportare la modalità multi-finestra.

Nota:le app Unity devono essere sulla versione 2019 o successive di Unity Long Term Support (LTS). Vedi Verifica della modalità multi-finestra.

L'app supporta le interazioni di base con il mouse o il trackpad:

• Clic: qualsiasi elemento cliccabile, inclusi pulsanti, menu a discesa, campi di inserimento del testo e icone di navigazione
• Seleziona: qualsiasi elemento selezionabile, inclusi pulsanti di opzione, caselle di controllo e testo (scorrendo o facendo doppio clic)
• Scorrimento: qualsiasi elemento scorrevole, come elenchi e selettori, scorrevole sia verticalmente che orizzontalmente

L'app offre il supporto di base per tablet, dispositivi pieghevoli e computer con stilo. Lo stilo può essere utilizzato per selezionare e manipolare gli elementi dell'interfaccia utente, inclusi lo scorrimento di elenchi, selettori e altri contenuti scorrevoli.

Consulta la sezione Stilo in Compatibilità dell'input su schermi di grandi dimensioni.

Nota:l'input di base con stilo è uguale all'input tocco, che è completamente supportato da Android. L'input di base con lo stilo viene attivato automaticamente per tutte le app senza richiedere uno sviluppo speciale.

Su Android 14 (livello API 34) e versioni successive, gli utenti possono scrivere e modificare il testo nei campi di immissione di testo utilizzando uno stilo. Su ChromeOS M114 e versioni successive, è possibile utilizzare uno stilo per scrivere e modificare il testo nei campi di inserimento di testo nei componenti WebView.

Nota:su Android 14 e versioni successive, i componenti EditText supportano l'input tramite stilo per impostazione predefinita, pertanto non è necessario alcun sviluppo speciale. Su ChromeOS M114 e versioni successive, WebView supporta l'input con stilo nei campi di testo per impostazione predefinita.

L'app ha layout adattabili e reattivi progettati per schermi di tutte le dimensioni. Tutti i layout sono reattivi (vedi Migrare l'interfaccia utente a layout reattivi). L'implementazione dei layout adattivi è determinata dalle classi di dimensioni della finestra.

L'interfaccia utente dell'app può includere:

• Barre di navigazione all'avanguardia che si espandono in pannelli di navigazione completi con dimensioni della finestra più grandi
• Layout a griglia che scalano il numero di colonne per adattarsi alle modifiche delle dimensioni della finestra
• Colonne di testo su schermi di grandi dimensioni
• Pannelli a comparsa aperti per impostazione predefinita sulle dimensioni dello schermo del computer; chiusi sugli schermi più piccoli

Crea layout a due riquadri (se opportuno) per sfruttare lo spazio dello schermo di grandi dimensioni. Consulta Layout canonici.

L'incorporamento delle attività consente alle app basate sull'attività di creare layout a più riquadri visualizzando le attività una accanto all'altra.

Modal, menu contestuali e altri elementi secondari sono formattati correttamente su tutti i tipi di schermo e stati del dispositivo, ad esempio:

• I fogli inferiori non occupano l'intera larghezza sugli schermi di grandi dimensioni. (Applica una larghezza massima per evitare lo stiramento.) Vedi Comportamento in Fogli: in basso.
• I pulsanti non occupano l'intera larghezza sugli schermi di grandi dimensioni. Vedi Comportamento in Pulsanti.
• I campi e le caselle di testo non si estendono per tutta la larghezza sugli schermi di grandi dimensioni. Consulta Comportamento in Campi di testo.
• I piccoli menu di modifica o modali non coprono l'intero schermo e mantengono il contesto per l'utente il più possibile. Vedi Menu.
• I menu contestuali vengono visualizzati accanto all'elemento selezionato dall'utente. Consulta l'argomento "Menu contestuali" in Menu.
• Le barre di navigazione vengono sostituite dalle barre di navigazione laterali per una migliore ergonomia su schermi di grandi dimensioni. Le guide possono anche integrare altri componenti di navigazione, come le barre di navigazione. Vedi Modalità di navigazione laterale.
• I riquadri di navigazione vengono aggiornati all'ultimo componente Material. Vedi Riquadro di navigazione a scomparsa.
• Le finestre di dialogo vengono aggiornate al componente Material più recente. Vedi Dialoghi.
• Le immagini vengono visualizzate a una risoluzione adeguata e non sono allungate o ritagliate.

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, con il dispositivo chiuso e aperto e in modalità multi-finestra. 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.

L'app supporta tutte le posture pieghevoli e i relativi casi d'uso:

• Posizione orizzontale: videochiamate e riproduzione di video o audio.
• Postura del libro: lettura di contenuti di testo lunghi.
• Doppio display: anteprima sullo schermo anteriore e posteriore per le app fotocamera. Supporto per i dispositivi dual-screen.

L'app offre un supporto avanzato per lo stilo, tra cui:

• Bassa latenza e previsione del movimento per migliorare la reattività
• Sensibilità alla pressione per disegnare tratti di larghezza variabile
• Rilevamento dell'inclinazione per creare tratti di ombreggiatura
• Rilevamento del palmo e delle dita per evitare segni indesiderati

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

Ridimensiona la finestra dell'app in modalità multi-finestra, incluse le modalità schermo diviso e app in finestre. Sui dispositivi desktop, riduci a icona e ripristina la finestra dell'app, ingrandisci e ripristina la finestra dell'app. Verifica che l'app assuma l'orientamento corretto e mantenga lo stato in tutte le dimensioni della finestra.

Nota:esegui il test su un dispositivo con schermo grande (sw >= 600 dp) con Android 12 (livello API 31) o versioni successive per assicurarti che il dispositivo supporti quanto segue:

• Tutti gli orientamenti del dispositivo, indipendentemente dalle limitazioni di orientamento impostate con l'elemento del file manifest dell'app android:screenOrientation
• Modalità multi-finestra, anche per le app che hanno specificato android:resizeableActivity="false" nel manifest dell'app

Da ogni schermata dell'app con contenuti scorrevoli, contenuti di riproduzione continua o campi di inserimento del testo, procedi nel seguente modo:

• Contenuti scorrevoli: scorri i contenuti
• Riproduzione di contenuti: avvia la riproduzione
• Campi di inserimento del testo: inserisci il testo in più campi

Ruota il dispositivo tra l'orientamento orizzontale e verticale, piega e apri il dispositivo (se applicabile), sposta e rimuovi l'app su due schermi (se hai un dispositivo a doppio schermo) e ridimensiona la finestra dell'app in modalità multi-finestra. Ridurre a icona e ripristinare la finestra dell'app sui dispositivi desktop; ingrandire e ripristinare la finestra dell'app. Verifica quanto segue:

• Contenuti scorrevoli: la posizione di scorrimento rimane invariata
• Riproduzione dei contenuti: la riproduzione riprende da dove era stata interrotta quando è stata avviata la modifica della configurazione
• Campi di inserimento del testo: il testo inserito in precedenza viene conservato nei campi di input

Apri l'app in modalità multi-finestra. Verifica se l'app è completamente funzionale in tutte le dimensioni delle finestre, gli orientamenti del dispositivo e gli stati dei dispositivi pieghevoli. Ridimensiona la finestra dell'app in ogni orientamento. Per i dispositivi pieghevoli, piega e apri il dispositivo in ogni orientamento.

App Unity

Apri un'app diversa da quella Unity. Vai alla schermata Recenti. Seleziona l'icona dell'app e mettila in modalità schermo diviso. Apri l'app Unity, che dovrebbe avviarsi in modalità split-screen accanto o sotto la prima app. Vai alla schermata Home per nascondere la coppia di app. Vai alla schermata Recenti. Seleziona la coppia di app in modalità split-screen che include la tua app Unity. Verifica che l'app Unity riprenda la sua attività e che il layout dell'app nella finestra in modalità split-screen sia corretto con tutti gli elementi dell'interfaccia utente accessibili.

Per ogni schermata dell'app, collega un mouse e un trackpad al dispositivo. Eseguire le interazioni di base con il mouse e il trackpad:

• Fai clic su tutti gli elementi selezionabili, come pulsanti, menu a discesa e campi di inserimento del testo.
• Seleziona i pulsanti di opzione e le caselle di controllo. Seleziona il testo scorrendo e facendo doppio clic.
• Scorri verticalmente e orizzontalmente (se applicabile) elenchi, selettori e così via

Esegui l'app su dispositivi con un'ampia gamma di dimensioni dello schermo, tra cui smartphone, smartphone pieghevoli, tablet piccoli e grandi e dispositivi desktop. Esegui l'app in modalità multi-finestra sui dispositivi.

Verifica che il layout dell'app risponda e si adatti a diverse dimensioni dello schermo e della finestra. Verifica se l'app espande e comprime le barre di navigazione, ridimensiona il numero di colonne nei layout a griglia, inserisce il testo nelle colonne e così via. Osserva se gli elementi UI sono formattati sia per l'estetica che per la funzionalità.

Per le app che utilizzano l'incorporamento di attività, verifica se le attività vengono visualizzate una accanto all'altra su schermi grandi e impilate su schermi piccoli.

Interagisci con l'app utilizzando uno stilo nel seguente modo:

• Mentre disegni, osserva la latenza tra la posizione attuale dello stilo e l'ultima traccia renderizzata.
• Disegna con diversi livelli di pressione dello stilo. Controlla se la larghezza dei tratti cambia al variare della pressione. Maggiore è la pressione, più spesse saranno le pennellate.
• Inclina lo stilo mentre disegni per creare tratti di ombreggiatura. Più la stilo è inclinata, più ampie e leggere devono essere le pennellate di ombreggiatura.
• Lascia che le dita e il palmo tocchino lo schermo mentre disegni. I tocchi con le dita e il palmo non devono lasciare segni.

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