À propos de ce cours
| 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 |
-
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
-
Prérequis
- Avoir suivi les leçons des chapitres « Phase de définition : persona et périmètre » et « Phase d'idéation : de l'idée à la solution » : Créer un persona, Créer un parcours pour chaque type d'utilisateur, Préciser le périmètre d'intervention, Prioriser les problèmes à résoudre, Préciser la valeur à apporter à l'utilisateur, La créativité dans le processus UX, Les techniques de génération d'idées, Animer un atelier de brainstorming, Préciser les solutions à apporter aux utilisateurs.
- Avoir réalisé le TP 5 : Mener une recherche utilisateur et un benchmark, ou utiliser le dossier de recherche fourni dans l'archive.
- Aucune programmation et aucun écran ne sont demandés : on analyse, on décide, on imagine.
-
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 classeurmodeles/grille-definition-ideation.xlsx.
- 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 :

- 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.

-
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.xlsxcontient 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.


-
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/et03-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)
- Quelles données de votre TP 3 vous semblent les plus solides ? Les plus fragiles ?
- 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.
-
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.

💡 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.
✅ 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)
- Quels participants forment le groupe le plus net ? Sur quelles variables se ressemblent-ils ?
- 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.
-
Partie 2 : rédiger les personas
⏱ 30 min
Notions mobilisées : Créer un persona
- À partir des groupes, rédigez avec
modeles/fiche-persona.mdun persona principal, au moins un persona secondaire et un anti-persona. Déposez-les dans02-definir/personas/. - Résumez-les dans l'onglet « Personas », puis vérifiez chacun avec les six critères ci-dessous.

💡 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.
✅ 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)
- Pourquoi avez-vous choisi ce persona principal ? Quel chiffre le justifie ?
- Quelle décision de conception votre persona secondaire changera-t-il ?
- Pourquoi votre anti-persona est-il hors de la cible ?
📁 Dans le dossier : les fiches personas et l'onglet « Personas ».
-
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/.

💡 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.
✅ 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)
- Où les deux personas souffrent-ils ensemble ? Où leurs douleurs diffèrent-elles ?
- 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.
-
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 ».
✅ 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)
- Quelle demande avez-vous eu le plus de mal à classer ? Pourquoi ?
- Quelle hypothèse pourrait remettre en cause votre périmètre ?
📁 Dans le dossier : l'onglet « Périmètre » et la fiche de cadrage.
-
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… ? ».


💡 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.
✅ 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)
- Quel problème arrive en tête ? Le classement correspond-il à votre intuition de départ ?
- 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.
-
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)
- Quelle douleur importante reste sans réponse ? Qu'en ferez-vous à l'atelier ?
- 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.
-
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.



💡 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.
✅ 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)
- Quelle technique a produit le plus d'idées ? Les idées les plus originales ?
- À quel moment l'atelier s'est-il essoufflé ? Qu'avez-vous fait ?
- Quelle règle a été la plus difficile à respecter ?
📁 Dans le dossier : le plan d'atelier, les photos et l'onglet « Idées ».
-
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.mdet dessinez un storyboard de six cases. Déposez-les dans03-ideer/solutions/.




💡 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.
✅ 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)
- Une idée très votée a-t-elle été écartée par les critères ? Pourquoi ?
- Vos trois solutions couvrent-elles le persona secondaire ? Sinon, que faudrait-il adapter ?
- 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.
-
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/.

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.
-
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 |
-
Livrables
- Le lien du dépôt GitHub, avec au moins un commit par partie et les étiquettes
definition-v1etideation-v1. - Le dossier définition et idéation (PDF), avec vos noms, 10 à 14 pages.
- Le classeur
grille-definition-ideation.xlsxcomplété. - Les fiches personas, les photos des parcours et de l'atelier, les fiches solution, les storyboards et le support de présentation.
- Le lien du dépôt GitHub, avec au moins un commit par partie et les étiquettes
-
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 |
-
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.
-
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é.