Figma - 1.5 Présentation du projet, du persona et du parcours utilisateur
Cette leçon présente le projet qui accompagne tout le cours Figma. Il s'agit de concevoir une partie d'un site mobile pour une entreprise cliente, en partant d'un personnage type et d'un flux de tâches précis. Avant de dessiner le moindre écran, un designer doit savoir qui sont les utilisateurs et ce qu'ils veulent accomplir. Cette étape oriente toutes les décisions de conception qui suivent.
Un site mobile à concevoir pour une entreprise cliente
Le projet demande de concevoir les écrans d'un site mobile. Les clients doivent pouvoir voir des produits, en ajouter un au panier, puis payer par carte bancaire. Le cours se concentre sur trois écrans essentiels : la page d'accueil qui présente les produits, la page de paiement et la page de confirmation.
Le cours ne demande pas de concevoir tout le site. Ce cadrage permet de s'entraîner sur un parcours complet sans se disperser.
Dans un vrai projet, il est utile de connaître la mission et les valeurs de l'entreprise. Ces informations aident à mieux discuter avec les parties prenantes. Si elles manquent, il faut travailler avec ce que l'on a et poser les bonnes questions.
Le persona : Sarah, une cliente type
Un persona est un personnage fictif qui représente un groupe d'utilisateurs. Il ne s'agit pas d'une personne réelle, mais d'un moyen de concevoir pour un public précis, et non pour soi-même.
Le persona de ce cours est volontairement simple. Il aide à choisir les couleurs, les polices, le langage, les images et l'ordre des informations. Il permet aussi de discuter avec le client à partir des besoins de Sarah, et non de ses propres goûts.
- Sarah a une vingtaine d'années et le baccalauréat.
- Elle travaille à son compte, elle est mariée et elle a des enfants.
- Elle vit en Irlande et n'a jamais acheté ce type de produit.
- Elle est très respectueuse de l'environnement et attentive aux déchets.
Flux de tâches ou parcours utilisateur ?
Un flux de tâches décrit les étapes d'une action précise, du début à la fin. Dans ce cours, il suit un chemin presque linéaire : la page d'accueil, l'ajout au panier, le paiement, puis la confirmation.
Un parcours utilisateur est plus complexe. Il montre plusieurs chemins possibles pour atteindre le même but. Par exemple, trouver une recette de pancakes peut passer par la barre de recherche ou par la catégorie petit-déjeuner. Il fait aussi apparaître les décisions, les impasses et les boucles où l'utilisateur risque de se perdre.
Le flux de tâches sert donc à dessiner les écrans indispensables, tandis que le parcours utilisateur aide à repérer les situations où les gens restent bloqués.
En résumé
Le projet part d'une entreprise cliente, d'un persona et d'un flux de tâches. Sarah guide les choix visuels et le contenu. Le flux de tâches cadre les écrans à produire, et le parcours utilisateur révèle les chemins possibles. Le cours reste centré sur le mobile, mais un projet réel peut aussi demander les versions tablette et ordinateur.
Points clés
- Le projet consiste à concevoir l'accueil, le paiement et la confirmation d'un site mobile.
- Un persona représente un groupe d'utilisateurs et guide les choix de conception.
- Un flux de tâches suit un chemin linéaire vers un objectif précis.
- Un parcours utilisateur montre les variantes, les décisions et les impasses.
- Un projet mobile demande aussi de penser aux tablettes et aux écrans de bureau.
Questions fréquentes
Qu'est-ce qu'un persona en conception ?
Un persona est un personnage fictif qui représente un groupe d'utilisateurs. Il aide à concevoir pour ce public, et non pour soi-même.
Quelle différence entre flux de tâches et parcours utilisateur ?
Le flux de tâches décrit un chemin simple vers un but. Le parcours utilisateur ajoute les variantes, les décisions et les impasses possibles.
Faut-il concevoir seulement la version mobile ?
Le cours se concentre sur le mobile. Le développeur voudra souvent aussi savoir comment le site s'adapte à la tablette et à l'ordinateur.