NIVEAU 2 : Optimisation adaptative
Pour les utilisateurs, l'interface utilisateur est l'application. Elle détermine l'expérience utilisateur, qui détermine la satisfaction des utilisateurs, l'utilisation de l'application, les achats dans l'application et la fidélisation des clients.
Les grands écrans offrent un vaste espace d'affichage pour des UI innovantes et adaptées qui offrent une UX que les petits écrans ne peuvent pas reproduire.
Optimisez votre application pour les grands écrans en incluant les éléments d'interface utilisateur suivants :
- Rail ou panneau de navigation
- Grandes cibles tactiles
- Menus et boîtes de dialogue bien placés
- Mises en page à plusieurs volets
Mises en page adaptatives
Créez des mises en page adaptatives qui optimisent l'UI de votre application sur les petits et grands écrans. Concevez et développez des applications pour plusieurs facteurs de forme simultanément. Pérennisez votre application pour les nouveaux types d'appareils.
Mises en page canoniques
Profitez de mises en page adaptatives éprouvées pour rendre l'UX de votre application exceptionnelle. Créez une mise en page liste/détails, un volet d'assistance ou une mise en page de flux pour rendre plus de contenu plus facile à gérer et plus agréable.
UI responsive
Mettez en forme les éléments d'interface utilisateur en fonction de la taille de l'écran. Appliquez aux boutons, aux fiches et aux champs de texte qui s'étendent sur toute leur largeur sur les petits écrans, une largeur correspondant à une taille fonctionnellement appropriée sur les grands écrans. Ne laissez pas les boîtes de dialogue et les autres fenêtres modales remplir l'intégralité de l'écran. Placez les menus contextuels et autres pop-ups associés à un élément à côté de l'élément sélectionné par l'utilisateur, et non au centre de l'écran.
Intégration d'activités
Mettez à jour vos anciennes applications basées sur des activités avec des mises en page à plusieurs volets sur les grands écrans. Aucune refactorisation du code n'est requise. Configurez vos mises en page en XML ou avec quelques appels d'API Jetpack WindowManager.
Étapes suivantes
Pour en savoir plus sur le développement d'UI pour une UX optimisée, consultez les guides du développeur suivants :
- À propos des mises en page adaptatives
- Mises en page standard
- Créer une navigation responsive
- Intégration d'activités