Application Mobile

Un  soutien  mobile  pour  comprendre  et  gérer  vos  émotions. 

étude de cas ux ui design

Rôles   [ UX Researcher • UX/UI Designer ]

Livraison   [ 2020 ]

Durée   [ 5 semaines ]

Équipe   [ Christian • Karine ]

Outils   [ Sketch • Figma • Photoshop ]

Challenge

Concevoir une application mobile capable d’accompagner les utilisateurs dans la gestion de la colère, afin de prévenir les situations de tension au quotidien, aussi bien dans la sphère personnelle que professionnelle. L’enjeu était de proposer une expérience accessible et apaisante, centrée sur la régulation émotionnelle.

Contexte

La colère est une émotion courante qui, lorsqu’elle devient incontrôlée, peut impacter les relations sociales, la vie professionnelle et le bien-être général. Dans un contexte où la gestion des émotions s’impose comme un levier clé du développement personnel, Kaboom s’inscrit dans une réflexion autour d’outils digitaux dédiés à l’équilibre émotionnel.

▬▬▬▬▬▬▬

Équipe :  Projet réalisé en collaboration avec Karine, en charge de l’analyse concurrentielle et de l’interface graphique, et Cristian, responsable des user flows et du prototypage initial sur Sketch.

Mon Rôle :  J’ai piloté la recherche et la compréhension des utilisateurs (personas, empathy map, customer journey), participé à l’idéation (brainstorming, tri par cartes, six-to-one) et contribué à l’évaluation du prototype. Pour cette étude de cas, j’ai également repris et mis à jour le projet sur Figma, en intégrant la dernière itération de conception.


Design Thinking Process

/ User Research

Rechercher et Comprendre les utilisateurs

Données Quantitatives : À la recherche du bonheur et du bien-être.

Le développement personnel, et en particulier la gestion de la colère, s’est largement démocratisé dans le monde du travail. Autrefois réservé aux dirigeants et aux cadres supérieurs, il est aujourd’hui perçu comme un levier d’évolution professionnelle et personnelle accessible à tous. Ce secteur en pleine croissance, évalué à 9,9 milliards de dollars en 2016 aux États-Unis, devrait atteindre 13,2 milliards de dollars d’ici 2022.

L’engouement croissant pour les applications de bien-être illustre un mouvement de fond dans nos sociétés : la quête du bonheur et du bien-être est désormais considérée à la fois comme un droit et un devoir individuel. Ce phénomène est particulièrement marqué chez les millennials, une génération prête à investir dans son épanouissement personnel (coaching, méditation, développement émotionnel...). 70 millions d'utilisateurs ont déjà téléchargé l'application Headspace, référence dans le domaine de la méditation et de la gestion émotionnelle.



47 %

des Français interrogés déclarent ne pas réussir à se détendre au quotidien.

90 %

ressentent une tension importante dans leur environnement professionnel.

74 %

des conducteurs parisiens admettent se mettre en colère au moins une fois par mois.

94 %

des millennials se disent prêts à investir plus de 300 € par mois dans leur bien-être personnel.

Questionnaire Qualitatif: La colère chronique à la française.

Afin d'approfondir notre compréhension des comportements liés à la colère, nous avons mené des interviews qualitatives auprès de vingt participants, âgés de 19 à 40 ans. Chaque entretien a duré en moyenne 45 minutes, permettant d’obtenir des réponses riches et nuancées. Extraits d'interview :

“Je n'ai pas vraiment de méthode pour contrer ma colère. Je m'exprime, c'est tout. Ce qui me gêne, c'est quand je déverse ma colère sur quelqu'un d'autre. Je finis souvent par le regretter, et je vais m'excuser.” — Tiphaine, 31 ans, graphiste freelance

“Je suis plutôt de nature calme. En réalité, je retiens beaucoup mes émotions, mais quand ça explose, c’est violent. Je parle en criant, parfois même en pleurant.” — Mathieu, 40 ans, cadre commercial dans l'événementiel

“Pour me calmer, je fume et je pratique des exercices de respiration. La respiration est essentielle pour moi, car la colère me fatigue physiquement et moralement.” — Émilie, 28 ans, en reconversion professionnelle, étudiante en stratégie digitale

“Je ne supporte pas l'incivilité, que ce soit une bousculade dans le métro ou un mauvais geste au foot. Pour me calmer, j'ai besoin d'environ 20 minutes et je fais une activité basique pour vider mon esprit.” — Stevens, 20 ans, étudiant en chef de projet digital



Portrait Persona
Portrait Persona : Marie

Design Thinking Process

/ Define

Définir les besoins utilisateurs

Opportunité & Problématique : Transformer la colère en levier d'apaisement.

La gestion de la colère est un enjeu croissant dans nos sociétés modernes, à la croisée du bien-être personnel et du développement professionnel. Kaboom doit répondre à un double défi : Offrir un accompagnement simple, immédiat et accessible pour désamorcer les montées de colère, dans toutes les situations du quotidien. Instaurer une approche bienveillante et déculpabilisante, permettant à l’utilisateur de mieux se comprendre sans se sentir jugé.

Aujourd’hui, la méditation s'est démocratisée : elle est guidée, accessible partout et à tout moment, portée par une tendance de fond particulièrement forte chez les millennials. Le succès du bien-être digital se confirme : Le top 10 des applications de bien-être les plus téléchargées, principalement centrées sur la méditation et la pleine conscience, ont généré 27 millions de dollars de chiffre d’affaires au premier trimestre 2018, soit une hausse de 170 % par rapport à l’année précédente.

Cette appétence pour le développement personnel touche aussi le monde professionnel : Plus de 300 entreprises, telles que Google, Unilever ou Adobe, offrent désormais un accès gratuit à Headspace à leurs collaborateurs pour améliorer leur qualité de vie au travail.

Cette dynamique est telle que des institutions prestigieuses s’emparent du sujet : en 2018, l’Université de Yale a lancé le cours « Psychology and the Good Life », consacré au bonheur, devenant ainsi le cours le plus suivi de son histoire. (Plus de 300 ans !)


Empathy Maps : Décoder les émotions et frustrations pour créer une expérience vraiment apaisante.

L'Empathy Map m’a permis de mieux comprendre les émotions, les craintes et les aspirations des utilisateurs dans leurs situations de colère. Cet outil visuel a été précieux pour identifier les déclencheurs émotionnels et les leviers de motivation à activer dans l'application.


Empathy Map (Carte d'Empathie) : Marie
Empathy Map (Carte d'Empathie) : Marie

Customer Journey : Identifier les moments critiques pour transformer la colère en action positive.

La Carte d'expérience a permis de modéliser le parcours type d'un utilisateur en situation de colère, en identifiant les moments clés où l'application pourrait intervenir pour maximiser son impact. Cette étape a mis en lumière les points de friction, mais aussi les opportunités de créer des interactions apaisantes et personnalisées.


Customer Journey (Carte d'Expérience) : Marie
Customer Journey (Carte d'Expérience) : Marie

Design Thinking Process

/ Structure

Structurer la navigation

Tri par Cartes : Organiser l'information selon la logique des utilisateurs.

Afin d'organiser efficacement l'architecture de l'information de l'application, nous avons mené un tri par cartes auprès de potentiels utilisateurs. Mon rôle a été de préparer l'ensemble des cartes correspondant aux fonctionnalités et contenus pressentis, d'animer les sessions de tri, puis d'analyser les regroupements réalisés.

Cette démarche m'a permis de mieux comprendre la manière intuitive dont les utilisateurs catégorisent les informations liées à la gestion de la colère. Les résultats du tri ont directement nourri la création de l’arborescence, en veillant à ce que la navigation soit simple, logique et alignée avec leurs attentes.



Tri par Cartes - Kaboom
Tri par Cartes - Kaboom

Arborescence du système : Guider efficacement l'utilisateur.

À partir des enseignements du tri par cartes, j'ai élaboré l’architecture de l'information de l'application. Mon rôle a été de définir une hiérarchie claire et intuitive, en tenant compte des priorités utilisateurs et des contraintes techniques.

J’ai particulièrement veillé à limiter la profondeur de navigation pour favoriser une prise en main rapide de l'application, indispensable dans un contexte émotionnel fort comme la gestion de la colère.



Arborescence - Kaboom
Arborescence - Kaboom

Task Flow : Anticiper chaque action pour une expérience sans friction.

Après avoir posé l’architecture générale, j’ai détaillé les principaux parcours utilisateurs sous forme de Task Flows. Mon objectif était de modéliser les étapes clés que l'utilisateur doit suivre pour atteindre ses objectifs (ex : débuter une séance de respiration, suivre ses progrès, etc.).

En cartographiant ces séquences, j'ai pu identifier les moments critiques et prévoir des solutions pour fluidifier l'expérience, notamment pour limiter les risques d'abandon en cas de montée émotionnelle.



Task Flow - Kaboom
Task Flow - Kaboom

Six to One : Stimuler la créativité pour faire émerger les meilleures idées.

Pour faire émerger des concepts d'interfaces et d'interactions innovantes, nous avons utilisé la méthode Six to One. Mon rôle a été d'alimenter le brainstorming en proposant plusieurs pistes d'idées en réponse aux problématiques identifiées, puis de participer à leur sélection rigoureuse.

Ce processus créatif m’a permis d’explorer plusieurs solutions, parfois inattendues, avant de converger vers les concepts les plus pertinents pour nos utilisateurs cibles.



Six to One - Kaboom
Six to One - Kaboom



Prototype hi-fi - Kaboom
Prototype hi-fi - Kaboom

Wireflows : Illustrer les parcours clés pour anticiper les besoins émotionnels.

Pour aller au-delà d'une simple navigation fonctionnelle, j'ai créé plusieurs wireflows sous forme de storyboards. Mon objectif était de mettre en scène les moments de vie de l’utilisatrice, afin d’anticiper ses états émotionnels et adapter l'expérience de l'application aux différents contextes d'usage. Ces parcours m'ont permis de valider l'accessibilité rapide aux fonctionnalités principales selon la situation émotionnelle et de fluidifier les actions pour favoriser un apaisement immédiat.

[ Scénario 1 ] Marie essaye de contenir sa colère face aux exigences de son patron.

[ Scénario 2 ] Marie reçoit une notification le soir après le travail.



Wireflows - Kaboom
Wireflows - Kaboom

Design Thinking Process

/ Prototyping & Users

Prototyper l’expérience et la confronter aux usages

Focus sur un contenu valorisant et valorisé

Des sons relaxants spécialement étudiés pour apaiser le corps et l’esprit, associés à des exercices de méditation pour apprendre à mieux gérer ses émotions, dont la colère. L’objectif était de proposer une expérience immersive et rassurante, centrée sur la détente et le lâcher-prise.

Musicothérapie Kaboom
exercice de relaxation
Exercice : Souffle
exercice de relaxation
Exercice : Méditation
exercice de relaxation
Exercice : Respiration

Thème sonore : Bol tibétain.

Thème sonore : Tonnerre sous la pluie.

Thème sonore : Bord de mer.

Exemples d’exercices de relaxation et de thèmes sonores apaisants proposés dans l’application.

icônes de l'application

Tests utilisateurs et améliorations de l’expérience

Deux interfaces ont été proposées à un panel de 10 personnes : une première version intégrant une jauge de niveau de colère et une mascotte volcan au style kawaii, puis une version itérée suite aux retours utilisateurs.

Lors des premiers tests, les participants ont apprécié la simplicité de l’interface, limitant les points de friction. En revanche, la mascotte a été perçue comme trop infantilisante, le démarrage de l’activité “Souffle” trop rapide, et les statistiques de progression peu lisibles.

Après itération, les parcours ont été réalisés aisément par l’ensemble des testeurs. Les ajustements apportés, notamment la suppression de la mascotte et l’amélioration du rythme des activités, ont été positivement accueillis.

Prototype avant tests utilisateurs
Prototype avant tests utilisateurs.
Prototype après itérations
Prototype après améliorations suite aux retours utilisateurs.

Outils de prototypage et évolution du projet

Le prototype a d’abord été conçu sur Sketch, puis repris sur Figma afin de faciliter les itérations, la collaboration et la présentation des parcours utilisateurs.

Prototype initial sur Sketch
Première version du prototype réalisée sur Sketch.
Prototype final sur Figma
Reprise et finalisation du prototype intéractif sur Figma. :

Ce contenu est confidentiel et protégé par le droit d’auteur. Il est interdit de le reproduire, distribuer ou exploiter sous quelque forme que ce soit sans autorisation écrite préalable.

© 2026 Nadia Djellali | Tous droits réservés