La progettazione per Android copre un'ampia gamma di aspetti e dispositivi unici; non è sufficiente considerare solo i punti di interruzione. Gli utenti possono regolare e riorientare le finestre delle app sui propri dispositivi. Con i dispositivi pieghevoli, un singolo dispositivo può coprire tutti questi casi d'uso. È essenziale pensare in termini di riquadri per l'adattabilità dei contenuti.
Modifiche dell'orientamento
Non bloccare le app in verticale. In questo modo, l'app può sembrare un bug e si crea un letterbox indesiderato durante il multitasking.
Gli utenti spesso riorientano i propri dispositivi per motivi di ergonomia e visualizzazione dei contenuti. La tua app deve supportare queste modifiche dell'orientamento.
Sui dispositivi più grandi, le modalità verticale e orizzontale possono avere effetti più sottili quando si passa da una dimensione media a una grande, ma la modalità orizzontale fornisce una dimensione della finestra media con una visualizzazione verticale compatta.
Tieni in considerazione le seguenti pratiche di progettazione per l'orientamento orizzontale:
Supporta le barre di sistema edge-to-edge.
Scegli il componente di navigazione che supporta meglio i tuoi contenuti, ad esempio una barra di navigazione orizzontale o una barra di spostamento.
Valuta la possibilità di ridisporre i contenuti o modificare la densità.
I layout orizzontali possono utilizzare un'interfaccia utente di larghezza media.
L'orientamento orizzontale può sfruttare l'altezza ridotta di una barra di navigazione in basso orientata orizzontalmente.
Per i contenuti, prova a utilizzare un contenitore per applicare il letterbox ai contenuti o utilizza un orientamento dei contenuti diverso, se disponibile, ad esempio verticale anziché orizzontale per i video. I contenuti a larghezza intera in verticale compatto occupano la maggior parte dello schermo in un layout orizzontale di grandi dimensioni. Se i contenuti non scorrevano in verticale, non farli scorrere in orizzontale, perché questo può confondere gli utenti.
L'immagine promozionale occupa lo spazio principale e rimane fissa. La barra dell'app in basso viene sganciata.
Da verticale a orizzontale: entrambi i raggruppamenti di contenitori ruotano in posizione.
Per un foglio di filtri, il componente del foglio può diventare un foglio laterale. Se è necessaria maggiore attenzione, il foglio rimane a schermo intero, ma si adatta a un layout a due colonne.
Posture
Tieni conto dei casi d'uso dei fattori di forma unici, come le posture di piegatura (chiuso, piatto e da tavolo).
La tua app non deve necessariamente tenere conto di ogni postura, ma valuta la possibilità di sfruttarne una per la tua app. Ad esempio, un lettore multimediale può mostrare un'interfaccia utente da tavolo e di copertina unica.
Piatto
Un dispositivo pieghevole è in posizione piatta quando è aperto. Lo schermo è in genere di dimensioni medie o grandi.
Chiuso
Quando un dispositivo pieghevole è chiuso, è in posizione chiusa. In questa posizione, interagisci con lo schermo esterno, che in genere è compatto.
Da tavolo
Una postura da tavolo è parzialmente piegata in posizione orizzontale. Questa postura ti consente di utilizzare layout unici, come controlli di grandi dimensioni e video orizzontali.
Cerniera
Rendi la tua app compatibile con la cerniera, in modo che i contenuti scorrano senza problemi e non si perdano nella cerniera. Questo potrebbe non essere necessario nei layout a un solo riquadro. Tuttavia, valuta se i controlli e il testo devono evitare lo spazio della cerniera.
Se stai progettando con una griglia di layout e riquadri, prevedi una spaziatura più ampia per ospitare la cerniera, ad esempio in un layout elenco-dettagli a due riquadri.
Alcuni dispositivi pieghevoli, come i trifold, hanno più cerniere.
Copertina
Alcuni smartphone pieghevoli possono avere uno schermo esterno con un formato quadrato, come un telefono a conchiglia.
Quando progetti per gli schermi esterni, segui queste linee guida:
- Assicurati che le app siano edge-to-edge.
- Assicurati che gli elementi dell'interfaccia utente non siano coperti dai ritagli della fotocamera.
- Mantieni i casi d'uso e l'interfaccia utente mirati.
Ad esempio, quando un dispositivo viene utilizzato solo come lettore multimediale, la copertina può diventare lo sfondo per mostrare una visualizzazione rapida che richiede meno informazioni.
Su schermi e formati più piccoli, considera l'esperienza dei contenuti mirati. L'immagine promozionale occupa la maggior parte della copertina per un maggiore appeal visivo, con un'anteprima del titolo e dei contenuti per facilitare lo scorrimento e la leggibilità.
La copertina deve rimanere incentrata sull'input. Ad esempio, quando viene visualizzata la tastiera, il messaggio è l'elemento principale.
Negli schermi più piccoli, come le copertine, il foglio di filtri è a schermo intero, ma il posizionamento e la scalabilità dei pulsanti si adattano.
Sebbene sia compatta, una barra di spostamento potrebbe essere più ergonomica su uno schermo esterno.
Le copertine più grandi possono sfruttare entrambi gli orientamenti di navigazione. Valuta in che modo gli utenti potrebbero interagire con i contenuti.
Una piccola barra di spostamento può evitare l'interfaccia utente di sistema e i ritagli della fotocamera, rispettando al contempo l'altezza condensata.
Cosa fare
