Du problème à l’écran

Transformez vos idées de conception d'application en plans d’écrans à tester

Vous cherchez des idées de conception d'application ? Partez d’une tâche que quelqu’un a déjà du mal à accomplir, puis esquissez le parcours le plus court pour y parvenir. App Design vous aide à réfléchir aux écrans avant de passer à un processus de conception dans le navigateur.

Visuel de la page d’accueil d’App Design montrant un espace de travail créatif dédié à la conception

où nous intervenons

Utilisez cette page pour transformer un problème en concept et en séquence d’écrans. C’est une aide à la planification, pas un substitut à la recherche ou à la mise en œuvre.

1

Une idée ne constitue pas une preuve d’un besoin utilisateur

Un concept de conception d'application plausible ne permet pas de savoir si les personnes rencontrent le problème assez souvent pour changer leurs habitudes.

Que faire à la place

Demandez aux utilisateurs potentiels de décrire la dernière fois qu’ils ont rencontré le problème avant d’investir dans des écrans soignés.

2

Un plan d’écrans n’est pas un produit fonctionnel

Une orientation visuelle ne définit ni la gestion des données, ni le comportement en matière d’accessibilité, ni les exigences de sécurité, ni le travail d’ingénierie nécessaire au fonctionnement d’une application.

Que faire à la place

Associez à chaque écran une courte note sur les données nécessaires, ses différents états et ses dépendances techniques.

3

Une référence n’est pas un modèle réutilisable

Une mise en page attrayante peut dépendre de ressources, d’autorisations ou d’interactions que vous ne pouvez pas reprendre dans votre propre projet.

Que faire à la place

Reprenez la structure sous-jacente, puis remplacez son contenu et vérifiez qu’elle répond toujours à votre objectif.

Développez un concept à la fois

Un petit exercice de conception d'application facilite la comparaison des idées sans avoir à créer toutes les fonctionnalités possibles.

  1. 1

    Définissez la tâche récurrente

    Rédigez une phrase indiquant qui a besoin d’aide et ce que cette personne cherche à accomplir. Par exemple, un outil d’organisation du foyer pourrait aider des colocataires à enregistrer leurs dépenses communes immédiatement après un achat. Ne commencez pas par une liste de fonctionnalités.

  2. 2

    Esquissez le parcours le plus court

    Déterminez l’écran d’accueil, l’action principale et la confirmation. Pour les dépenses communes, il pourrait s’agir d’un aperçu des soldes, d’un formulaire d’ajout de dépense et d’un état confirmant l’enregistrement. Prévoyez ce qui se passe si des informations manquent ou si l’enregistrement échoue.

  3. 3

    Confrontez l’idée à la réalité

    Montrez la séquence à une personne qui effectue cette tâche. Demandez-lui sur quoi elle appuierait en premier, quelles informations elle s’attend à trouver et où elle hésite. Revoyez le parcours avant de consacrer du temps aux couleurs ou aux détails décoratifs.

avant/après

L’amélioration consiste à passer d’un thème général à une interface qui permet d’accomplir une tâche de bout en bout.

Première maquette filaire utilisée pour réfléchir à la disposition d’un écran
Avant : une disposition approximative
Référence visuelle pour un concept d'application plus abouti
Après : une approche centrée sur la tâche

Utilisez les images comme références pour la planification, et non comme preuve qu’une fonctionnalité donnée a été créée. Un cahier des charges de conception d'application plus solide précise l’utilisateur, l’action, les informations nécessaires et l’état de réussite.

Avant : une disposition approximativeAprès : une approche centrée sur la tâche

spécifications du livrable

Chaque scénario ci-dessous propose un résultat concret : un parcours court, le contenu essentiel des écrans et une question à poser à l’utilisateur visé.

Coordination du bénévolat local

Les personnes doivent pouvoir s’inscrire à un créneau disponible sans échanger de nombreux messages. Prévoyez une liste de missions, un écran détaillant le créneau et une confirmation claire indiquant l’heure et le lieu.

Présentez un parcours en trois écrans et vérifiez qu’une personne qui fait du bénévolat pour la première fois comprend à quoi elle s’est engagée. Prévoyez aussi les états d’annulation et de créneau complet.

idées de conception d'application mobile

Coach sportif indépendant

Pendant une séance, les clients oublient quel exercice vient ensuite. Prévoyez un aperçu de la séance, un écran détaillant l’exercice et un état de fin accompagné d’un indicateur de progression lisible.

Proposez une structure d’écran utilisable par une personne en déplacement, fatiguée ou qui jette un coup d’œil à son téléphone. Vérifiez que les instructions et la prochaine action restent faciles à trouver.

idées de conception d'application mobile

Banque alimentaire de quartier

Les donateurs veulent savoir quelles fournitures sont nécessaires aujourd’hui. Prévoyez une liste des besoins actuels, une fiche détaillant les quantités utiles pour chaque article et un écran indiquant où déposer les dons.

Proposez un parcours axé sur le contenu et déterminez qui veille à l’exactitude de la liste des besoins. Vérifiez qu’un donateur peut agir sans prendre une ancienne demande pour un besoin actuel.

idées de conception d'application mobile

Passez à l’étape suivante

Choisissez le scénario dont le besoin utilisateur est le plus clair. Apportez l’énoncé de la tâche, la séquence d’écrans et les questions en suspens à la prochaine séance de conception. App Design peut vous aider à cadrer le travail ; le parcours accessible via le lien dans le navigateur vous permettra d’explorer comment le poursuivre. Vérifiez les fonctionnalités disponibles avant de compter sur une fonctionnalité précise.

Faites passer un concept clair dans un parcours sur navigateur

  • Commencez par une tâche utilisateur
  • Décrivez les écrans essentiels
  • Gardez les hypothèses non vérifiées bien visibles
Explorez le parcours

FAQ sur les scénarios

Listez les tâches que les gens accomplissent déjà à l’aide de notes, de messages ou de feuilles de calcul. Cherchez une tâche avec un début et une fin clairement définis, puis esquissez ce qu’un parcours plus simple pourrait afficher à l’écran. Un désagrément précis est plus utile qu’une catégorie générale comme la productivité.

Demandez aux personnes concernées comment elles s’y prennent aujourd’hui et où leur méthode actuelle montre ses limites. Si vous pouvez décrire une tâche récurrente et une amélioration significative, il vaut la peine de la tester sous forme d’un petit parcours d’écrans. C’est une raison d’approfondir, pas une preuve de demande.

Précisez l’utilisateur visé, la tâche qu’il souhaite accomplir et le nombre minimal d’écrans nécessaires pour y parvenir. Notez le contenu que chaque écran doit afficher, ainsi qu’un état vide, d’erreur ou de confirmation, le cas échéant. Gardez les fonctionnalités secondaires pour une étape ultérieure.

Non. Un croquis lisible ou une simple maquette filaire suffit pour demander à quelqu’un ce qu’il s’attend à voir se produire à chaque étape. Les premiers retours sont surtout utiles lorsqu’ils peuvent encore faire évoluer le parcours, les libellés et les priorités.

Commencer à concevoir
Commencer à concevoir