Planification d'une interface Android
Commencez gratuitement la conception d'application pour Android avec un plan d'écrans clair
Une idée Android prometteuse peut donner lieu à une interface déroutante si la navigation, les zones tactiles et les commandes système sont prises en compte trop tard. Utilisez App Design pour planifier d'abord les écrans et les interactions, puis confrontez vos choix aux recommandations Android actuelles avant le développement.
La difficulté de ce scénario
Une maquette attrayante ne suffit pas si elle omet l'action de retour, le comportement du clavier ou l'état affiché lorsqu'il manque des données. Partez d'une tâche et des écrans nécessaires pour l'accomplir.
- idées de conception d'applications mobiles Explorez des scénarios mobiles qui peuvent donner un objectif plus précis à votre plan d'écrans Android.
- modèles gratuits de conception d'applications mobiles Découvrez comment évaluer un modèle d'application mobile avant d'adapter sa mise en page à votre tâche.
- comment concevoir l'interface utilisateur d'une application Suivez une démarche écran par écran pour transformer une tâche en interface.
Un plan de conception élaboré dans un navigateur vous aide à réfléchir à une interface Android. Il ne remplace ni la documentation de la plateforme, ni l'implémentation, ni les tests sur un appareil.
Pas d'application Android installable
Un plan d'écrans ou une maquette n'est ni un APK ni une application publiée. Il n'implémente pas le stockage, les autorisations, les notifications ou d'autres fonctionnalités de l'appareil.
Que faire à la place
Utilisez la conception comme spécification pour le développement et testez les parcours implémentés sur des appareils Android.
Pas de validation automatique de la conformité aux normes
Un écran visuellement convaincant peut néanmoins ne pas respecter les recommandations Android actuelles concernant la navigation, l'accessibilité ou les barres système.
Que faire à la place
Consultez les recommandations Android et Material pertinentes, puis vérifiez le contraste, la lisibilité du texte, les zones tactiles et le comportement de l'action de retour.
Aucune preuve avec une image statique
Un exemple soigné ne permet pas de voir si le clavier masque un bouton, si un long libellé passe à la ligne ou si un état vide explique quoi faire ensuite.
Que faire à la place
Consignez les états d'interaction et validez-les à l'aide d'un prototype ou d'une version fonctionnelle.
3 parcours concrets
Choisissez l'un de ces points de départ selon ce qui est le moins certain : le parcours, le formulaire ou la façon dont le contenu s'affiche sur un petit écran.
-
1
Définir un parcours de première utilisation
Définissez l'objectif de l'utilisateur, puis esquissez un écran d'accueil, l'action principale et un état de fin. Indiquez où la navigation Retour d'Android doit ramener l'utilisateur. Écartez les demandes facultatives de création de compte ou d'autorisation du parcours essentiel, sauf si la tâche les exige réellement.
-
2
Concevoir une tâche de saisie de données
Listez chaque champ, son type de clavier, son message de validation et le comportement à l'enregistrement avant de disposer les commandes. Vérifiez ce qui reste visible lorsque le clavier s'ouvre et permettez aux utilisateurs de corriger une erreur sans perdre les informations saisies.
-
3
Adapter un écran de contenu
Commencez par les informations les plus importantes, puis prévoyez les états de chargement, vide et d'erreur. Vérifiez l'affichage des textes longs, des polices agrandies et des écrans étroits. Déterminez quelle action doit rester bien visible sans compter uniquement sur la couleur pour l'expliquer.
Exemple de résultat
Prenons une application de suivi des habitudes dont l'écran d'accueil répond à une question : que dois-je faire aujourd'hui ? Son cahier des charges doit couvrir davantage que la vue par défaut contenant des données.
Utilisez cette paire comme illustration, et non comme une transformation vérifiée ou un fichier Android prêt à être développé. Un résultat utile pour l'application de suivi des habitudes préciserait une liste du jour, une action d'ajout clairement nommée, une explication de l'état vide et ce qui se passe après l'enregistrement d'une habitude. Il décrirait aussi la navigation Retour depuis le formulaire et ce que voit l'utilisateur si l'enregistrement échoue. Confrontez ces décisions aux recommandations actuelles de la plateforme et testez-les dans un prototype.
Concept initialExamen axé sur AndroidNotes de conformité
Avant de considérer une conception d'application comme une spécification Android, consultez les dernières documentations Android et Material concernant la navigation, les éléments système, l'accessibilité et les autorisations. Dans la mesure du possible, effectuez des tests avec une taille de texte agrandie et des technologies d'assistance. App Design offre un point de départ pour la planification ; la destination accessible par le lien dans le navigateur peut avoir ses propres conditions d'accès, et un concept seul ne suffit pas à établir la conformité.
Soumettre le plan des écrans à un examen propre à la plateforme
- Documenter les états normal, vide, de chargement et d'erreur.
- Vérifier la navigation Retour et le comportement du clavier.
- Valider l'expérience mise en œuvre sur des appareils.
FAQ sur les scénarios
Vous pouvez commencer par rédiger une description des écrans et définir les étapes de la tâche dans un processus accessible depuis un navigateur. Ne supposez pas que toutes les fonctionnalités proposées sur le site lié sont gratuites ; vérifiez les conditions d’accès en vigueur avant de vous y fier.
Non. Une conception décrit les écrans et les interactions, tandis qu’une application Android fonctionnelle nécessite un développement, des tests sur appareil et, le cas échéant, des étapes de publication. Distinguez le plan des écrans de ce qui a réellement été développé.
Vérifiez que sa navigation et ses commandes conviennent à la tâche, plutôt que de reprendre sa mise en page telle quelle. Examinez l’adaptation de la taille du texte, les zones tactiles, les barres système et le comportement du bouton Retour à la lumière des recommandations Android actuelles.
Commencez par l’écran d’accueil, l’écran où se déroule la tâche principale et un état de résultat ou de confirmation clair. Ajoutez ensuite les états vide, de chargement et d’erreur qui concernent ce même parcours.