Progettare per i pieghevoli: posture, dimensioni delle finestre e gesti
Come progettare app per telefoni pieghevoli: layout piegati e aperti, posizioni del piano del tavolo e del libro, classi di dimensioni delle finestre, continuità e gesti vicino alla piega.
Punto chiave
Progetta layout pieghevoli in base alle dimensioni della finestra disponibili, non al modello del dispositivo: le classi di dimensioni della finestra di Android considerano le larghezze inferiori a 600 dp come compatte, da 600 a 840 dp come medie e da 840 a 1200 dp come espanse. Supporta posture piegate, aperte e semiaperte (da tavolo), mantiene il posto dell'utente quando il dispositivo si piega o si apre e mantiene i contenuti chiave e gli obiettivi tattili lontani dalla piega.
Posture
La documentazione per gli sviluppatori di Android descrive i dispositivi pieghevoli in diverse posizioni: piegati, aperti in piano, aperti in piano ruotati in orizzontale e semiaperti, noti come da tavolo. La piega divide lo schermo in due porzioni, come area flessibile di uno schermo o come cerniera tra due display, e può oscurare parte del display.
Progettazione per classi di dimensioni della finestra
Invece di prendere di mira dispositivi specifici, Android raggruppa lo spazio disponibile in classi di dimensioni della finestra. La larghezza compatta (sotto i 600 dp) copre quasi tutti i telefoni in verticale; la larghezza media (da 600 a 840 dp) copre la maggior parte dei tablet in verticale e molti display interni di grandi dimensioni aperti in verticale; la larghezza estesa (da 840 a 1200 dp) copre la maggior parte dei tablet e i grandi display aperti in orizzontale. Le classi grandi ed extra-grandi coprono tablet e desktop più grandi.
Layout che utilizzano la piega
Modelli comuni:
- Piegato: il normale layout del telefono.
- Aperto piatto: layout con dettaglio elenco o a due riquadri, con ciascun riquadro su un lato della piega.
- Da tavolo: contenuti come video nella metà superiore, controlli nella metà inferiore.
- Non posizionare mai un pulsante, una riga di testo o una faccia lungo la piega.
Continuità
Quando qualcuno apre un dispositivo nel corso di un'attività, l'app dovrebbe continuare da dove si trovava: stessa posizione di scorrimento, stessa bozza, stessa riproduzione. Considera la piegatura e l'apertura come una modifica del layout, non un riavvio, e anima la transizione in modo che le persone possano seguire dove sono stati spostati i contenuti.
Gesti e portata
Gli schermi più grandi e aperti modificano la portata del pollice: posiziona i controlli frequenti vicino ai bordi dove poggiano le mani ed evita i movimenti sui bordi che entrano in conflitto con i gesti del sistema. Anche in questo caso il movimento basato sulla fisica aiuta: i pannelli che scorrono e si stabilizzano con le molle rendono il cambio di postura naturale anziché stridente.
Principi chiave da ricordare
- Progettazione in base alla classe di dimensione della finestra, non al modello del dispositivo
- Compatto < 600 dp, medio 600–840 dp, espanso 840–1200 dp
- Supporta posture piegate, aperte e da tavolo
- Mantieni contenuti e controlli nascosti
- Preserva lo stato e anima i cambiamenti di postura
Domande frequenti
Fonti
- Learn about foldables — Sviluppatori Android
- Use window size classes — Sviluppatori Android