UX
Mantieni tutto organizzato con le raccolte
Salva e classifica i contenuti in base alle tue preferenze.
LIVELLO 2: ottimizzato per schermi grandi
Per gli utenti, l'interfaccia utente è l'app. L'UI determina l'esperienza utente, che determina la soddisfazione degli utenti, l'utilizzo dell'app, gli acquisti in-app e la fidelizzazione dei clienti.
Gli schermi di grandi dimensioni offrono uno spazio di visualizzazione ampio per UI innovative e adattabili
che offrono un'esperienza utente che gli schermi piccoli non possono replicare.
Ottimizza la tua app per gli schermi di grandi dimensioni includendo i seguenti elementi dell'interfaccia utente:
- Barra di navigazione o riquadro di navigazione a scomparsa
- Touch target di grandi dimensioni
- Menu e finestre di dialogo ben posizionati
- Layout con più riquadri
Layout adattivi
Crea layout adattabili che ottimizzano l'interfaccia utente della tua app su schermi grandi e piccoli.
Progettare e creare per più fattori di forma contemporaneamente. Rendi la tua app adatta al futuro per i nuovi tipi di dispositivi.
Layout canonici
Sfrutta i layout comprovati per schermi di grandi dimensioni per rendere eccezionale l'esperienza utente della tua app.
Crea un layout di elenco dettagliato, riquadro di supporto o feed per gestire e usufruire più facilmente di più contenuti.
UI reattiva
Formatta gli elementi dell'interfaccia utente in base alle dimensioni dello schermo. Limita la larghezza di pulsanti, schede e campi di testo che sono a larghezza intera su schermi piccoli a dimensioni funzionali appropriate su schermi di grandi dimensioni. Non lasciare che le finestre di dialogo e altre finestre modali riempiano l'intero schermo. Posiziona i menu contestuali e altri popup correlati agli elementi adiacenti all'elemento selezionato dall'utente, non al centro dello schermo.
Incorporamento delle attività
Aggiorna le app precedenti basate sulle attività con layout a più riquadri su schermi di grandi dimensioni. Non è necessario il refactoring del codice. Configura i layout in XML o con alcune chiamate all'API WindowManager di Jetpack.
Passaggi successivi
Per scoprire di più sullo sviluppo dell'interfaccia utente per un'esperienza utente ottimizzata, consulta le seguenti guide per sviluppatori:
I campioni di contenuti e codice in questa pagina sono soggetti alle licenze descritte nella Licenza per i contenuti. Java e OpenJDK sono marchi o marchi registrati di Oracle e/o delle sue società consociate.
Ultimo aggiornamento 2025-07-27 UTC.
[[["Facile da capire","easyToUnderstand","thumb-up"],["Il problema è stato risolto","solvedMyProblem","thumb-up"],["Altra","otherUp","thumb-up"]],[["Mancano le informazioni di cui ho bisogno","missingTheInformationINeed","thumb-down"],["Troppo complicato/troppi passaggi","tooComplicatedTooManySteps","thumb-down"],["Obsoleti","outOfDate","thumb-down"],["Problema di traduzione","translationIssue","thumb-down"],["Problema relativo a esempi/codice","samplesCodeIssue","thumb-down"],["Altra","otherDown","thumb-down"]],["Ultimo aggiornamento 2025-07-27 UTC."],[],[],null,["# UX\n\nTIER 2 --- Large screen optimized\n| **Objective:** Make your app [large screen\n| optimized](/docs/quality-guidelines/large-screen-app-quality#large_screen_optimized) by meeting the [LS-U1](/docs/quality-guidelines/large-screen-app-quality#LS-U1) through [LS-U4](/docs/quality-guidelines/large-screen-app-quality#LS-U4) user interface requirements of the [Large screen app\n| quality](/docs/quality-guidelines/large-screen-app-quality) guidelines.\n\nTo users, the user interface is the app. The UI determines the user experience,\nwhich determines user satisfaction, app usage, app purchases, customer\nretention.\n\nLarge screens offer expansive display space for innovative, accommodative UIs\nthat provide a UX small screens can't replicate.\n\nOptimize your app for large screens by including the following UI elements:\n\n- Navigation rail or navigation drawer\n- Large touch targets\n- Well-placed menus and dialogs\n- Multipane layouts\n\nAdaptive layouts\n----------------\n\nCreate adaptive layouts that optimize your app's UI on screens large and small.\nDesign and build for multiple form factors simultaneously. Future-proof your app\nfor new device types.\n\nCanonical layouts\n-----------------\n\nTake advantage of proven large screen layouts to make your app UX exceptional.\nCreate a list‑detail, supporting pane, or feed layout to make more content\nmore manageable and more enjoyable.\n\nResponsive UI\n-------------\n\nFormat UI elements based on screen size. Constrain the width of buttons, cards,\nand text fields that are full width on small screens to a functionally\nappropriate size on large screens. Don't let dialog boxes and other modal\nwindows fill the entire screen. Position context menus and other\nelement‑related pop‑up displays adjacent to the element the user\nselected, not centered on screen.\n\nActivity embedding\n------------------\n\nUpdate your activity‑based legacy apps with multipane layouts on large\nscreens. No code refactoring required. Configure your layouts in XML or with a\nfew Jetpack WindowManager API calls.\n\nNext steps\n----------\n\nTo learn about UI development for optimized UX, see the following developer\nguides:\n\n- [About adaptive layouts](/develop/ui/compose/layouts/adaptive)\n- [Canonical layouts](/develop/ui/compose/layouts/adaptive/canonical-layouts)\n- [Build responsive navigation](/develop/ui/views/layout/build-responsive-navigation)\n- [Activity embedding](/develop/ui/views/layout/activity-embedding)"]]
