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 pieghevoli. Gli utenti si aspettano che l'UI della tua app si adatti perfettamente a queste diverse dimensioni e posture.

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

Nuovi e potenti strumenti per una tela più grande

La libreria Compose Adaptive Layouts è 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 principali novità includono:

• Nuove 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. Questi nuovi punti di interruzione sono essenziali per progettare e attivare modifiche alla UI avanzate e multi-riquadro su schermi di grandi dimensioni come tablet e 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 del rilascio. Esplora le nostre guide sui layout canonici e sulla creazione di un layout del riquadro di supporto.

Coinvolgere 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 brillare rendendola più intuitiva per gli utenti. Anziché allungare semplicemente un layout a una sola colonna, pensa a come 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 a più riquadri. Mostrando un elenco e la relativa visualizzazione dettagliata affiancati, riduci i tocchi e consenti agli utenti di svolgere le attività più rapidamente.

Questo tipo di sviluppo adattivo ponderato è ciò che aumenta davvero il coinvolgimento. Come abbiamo evidenziato nell'ultimo episodio di #TheAndroidShow, questo è il motivo per cui notiamo che gli utenti che utilizzano un'app sia sullo smartphone che su uno schermo più grande sono quasi tre volte più coinvolti. La creazione adattiva 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 pieghevoli ai computer

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

Per questo motivo continuiamo a investire in esperienze lungimiranti come i display connessi, attualmente disponibili 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 sviluppatori di display connessi e vedere 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 a che punto ti trovi oggi. Testa la tua app su un dispositivo con schermo grande o con l'emulatore ridimensionabile in Android Studio per identificare le aree di miglioramento, come le UI allungate o i problemi di usabilità.
• Supporta layout ottimizzati:utilizza librerie come Compose Adaptive Layouts per creare UI che si adattano a diverse dimensioni delle finestre e posture dei dispositivi. L'app deve funzionare bene sia in verticale che in orizzontale, senza limitare l'orientamento.
• Pensa oltre al tocco:un'esperienza adattiva ottimale significa supportare tutti i metodi di input. Va oltre le funzionalità di base per includere dettagli accurati che gli utenti si aspettano, come gli stati al passaggio del mouse per i cursori, i menu contestuali con il clic del tasto destro e il supporto delle scorciatoie da tastiera.

Il potenziale della tua app non è più limitato a una sola schermata. 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 i pattern di progettazione, le indicazioni ufficiali e le app di esempio di cui hai bisogno per sviluppare app per ogni piega, rotazione e schermo all'indirizzo developer.android.com/adaptive-apps.