Concevoir pour les pliables : postures, tailles de fenêtres et gestes
Comment concevoir des applications pour téléphones pliables : dispositions pliées et dépliées, postures de table et de livre, classes de taille de fenêtre, continuité et gestes près du pli.
À retenir
Concevez des mises en page pliables en fonction de la taille de fenêtre disponible et non du modèle d'appareil : les classes de taille de fenêtre de Android traitent les largeurs inférieures à 600 dp comme compactes, de 600 à 840 dp comme moyennes et de 840 à 1 200 dp comme étendues. Prend en charge les postures pliées, ouvertes et semi-ouvertes (sur table), garde la place de l'utilisateur lorsque l'appareil se plie ou se déplie, et éloigne le contenu clé et les cibles tactiles du pli.
Postures
La documentation du développeur de Android décrit les pliables dans plusieurs positions : plié, ouvert à plat, ouvert à plat tourné vers le paysage et à moitié ouvert, appelé plateau de table. Le pli divise l'écran en deux parties, soit comme zone flexible d'un écran, soit comme charnière entre deux écrans, et il peut masquer une partie de l'écran.
Conception par classes de taille de fenêtre
Au lieu de cibler des appareils spécifiques, Android regroupe l'espace disponible en classes de taille de fenêtre. La largeur compacte (moins de 600 dp) couvre presque tous les téléphones en mode portrait ; la largeur moyenne (600 à 840 dp) couvre la plupart des tablettes en mode portrait et de nombreux grands écrans intérieurs dépliés en mode portrait ; la largeur étendue (840 à 1 200 dp) couvre la plupart des tablettes et des grands écrans dépliés en mode paysage. Les classes grandes et extra-larges couvrent des tablettes et des ordinateurs de bureau plus grands.
Mises en page qui utilisent le pli
Modèles courants :
- Plié : la disposition normale du téléphone.
- Ouvert à plat : présentations en liste détaillée ou à deux volets, chaque volet se trouvant sur un côté du pli.
- Sur table : contenu tel que la vidéo dans la moitié supérieure, commandes dans la moitié inférieure.
- Ne placez jamais de bouton, de ligne de texte ou de visage sur le pli.
Continuité
Lorsqu'une personne déplie un appareil en cours de tâche, l'application doit continuer là où elle était : même position de défilement, même brouillon, même lecture. Considérez le pliage et le dépliage comme un changement de mise en page, et non comme un redémarrage, et animez la transition afin que les utilisateurs puissent suivre où le contenu a été déplacé.
Gestes et portée
Les écrans dépliés plus grands modifient la portée du pouce : placez les commandes fréquentes près des bords où reposent les mains et évitez les glissements de bord qui entrent en conflit avec les gestes du système. Le mouvement basé sur la physique aide ici aussi : les vitres qui glissent et se stabilisent avec des ressorts rendent le changement de posture naturel plutôt que choquant.
Principes clés à retenir
- Conception par classe de taille de fenêtre, et non par modèle d'appareil
- Compact < 600 dp, moyen 600 à 840 dp, étendu 840 à 1 200 dp
- Supporte les postures pliées, ouvertes et sur table
- Gardez le contenu et les contrôles hors du giron
- Préserver l’état et animer les changements de posture
Questions fréquentes
Sources
- Learn about foldables — Développeurs Android
- Use window size classes — Développeurs Android