Penser aux petits écrans
Les meilleures idées de conception d'application mobile partent d’une personne qui cherche à accomplir une tâche dans une situation précise. Choisissez un moment — vérifier un train, noter un repas ou partager un reçu — puis concevez le parcours clair le plus court pour y parvenir.
Un concept utile rend visibles la tâche principale, son contexte et ses limites. Ces contraintes évitent qu’un écran séduisant ne tienne lieu d’expérience mobile fonctionnelle.
Un concept d’écran ne permet pas de savoir si les personnes comprennent un geste, remarquent une erreur ou parviennent à reprendre leur tâche après un échec.
Que faire à la place
Décrivez la tâche sous forme d’une courte suite d’étapes, puis demandez à une personne qui ne connaît pas le concept sur quoi elle appuierait ensuite.
La conception visuelle d’une application ne produit pas de logiciel Android ou iOS installé, d’autorisations sur l’appareil ni de notifications fonctionnelles.
Que faire à la place
Documentez séparément le comportement prévu et examinez les exigences de la plateforme avant le développement.
Des noms d’exemple parfaits et des libellés courts peuvent masquer des mises en page trop serrées, des états vides et des informations anormalement longues.
Que faire à la place
Essayez des textes réalistes, des données manquantes et un message d’erreur avant d’arrêter la mise en page.
Partez d’une situation précise pour aboutir à un petit ensemble d’écrans. Donnez une raison d’être à chaque étape avant de peaufiner l’apparence.
Décrivez l’utilisateur, son objectif et l’endroit où il se trouve. Une personne qui vérifie un trajet retardé pendant ses déplacements n’a pas besoin du même premier écran qu’une personne qui planifie un voyage chez elle.
Énumérez le premier écran, la décision qu’il permet de prendre et l’écran de résultat. Laissez les paramètres facultatifs et les informations secondaires en dehors de ce parcours.
Vérifiez l'accessibilité à une main, la lisibilité du texte, les connexions lentes et ce qui se passe lorsqu'il n'y a aucun résultat. Revoyez le parcours avant de peaufiner les couleurs ou les illustrations.
Si votre concept nécessite un point de départ plus large, une mise en page réutilisable ou des vérifications propres à une plateforme, suivez la piste qui correspond à votre prochaine décision.
Comparez une première ébauche attrayante à un concept prêt pour une évaluation pratique. Chaque ligne présente un élément observable à vérifier.
| Première ébauche | Concept prêt à être évalué | |
|---|---|---|
| Action principale | Entre en concurrence avec plusieurs boutons tout aussi visibles. | L'action suivante est claire au regard de l'objectif immédiat de l'utilisateur. |
| Navigation | Toutes les fonctionnalités apparaissent sur le premier écran. | La tâche principale reste visible ; les parcours secondaires portent des libellés prévisibles. |
| Texte | Des libellés provisoires courts donnent l'impression que tout tient à l'écran. | Des noms, montants et instructions réalistes restent lisibles. |
| Retour d'information | Seul l'écran correspondant à une réussite idéale est présenté. | Les états de chargement, d’absence de contenu, d’erreur et de réussite expliquent ce qui s’est passé. |
| Interaction tactile | Les commandes paraissent précises à la taille de présentation. | Les commandes importantes sont faciles à toucher sur un téléphone. |
| Contexte | Suppose une attention sans partage et une connexion fiable. | Le parcours résiste aux interruptions et signale clairement les données incertaines. |
Ces exemples montrent où un concept d’application mobile prometteur nécessite souvent une deuxième passe. Suivez le lien correspondant lorsque ce type de retouche devient votre priorité.
Un écran de transport affiche une carte d’itinéraire élégante, mais le prochain départ est relégué en dessous.
Placez l’heure du prochain départ, l’état des perturbations et la prochaine action utile au-dessus de la carte. Gardez la carte accessible pour s’orienter, sans en faire la première étape.
Une liste de courses partagée paraît bien ordonnée, jusqu’à ce que plusieurs personnes y ajoutent de longs noms d’articles et des notes.
Testez les lignes chargées, les articles cochés et les modifications contradictoires. Faites en sorte qu’ajouter et cocher des articles reste plus simple que gérer des catégories.
Un concept d’enregistrement à un événement suppose que chaque participant dispose d’un signal puissant et peut lire un formulaire dense en extérieur.
Rendez le statut du participant compréhensible d’un coup d’œil et prévoyez ce que l’interface doit afficher lorsque les informations ne peuvent pas être actualisées.
Un concept de portfolio met les animations au premier plan, alors que les visiteurs veulent surtout trouver un projet et prendre contact.
Donnez la priorité au repérage des projets et à un moyen de contact clair. Laissez l’expression visuelle servir le contenu plutôt que d’en retarder l’accès.
Choisissez une situation parmi les exemples ou décrivez la vôtre en une phrase. App Design peut vous orienter vers une première approche dans le navigateur ; vérifiez les outils disponibles et les conditions d’utilisation de la destination avant de supposer qu’une fonctionnalité ou un résultat précis y est proposé.
Partez d’une situation récurrente plutôt que d’un style visuel : qui doit faire quoi, et sous quelles contraintes ? Esquissez la première action et le résultat utile avant de choisir des couleurs ou de rassembler des références.
Un téléphone s’utilise souvent pendant de courtes sessions interrompues, avec peu d’espace pour présenter plusieurs choix. Un concept mobile doit rendre la tâche immédiate facile à repérer et permettre de vérifier que les commandes, le texte et les retours fonctionnent sur un écran de téléphone.
Prévoyez assez d’écrans pour montrer le point de départ, une décision importante et le résultat. Ajoutez un état vide ou un état d’erreur s’il modifie ce que la personne doit faire ; un parcours cohérent est plus utile qu’une grande collection d’écrans.
Il peut révéler des libellés peu clairs, des écrans surchargés et des étapes manquantes, mais il ne peut ni prouver la facilité d’utilisation ni mettre en œuvre un comportement natif. Testez la tâche avec des personnes et examinez les exigences techniques et celles des plateformes avant de considérer le concept comme une application terminée.