Con l'aggiunta di nuovi fattori di forma come Pixel 10 Pro Fold all'ecosistema Android, lo sviluppo di app adattive è essenziale per creare esperienze utente di alta qualità su smartphone, tablet e dispositivi pieghevoli. Gli utenti si aspettano che l'UI della tua app si adatti perfettamente a queste diverse dimensioni e posizioni.

Per aiutarti a creare queste esperienze dinamiche in modo più efficiente, annunciamo che la libreria di layout adattivi di Compose 1.2 è ufficialmente in versione beta. Questa release fornisce nuovi e potenti strumenti per creare UI raffinate e adattabili per questo ecosistema di dispositivi in espansione.

Nuovi e potenti strumenti per un'area di lavoro più ampia

La libreria di layout adattivi di Compose è il nostro toolkit di base per la creazione di UI che si adattano a diverse dimensioni delle finestre. Questa nuova release beta è ricca di funzionalità potenti che ti aiutano a creare layout sofisticati con meno codice. Le aggiunte principali includono:

• Nuove e potenti strategie di layout: la versione beta introduce nuove strategie di layout come reflow e levitate, progettate per aiutarti a creare layout dinamici che abbiano un aspetto ottimale sia sul display esterno che su quello interno di un dispositivo come Pixel 10 Pro Fold, Galaxy Z Fold7 e Z Flip7.
• Nuove classi di dimensioni delle finestre: la release aggiunge il supporto integrato per le nuove classi di dimensioni delle finestre Large ed Extra-Large window size classes. Questi nuovi punti di interruzione sono essenziali per progettare e attivare modifiche dell'UI multi-riquadro avanzate su schermi espansivi come tablet e dispositivi pieghevoli di grandi dimensioni.

Due nuove strategie di adattamento dei riquadri: reflow (a sinistra) e levitate (a destra)

Per un elenco completo delle modifiche, consulta la documentazione ufficiale della release. Esplora le nostre guide sui layout canonici e sulla creazione di un layout di riquadro di supporto.

Coinvolgi più utenti su ogni schermo

Adottare una mentalità adattiva è più di una best practice, è una strategia di crescita. L'obiettivo non è solo far funzionare la tua app su uno schermo più grande, ma farla risaltare rendendola più intuitiva per gli utenti. Anziché allungare semplicemente un layout a colonna singola, pensa a come puoi utilizzare lo spazio aggiuntivo per creare esperienze più efficienti e coinvolgenti.

Questo è il principio fondamentale alla base delle strategie di layout dinamico come reflow, una nuova e potente funzionalità della versione beta di Compose Adaptive Layouts 1.2 progettata per aiutarti a creare queste UI. Ad esempio, un ottimo punto di partenza è l'adozione di un layout multi-riquadro. Mostrando un elenco e la relativa visualizzazione dei dettagli affiancati, riduci i tocchi e consenti agli utenti di completare le attività più rapidamente.

Questo tipo di sviluppo adattivo ponderato è ciò che aumenta davvero il coinvolgimento. Inoltre, come abbiamo sottolineato durante l'ultimo episodio di #TheAndroidShow, questo è il motivo per cui vediamo che gli utenti che utilizzano un'app sia sullo smartphone che su uno schermo più grande sono quasi tre volte più coinvolti. Lo sviluppo adattivo non solo rende più felici gli utenti attuali, ma crea un'esperienza più preziosa e coinvolgente che genera una fedeltà duratura e ti aiuta a raggiungere nuovi utenti.

L'ecosistema Android in espansione, dai dispositivi pieghevoli ai computer desktop

Questo passaggio al design adattivo si estende all'intero ecosistema Android. Dal nuovo Pixel 10 Pro Fold agli ultimi dispositivi pieghevoli Samsung Galaxy, gli sviluppatori hanno l'opportunità di coinvolgere una base di utenti ampia e in crescita su oltre 500 milioni di dispositivi con schermi di grandi dimensioni.

Questo è anche il motivo per cui continuiamo a investire in esperienze orientate al futuro come Connected Displays, attualmente disponibile per la prova in anteprima per gli sviluppatori. Questa funzionalità apre nuove piattaforme e modelli di interazione per l'esecuzione delle app, consentendo funzionalità di livello desktop e flussi di lavoro multi-istanza. In precedenza abbiamo condiviso i dettagli su come iniziare a utilizzare l'anteprima per gli sviluppatori di Connected Displays e su come sta plasmando il futuro delle esperienze multi-dispositivo.

Mettere in pratica i principi adattivi

Per gli sviluppatori che vogliono preparare le proprie app per questo futuro adattivo, ecco alcune best practice chiave da tenere a mente:

• Fai un inventario: il primo passo è capire la tua situazione attuale. Testa la tua app su un dispositivo con schermo di grandi dimensioni o con l'emulatore ridimensionabile in Android Studio per identificare le aree di miglioramento, come le UI allungate o i problemi di usabilità.
• Supporta i layout ottimizzati: utilizza librerie come Compose Adaptive Layouts per creare UI che si adattino a diverse dimensioni delle finestre e posizioni dei dispositivi. La tua app deve funzionare bene sia in verticale che in orizzontale, senza limitare l'orientamento.
• Pensa oltre il tocco: un'esperienza adattiva ottimale significa supportare tutti i metodi di input. Questo va oltre le funzionalità di base e include dettagli ponderati che gli utenti si aspettano, come gli stati di passaggio del cursore del mouse, i menu contestuali con il tasto destro del mouse e il supporto per le scorciatoie da tastiera.

Il potenziale della tua app non è più limitato a un singolo schermo. Esplora oggi stesso la galleria di design per schermi di grandi dimensioni e le norme sulla qualità delle app per immaginare dove può arrivare la tua app. Trova ispirazione e scopri pattern di progettazione, indicazioni ufficiali e app di esempio di cui hai bisogno per sviluppare per ogni chiusura, apertura e schermo all'indirizzo developer.android.com/adaptive-apps.