Schermo grande ottimizzato
Mantieni tutto organizzato con le raccolte
Salva e classifica i contenuti in base alle tue preferenze.
LIVELLO 2: linee guida sulla qualità delle app per schermi di grandi dimensioni che ti aiutano a preparare la tua app per schermi grandi e piccoli.
Le APP OTTIMIZZATE PER SCHERMI GRANDI sfruttano i display ampi dei dispositivi con schermi di grandi dimensioni per offrire un'esperienza utente produttiva e coinvolgente.
Le app ottimizzate sono create con layout adattabili/reattivi conformi agli orientamenti ritratto e paesaggio, alla modalità multifinestra e agli stati del dispositivo chiuso e aperto. Le barre di navigazione e i riquadri migliorano un'interfaccia utente
che formatta e posiziona dinamicamente elementi come pulsanti, campi di testo
e finestre di dialogo per un'esperienza utente ottimale.
Le app ottimizzate per schermi di grandi dimensioni supportano la navigazione con la tastiera, le scorciatoie da tastiera, lo zoom del mouse e del trackpad, il comportamento del clic con il tasto destro del mouse e del passaggio del mouse.
Cosa fare e cosa non fare
- Creare layout con due riquadri
- Utilizzare i layout di griglia e colonna
- Sostituire le barre di navigazione con riquadri di navigazione e riquadri a scomparsa
- Utilizzare l'incorporamento delle attività nelle app precedenti con più attività
- Supporta funzionalità avanzate di tastiera, mouse e trackpad
- Allunga gli elementi dell'interfaccia utente (campi di testo, pulsanti, finestre di dialogo) per riempire lo spazio extra
- Allungare o ritagliare le immagini
- Rendere i riquadri o i fogli a larghezza intera
Linee guida
Segui le linee guida di Livello 2 per ottimizzare le tue app per gli schermi di grandi dimensioni.
Supporta schermi di tutte le dimensioni su dispositivi di tutti i tipi con layout adattabili/responsive che offrono un'esperienza utente ottimale.
Linee guida LS-U1 fino a LS-U4
Cosa
I layout delle app sono conformi alle dimensioni degli schermi di grandi dimensioni. L'interfaccia utente dell'app include:
- Barre di navigazione e riquadri laterali all'avanguardia
- Layout a griglia che si adattano alle modifiche delle dimensioni della finestra
- Layout delle colonne
- Pannelli di bordo aperti per impostazione predefinita sugli schermi di grandi dimensioni
I layout a due riquadri sfruttano lo spazio degli schermi di grandi dimensioni. Le app con più attività implementano l'inserimento di attività per creare layout con più riquadri di attività affiancate.
I touch target sono grandi e raggiungibili. Gli elementi drawable interattivi sono attivabili.
Perché
I dispositivi con schermi di grandi dimensioni includono una serie di fattori di forma, tra cui tablet, dispositivi pieghevoli e dispositivi ChromeOS. Le dimensioni dei display variano. I dispositivi vengono spesso, a volte principalmente, utilizzati in orizzontale.
Supporta dispositivi di input hardware esterni per aumentare l'usabilità dell'app e la soddisfazione degli utenti.
Linee guida LS-I3 fino a LS-I9
Cosa
L'app offre un supporto avanzato per l'input da tastiera, mouse e trackpad. I menu delle opzioni sono accessibili tramite il comportamento del clic con il tasto destro del mouse e del trackpad (tasto secondario del mouse o tocco secondario). Puoi aumentare lo zoom dei contenuti dell'app utilizzando la rotellina del mouse e i gesti di pizzicamento del trackpad. Gli elementi dell'interfaccia utente hanno stati di passaggio del mouse.
Perché
Le periferiche come tastiere, mouse e trackpad sono spesso collegate a dispositivi con schermi di grandi dimensioni. I dispositivi ChromeOS in genere hanno una tastiera e un trackpad integrati. Gli utenti sono abituati a utilizzare scorciatoie da tastiera, più pulsanti del mouse, la rotellina del mouse e i gesti del trackpad.
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.
[null,null,["Ultimo aggiornamento 2025-07-27 UTC."],[],[],null,["# Large screen optimized\n\nTIER 2 --- [Large screen app\nquality](/docs/quality-guidelines/large-screen-app-quality) guidelines that\nprepare your app for displays large and small.\n\nAPPS OPTIMIZED FOR LARGE SCREENS take advantage of the expansive displays of\nlarge screen devices to provide a productive, engaging user experience.\n\nOptimized apps are built with responsive/adaptive layouts that conform to\nportrait and landscape orientations, multi‑window mode, and folded and\nunfolded device states. Navigation rails and drawers enhance a user interface\nthat dynamically formats and positions elements such as buttons, text fields,\nand dialogs for an optimal user experience.\n\nApps optimized for large screens provide support for keyboard navigation,\nkeyboard shortcuts, and mouse and trackpad zoom, \"right‑click,\" and hover\nbehavior.\n\nDo's and don'ts\n---------------\n\ncheck_circle\n\n### Do\n\n- Create two-pane layouts\n- Use grid and column layouts\n- Replace navigation bars with navigation rails and drawers\n- Use activity embedding in legacy, multi-activity apps\n- Support advanced keyboard, mouse, and trackpad functionality \ncancel\n\n### Don't\n\n- Stretch UI elements (text fields, buttons, dialogs) to fill extra space\n- Stretch or crop images\n- Make panels or sheets full width\n\nGuidelines\n----------\n\nFollow the Tier 2 guidelines to optimize your apps for large screens. \n\n### [UX](/docs/quality-guidelines/large-screen-app-quality#t2_ux)\n\nSupport screens of all sizes on devices of all kinds with responsive/adaptive layouts that provide an optimal user experience.\n\nGuidelines [LS-U1](/docs/quality-guidelines/large-screen-app-quality#LS-U1) through [LS-U4](/docs/quality-guidelines/large-screen-app-quality#LS-U4) \n\n#### What\n\nApp layouts conform to large screen dimensions. App UI includes:\n\n- Leading-edge navigation rails and drawers\n- Grid layouts that accommodate window size changes\n- Column layouts\n- Trailing-edge panels that are open by default on large screens\n\nTwo-pane layouts take advantage of large screen space. Multi‑activity apps implement activity embedding to create multi‑pane layouts of activities side by side.\n\nTouch targets are large and reachable. Interactive drawables are focusable. \n\n#### Why\n\nLarge screen devices encompass a variety of form factors, including tablets, foldables, and ChromeOS devices. Display sizes vary. Devices are often---sometimes primarily---used in landscape orientation. \n\n#### How\n\nSee the [UX](/guide/topics/large-screens/ux) overview. \n\n### [Keyboard, mouse, and trackpad](/docs/quality-guidelines/large-screen-app-quality#t2_keyboard_mouse_trackpad)\n\nSupport external hardware input devices to increase app usability and user satisfaction.\n\nGuidelines [LS-I3](/docs/quality-guidelines/large-screen-app-quality#LS-I3) through [LS-I9](/docs/quality-guidelines/large-screen-app-quality#LS-I9) \n\n#### What\n\nApp provides enhanced support for keyboard, mouse, and trackpad input. Options menus are accessible by mouse and trackpad right‑click (secondary mouse button or secondary tap) behavior. App content can be zoomed using the mouse scroll wheel and trackpad pinch gestures. UI elements have hover states. \n\n#### Why\n\nPeripherals such as keyboards, mice, and trackpads are often connected to large screen devices. ChromeOS devices typically have a built‑in keyboard and trackpad. Users are accustomed to using keyboard shortcuts, multiple mouse buttons, mouse scroll wheel, and trackpad gestures. \n\n#### How\n\nSee the [Keyboard, mouse, and trackpad](/guide/topics/large-screens/keyboard-mouse-and-trackpad-tier-2) overview."]]
