Avez-vous une question? (216) 97 656 803 hajjriadh@gmail.com
UI/UX Design

TP 7 : Du persona aux solutions (définition et idéation)

Ce TP prolonge la recherche utilisateur du TP 3 et couvre les phases de définition et d’idéation du projet CantineCampus. En binôme et en 5 heures, vous repérez des groupes de comportement grâce à une...

0 chapitres 0 QCM Accès gratuit
Dans cet article

À propos de ce cours

Ce TP prolonge la recherche utilisateur du TP 3 et couvre les phases de définition et d’idéation du projet CantineCampus. En binôme et en 5 heures, vous repérez des groupes de comportement grâce à une matrice de proximité, puis vous rédigez les personas et les cartes de parcours. Vous fixez ensuite le périmètre dans une fiche de cadrage, priorisez les problèmes avec une grille pondérée et formulez la proposition de valeur. Vous animez enfin un véritable atelier de brainstorming avec plusieurs techniques (inversion, brainwriting, Crazy 8, SCAMPER) pour produire au moins 40 idées. Vous les sélectionnez selon leur désirabilité, leur faisabilité et leur viabilité, puis vous précisez trois solutions avec une fiche, un storyboard et une hypothèse à tester. L’archive fournit un dossier de recherche de référence, 48 cartes d’observation à imprimer, des modèles de fiches et un classeur qui calcule les bilans. Le livrable est un dossier de 10 à 14 pages, présenté en 5 minutes et versionné sur GitHub.
Durée Niveau Outils Livrable
5 heures (10 parties), en binôme ; la partie 7 se fait à deux binômes Débutant, après les chapitres « Phase de définition » et « Phase d'idéation » Une imprimante (cartes et gabarits), des post-it de plusieurs couleurs, des feutres, un minuteur, un tableur, un outil de dessin (Figma, Excalidraw ou papier), un compte GitHub Un dossier définition et idéation (10 à 14 pages) déposé sur GitHub et une présentation de 5 minutes
  1. Objectifs

    • Repérer des groupes d'utilisateurs et rédiger des personas fondés sur la recherche
    • Construire les cartes de parcours actuelles et futures de plusieurs types d'utilisateurs
    • Préciser le périmètre du projet dans une fiche de cadrage
    • Prioriser les problèmes et les reformuler en questions « Comment pourrions-nous… ? »
    • Formuler la proposition de valeur du service
    • Animer un atelier de brainstorming avec plusieurs techniques de génération d'idées
    • Sélectionner les idées avec des critères et préciser les solutions retenues
  1. Prérequis

  1. Présentation du projet

    • Au TP 3, vous avez exploré le quotidien des usagers du restaurant universitaire pour le projet CantineCampus. Le directeur a lu votre rapport. Il vous demande maintenant de répondre à deux questions avant que l'équipe ne dessine le moindre écran :
      • pour qui et pour quel problème faut-il concevoir en priorité ?
      • quelles solutions proposer, et pourquoi celles-là ?
    • Votre mission couvre la fin de la phase de définition et la phase d'idéation. Vos solutions serviront de point de départ aux wireframes du chapitre suivant.
    • Téléchargez l'archive du TP. Elle contient un dossier de recherche de référence (recherche/synthese-recherche-cantinecampus.pdf), 48 cartes d'observation à imprimer (recherche/cartes-observations.pdf), un gabarit Crazy 8, des modèles de fiches en Markdown (modeles/) et le classeur modeles/grille-definition-ideation.xlsx.

Du persona aux solutions : la mission du TP 4

  • Vous pouvez travailler avec vos données du TP 3, avec le dossier de recherche fourni, ou avec les deux. Dans tous les cas, indiquez la source de chaque élément.
  • Le restaurant, ses usagers et le dossier de recherche sont fictifs. L'atelier de la partie 7 se déroule, lui, avec de vrais participants : réunissez deux binômes.

Le double diamant : définir, puis idéer

  1. Organisation du TP

    • Le TP est découpé en dix parties. Chacune indique sa durée, ses notions, ses consignes, une aide, un point de contrôle et des questions.
    • Chaque partie ajoute une pièce à votre dossier définition et idéation. Le classeur modeles/grille-definition-ideation.xlsx contient les tableaux à remplir ; il calcule les proximités, les scores et les bilans.
    • Trois règles s'appliquent : chaque décision a une source (participant, chiffre, observation) ; on ne juge pas pendant la divergence; on juge avec des critères pendant la convergence.
    • À la fin de chaque partie, enregistrez votre travail sur GitHub : un commit par partie permet de suivre votre progression.

Déroulement du TP sur 5 heures

Les notions des chapitres 06 et 07 réinvesties dans le TP

  1. Partie 0 : préparer le travail

⏱ 15 min

Notions mobilisées : Créer un persona

  • Dans votre dépôt ui-ux-design-bts, créez les dossiers des phases de définition et d'idéation :
cd ui-ux-design-bts
git pull
mkdir -p projet-cantinecampus/02-definir/personas projet-cantinecampus/02-definir/parcours projet-cantinecampus/03-ideer/atelier projet-cantinecampus/03-ideer/solutions
git add projet-cantinecampus/02-definir projet-cantinecampus/03-ideer
git commit --allow-empty -m "Démarre le TP 4"
git push
  • Copiez le classeur dans 02-definir/ et complétez l'onglet « Mode d'emploi ». Relisez votre rapport du TP 3 et le dossier de recherche fourni, puis indiquez dans l'onglet les données que vous utiliserez.
  • Imprimez et découpez les 48 cartes d'observation, et autant de gabarits Crazy 8 que de participants à l'atelier.

💡 Aide

  • Si vos propres données sont incomplètes, complétez-les avec le dossier fourni plutôt que d'inventer : un persona inventé ne sert à rien.
  • Notez dès maintenant les trois chiffres de la recherche qui vous ont le plus frappés : ils reviendront à chaque partie.

✅ Point de contrôle

  • Les dossiers 02-definir/ et 03-ideer/ et leurs sous-dossiers existent sur GitHub.
  • Les données utilisées sont indiquées dans le classeur, et les cartes sont découpées.

❓ Questions (à traiter dans le dossier d'analyse)

  1. Quelles données de votre TP 3 vous semblent les plus solides ? Les plus fragiles ?
  2. Qu'apporte le dossier fourni que votre recherche n'avait pas ?

📁 Dans le dossier : les données de départ choisies et les trois chiffres clés.

  1. Partie 1 : repérer les comportements

⏱ 25 min

Notions mobilisées : Créer un persona

  • Choisissez cinq variables de comportement (par exemple : contrainte horaire, aisance numérique, contrainte alimentaire, fréquence de venue, besoin de s'informer avant de venir) et saisissez-les dans l'onglet « Variables ».
  • Notez chaque participant de 1 à 5 sur chaque variable, à partir des verbatims et des comportements observés. Le classeur calcule une matrice de proximité: sur combien de variables deux participants se ressemblent.

Exemple de matrice de proximité entre participants

💡 Aide

  • Notez d'après ce que les participants font, pas d'après leur âge ou leur métier : P2 et P7 n'ont pas le même métier, mais ont peut-être le même comportement.
  • Discutez chaque note en binôme et relisez le verbatim en cas de désaccord.
⚠ Piège : l'âge, le genre ou la filière ne sont pas des variables de comportement. Ils ne servent que s'ils changent vraiment la façon d'utiliser le service.

✅ Point de contrôle

  • Cinq variables de comportement, chacune définie par ses deux extrémités.
  • Tous les participants sont notés sur toutes les variables ; la matrice est calculée.
  • Au moins deux groupes sont entourés et nommés dans l'onglet.

❓ Questions (à traiter dans le dossier d'analyse)

  1. Quels participants forment le groupe le plus net ? Sur quelles variables se ressemblent-ils ?
  2. Un participant reste-t-il isolé ? Faut-il en faire un persona ?

📁 Dans le dossier : l'onglet « Variables », la matrice et les groupes repérés.

  1. Partie 2 : rédiger les personas

⏱ 30 min

Notions mobilisées : Créer un persona

  • À partir des groupes, rédigez avec modeles/fiche-persona.md un persona principal, au moins un persona secondaire et un anti-persona. Déposez-les dans 02-definir/personas/.
  • Résumez-les dans l'onglet « Personas », puis vérifiez chacun avec les six critères ci-dessous.

Six critères pour vérifier un persona

💡 Aide

  • Le persona principal est celui dont les besoins, une fois satisfaits, satisfont aussi le plus grand nombre. Justifiez votre choix avec un chiffre du questionnaire.
  • Chaque persona a une citation réelle, recopiée mot pour mot d'un participant de son groupe.
⚠ Piège : ne choisissez pas comme persona principal le profil qui vous ressemble le plus. Choisissez celui que la recherche désigne.

✅ Point de contrôle

  • Un seul persona principal, au moins un secondaire et un anti-persona.
  • Chaque fiche contient des objectifs, des frustrations, un scénario, une citation réelle et ses sources.
  • Les six critères sont cochés pour chaque persona.

❓ Questions (à traiter dans le dossier d'analyse)

  1. Pourquoi avez-vous choisi ce persona principal ? Quel chiffre le justifie ?
  2. Quelle décision de conception votre persona secondaire changera-t-il ?
  3. Pourquoi votre anti-persona est-il hors de la cible ?

📁 Dans le dossier : les fiches personas et l'onglet « Personas ».

  1. Partie 3 : construire les cartes de parcours

⏱ 35 min

Notions mobilisées : Créer un parcours pour chaque type d'utilisateur

  • Sur un mur ou dans Excalidraw, construisez la carte du parcours actuel de votre persona principal, puis celle d'un persona secondaire, pour le même scénario (par exemple : « déjeuner un jour de cours chargé »).
  • Réalisez ensuite le parcours futur du persona principal. Photographiez les cartes et déposez-les dans 02-definir/parcours/.

Organiser le mur du parcours

💡 Aide

  • Commencez le parcours avant l'application (en cours, quand le persona pense au déjeuner) et terminez-le après le repas.
  • Écrivez au dos de chaque post-it d'émotion la source qui le justifie : participant, observation ou chiffre.
⚠ Piège : les étapes ne sont pas des écrans (« page menu », « page paiement ») : ce sont des moments vécus (« décider où manger », « attendre »).

✅ Point de contrôle

  • Deux parcours actuels (principal et secondaire) avec au moins six étapes et une courbe d'émotion.
  • Chaque creux de la courbe a une source.
  • Le parcours futur réduit les douleurs principales sans dessiner d'écran.

❓ Questions (à traiter dans le dossier d'analyse)

  1. Où les deux personas souffrent-ils ensemble ? Où leurs douleurs diffèrent-elles ?
  2. Quel moment pénible se déroule entièrement hors de l'application ?

📁 Dans le dossier : les photos des cartes de parcours et leur analyse.

  1. Partie 4 : préciser le périmètre

⏱ 20 min

Notions mobilisées : Préciser le périmètre d'intervention

  • Listez dans l'onglet « Périmètre » toutes les fonctions et demandes envisagées (celles de la recherche, du benchmark et du directeur). Classez chacune : dans le périmètre, plus tard ou hors périmètre, en justifiant.
  • Fixez un objectif mesurable, puis rédigez la fiche de cadrage avec modeles/fiche-cadrage.md. Contraintes imposées : 10 semaines, 2 designers, le logiciel de caisse actuel est conservé.

💡 Aide

  • Pour classer une demande, posez trois questions : sert-elle le problème prioritaire ? concerne-t-elle le persona principal ? tient-elle dans les contraintes ?
  • L'objectif mesurable reprend un chiffre de la recherche comme point de départ : « 19 minutes d'attente à 12 h 30 » devient « moins de 8 minutes ».
⚠ Piège : une fiche de cadrage sans rubrique « hors périmètre » laisse croire au directeur que tout est prévu.

✅ Point de contrôle

  • Au moins 12 demandes classées, chacune avec une justification.
  • Au moins trois éléments hors périmètre.
  • Un objectif mesurable avec indicateur, valeur actuelle, cible et mesure.

❓ Questions (à traiter dans le dossier d'analyse)

  1. Quelle demande avez-vous eu le plus de mal à classer ? Pourquoi ?
  2. Quelle hypothèse pourrait remettre en cause votre périmètre ?

📁 Dans le dossier : l'onglet « Périmètre » et la fiche de cadrage.

  1. Partie 5 : prioriser les problèmes

⏱ 30 min

Notions mobilisées : Prioriser les problèmes à résoudre

  • Regroupez les 48 cartes d'observation (et vos propres observations) en silence, par affinité. Nommez chaque groupe par un problème vécu. Photographiez le résultat.
  • Rédigez un énoncé de problème par groupe dans l'onglet « Problèmes », puis notez-les avec la grille de score pondéré (fixez les poids avant de noter). Transformez les trois premiers en questions « Comment pourrions-nous… ? ».

Regrouper les cartes d'observation par affinité

Formuler une bonne question « Comment pourrions-nous… ? »

💡 Aide

  • Une carte peut changer de groupe tant que le groupe n'est pas nommé. Si une carte ne trouve pas sa place, gardez-la à part.
  • Un problème qui touche peu de personnes mais les bloque complètement (les allergies) mérite une note de gravité élevée.
⚠ Piège : un énoncé de problème ne contient pas de solution. « Il faut une commande en ligne » est une idée : gardez-la pour l'atelier.

✅ Point de contrôle

  • Les 48 cartes sont regroupées et la photo est déposée.
  • Au moins six énoncés de problème notés ; les poids sont saisis avant les notes.
  • Trois questions « Comment pourrions-nous… ? », ni trop larges ni trop étroites.

❓ Questions (à traiter dans le dossier d'analyse)

  1. Quel problème arrive en tête ? Le classement correspond-il à votre intuition de départ ?
  2. Quel problème touche surtout le persona secondaire ? Où se classe-t-il ?

📁 Dans le dossier : la photo du regroupement, l'onglet « Problèmes » et les trois questions.

  1. Partie 6 : préciser la valeur

⏱ 25 min

Notions mobilisées : Préciser la valeur à apporter à l'utilisateur

  • Dans l'onglet « Valeur », remplissez d'abord le profil du persona principal : tâches, douleurs et gains, chacun avec son importance. Remplissez ensuite la carte de valeur: produits et services, réducteurs de douleurs, créateurs de gains, en indiquant à quel élément du profil chacun répond.
  • Rédigez l'énoncé de proposition de valeur et choisissez un indicateur pour chaque bénéfice promis.

💡 Aide

  • Le classeur signale les douleurs importantes qui n'ont encore aucune réponse : ce sont des pistes pour l'atelier.
  • Pensez aux coûts : créer un compte, apprendre une interface, risquer une erreur de commande. Les réduire crée aussi de la valeur.

✅ Point de contrôle

  • Au moins trois tâches, trois douleurs et trois gains, sourcés.
  • Chaque élément de la carte de valeur est relié à un élément du profil.
  • Un énoncé de valeur complet et au moins trois indicateurs.

❓ Questions (à traiter dans le dossier d'analyse)

  1. Quelle douleur importante reste sans réponse ? Qu'en ferez-vous à l'atelier ?
  2. Votre énoncé de valeur passerait-il le test « spécifique, vérifiable, différenciant » ?

📁 Dans le dossier : l'onglet « Valeur », l'énoncé de valeur et ses indicateurs.

  1. Partie 7 : animer un atelier de brainstorming

⏱ 45 min

Notions mobilisées : La créativité dans le processus UX · Les techniques de génération d'idées · Animer un atelier de brainstorming

  • Réunissez-vous avec un autre binôme. Chaque binôme anime l'atelier de l'autre à tour de rôle (ou un atelier commun sur un même persona, si vos projets sont proches). Préparez le déroulé avec modeles/plan-atelier.md.
  • Suivez le déroulé ci-dessous, en appliquant les règles et au moins trois techniques différentes. Visez au moins 40 idées. Saisissez toutes les idées dans l'onglet « Idées », avec la question traitée et la technique utilisée.

Le déroulé de l'atelier de brainstorming

Les sept règles du brainstorming

Cinq techniques de génération d'idées

💡 Aide

  • L'échauffement « pire idée » détend le groupe et donne souvent de bonnes idées une fois retourné.
  • Quand le groupe s'essouffle, l'animateur relance avec une contrainte : « Et si le restaurant n'avait pas de caisse ? », « Et pour quelqu'un qui n'a pas de téléphone ? ».
  • Photographiez le mur avant de décrocher le moindre post-it.
⚠ Piège : un animateur qui commente chaque idée (« ça, c'est trop cher ») tue l'atelier. On ne juge rien avant la partie 8.

✅ Point de contrôle

  • Le plan d'atelier est rempli et les règles ont été affichées.
  • Au moins 40 idées saisies, réparties sur les trois questions, avec au moins trois techniques différentes (le classeur fait le bilan).
  • Les photos du mur et des gabarits Crazy 8 sont déposées dans 03-ideer/atelier/.

❓ Questions (à traiter dans le dossier d'analyse)

  1. Quelle technique a produit le plus d'idées ? Les idées les plus originales ?
  2. À quel moment l'atelier s'est-il essoufflé ? Qu'avez-vous fait ?
  3. Quelle règle a été la plus difficile à respecter ?

📁 Dans le dossier : le plan d'atelier, les photos et l'onglet « Idées ».

  1. Partie 8 : converger et préciser les solutions

⏱ 40 min

Notions mobilisées : Préciser les solutions à apporter aux utilisateurs · La créativité dans le processus UX

  • Regroupez les idées en familles, puis votez : chaque participant dispose de trois points. Reportez les votes dans l'onglet « Idées ».
  • Évaluez les huit idées les plus votées dans l'onglet « Sélection » : désirabilité, faisabilité, viabilité, lien avec la proposition de valeur et respect du périmètre. Le classeur calcule le score et la décision.
  • Pour les trois solutions retenues, rédigez une fiche avec modeles/fiche-solution.md et dessinez un storyboard de six cases. Déposez-les dans 03-ideer/solutions/.

Converger : du mur d'idées aux solutions retenues

Évaluer les idées : désirabilité, faisabilité, viabilité

Exemple de fiche solution

Exemple de storyboard d'une solution

💡 Aide

  • Une idée peut être retenue en combinant plusieurs idées du mur : notez leurs numéros dans la fiche.
  • La désirabilité se justifie par la recherche (« 68 % prêts à commander à l'avance »), pas par l'enthousiasme du groupe.
  • L'hypothèse à tester se rédige ainsi : « Nous pensons que… Nous le saurons si… ». Elle prépare les tests du chapitre 09.
⚠ Piège : ne gardez pas une idée hors périmètre parce qu'elle a gagné le vote : notez-la en « plus tard » et expliquez pourquoi.

✅ Point de contrôle

  • Huit idées évaluées avec les cinq critères ; le classeur affiche les décisions.
  • Trois fiches solution complètes, chacune reliée à une question, à un persona et à la proposition de valeur.
  • Trois storyboards de six cases, racontés du point de vue du persona.

❓ Questions (à traiter dans le dossier d'analyse)

  1. Une idée très votée a-t-elle été écartée par les critères ? Pourquoi ?
  2. Vos trois solutions couvrent-elles le persona secondaire ? Sinon, que faudrait-il adapter ?
  3. Quelle solution vous semble la plus risquée ? Comment la tester au plus vite ?

📁 Dans le dossier : l'onglet « Sélection », les trois fiches solution et les storyboards.

  1. Partie 9 : le dossier et la présentation

⏱ 35 min

Notions mobilisées : Préciser les solutions à apporter aux utilisateurs · Préciser la valeur à apporter à l'utilisateur

  • Assemblez le dossier selon le plan ci-dessous, puis préparez une présentation de 5 minutes pour le directeur : le persona principal, le problème prioritaire, la promesse de valeur et une solution racontée avec son storyboard. Déposez-les dans 03-ideer/.

Le plan du dossier définition et idéation

git add projet-cantinecampus/02-definir projet-cantinecampus/03-ideer
git commit -m "Ajoute le dossier de définition et d'idéation du TP 4"
git tag -a definition-v1 -m "Fin de la phase de définition"
git tag -a ideation-v1 -m "Fin de la phase d'idéation"
git push
git push origin definition-v1 ideation-v1
  • Variantes pour les binômes en avance : tester vos storyboards auprès de deux usagers et noter leurs réactions ; réaliser l'atelier une seconde fois sur la question du persona secondaire ; ou esquisser à main levée le premier écran de votre solution principale.
  • Relisez votre dossier : chaque décision a une source, chaque solution répond à une question « Comment pourrions-nous… ? », et aucune solution ne sort du périmètre sans être signalée.
  1. Grille d'évaluation (sur 20)

Critère Points
Parties 0–1 : données de départ, variables de comportement, matrice et groupes 2
Partie 2 : personas fondés, sourcés, un persona principal justifié 3
Partie 3 : deux parcours actuels sourcés et un parcours futur 2
Partie 4 : classement des demandes, objectif mesurable, fiche de cadrage 2
Partie 5 : regroupement, énoncés de problème, grille pondérée, questions 2
Partie 6 : profil, carte de valeur, énoncé de valeur et indicateurs 2
Partie 7 : atelier préparé et animé, 40 idées, trois techniques 3
Partie 8 : sélection argumentée, trois fiches solution et storyboards 3
Partie 9 : dossier structuré, présentation et historique GitHub 1
Total 20
  1. Livrables

    • Le lien du dépôt GitHub, avec au moins un commit par partie et les étiquettes definition-v1 et ideation-v1.
    • Le dossier définition et idéation (PDF), avec vos noms, 10 à 14 pages.
    • Le classeur grille-definition-ideation.xlsx complété.
    • Les fiches personas, les photos des parcours et de l'atelier, les fiches solution, les storyboards et le support de présentation.
  1. Erreurs fréquentes

Symptôme Cause Solution
« Thomas, 18-25 ans, aime les jeux vidéo » Persona inventé, segment déguisé Partir des groupes de la matrice et des verbatims
Trois personas principaux Aucun choix n'a été fait Un seul principal, justifié par un chiffre
Les étapes du parcours sont des écrans On décrit l'interface, pas l'expérience Nommer des moments vécus, du début à la fin du déjeuner
Tout est « dans le périmètre » Aucun arbitrage Trois questions par demande et une rubrique « hors périmètre »
« Il faut une appli de commande » dans les problèmes Solution au lieu d'un problème Énoncé : persona, besoin, constat ; l'idée attend l'atelier
« Comment pourrions-nous envoyer un SMS ? » Question trop étroite Une question qui admet au moins cinq réponses différentes
15 idées après 30 minutes Jugement trop tôt, une seule technique Différer le jugement, enchaîner les techniques, relancer avec des contraintes
L'idée la plus votée est retenue d'office Le vote remplace les critères Évaluer désirabilité, faisabilité, viabilité, valeur et périmètre
Une fiche solution sans indicateur Promesse invérifiable Une hypothèse « Nous pensons que… Nous le saurons si… »
Un seul gros commit à la fin GitHub utilisé trop tard Faire un commit à la fin de chaque partie
  1. Pour aller plus loin

    • Tester les storyboards auprès de cinq usagers et mesurer leur intérêt pour chaque solution.
    • Comparer vos personas avec ceux d'un autre binôme qui a utilisé d'autres données : qu'est-ce qui change ?
    • Transformer la solution principale en wireframes, comme nous le ferons au chapitre suivant.
  1. Bilan

    • Définir, c'est choisir: un persona principal, un périmètre, des problèmes prioritaires, une promesse de valeur.
    • Les questions « Comment pourrions-nous… ? » font le lien entre le problème et les solutions.
    • L'idéation alterne divergence (beaucoup d'idées, sans jugement) et convergence (des critères explicites).
    • Un atelier réussi se prépare: questions, règles, techniques, rôles et temps.
    • Une solution précisée a un persona, un problème, une valeur, une hypothèse à tester et un indicateur.
Les meilleures idées ne naissent pas d'un éclair de génie : elles naissent d'un problème bien posé, de beaucoup d'idées, et d'un choix bien argumenté.