#productdesign
#web
#figma
Solution d'application fitness
Solution d'application fitness
Durant ma semaine de Product Design à l'école j'ai dû effectuer un processus et une méthode de Product Design afin de répondre à une problématique sur un sujet choisi.
Durant ma semaine de Product Design à l'école j'ai dû effectuer un processus et une méthode de Product Design afin de répondre à une problématique sur un sujet choisi.
Septembre 2023
Date de création du projet
Projet école
Type de projet
Septembre 2023
Date de création du projet
Projet école
Type de projet
Contexte du projet
Contexte du projet
Dans le cadre de ce projet, différents sujets s'offraient à moi : Une application de livraison de repas, une application de fitness ou une application de gestion de projet. J'ai alors choisi l'application de fitness.
Après le sujet choisi, j'avais plusieurs objectifs : construire un journey map pour comprendre en profondeur les interactions et les émotions d'un utilisateur, investiguer les problèmes potentiels rencontrés par cette utilisateur, explorer diverses solutions pour améliorer son expérience, et enfin, élaborer un protocole de test pour évaluer ces solutions.
Dans le cadre de ce projet, différents sujets s'offraient à moi : Une application de livraison de repas, une application de fitness ou une application de gestion de projet. J'ai alors choisi l'application de fitness.
Après le sujet choisi, j'avais plusieurs objectifs : construire un journey map pour comprendre en profondeur les interactions et les émotions d'un utilisateur, investiguer les problèmes potentiels rencontrés par cette utilisateur, explorer diverses solutions pour améliorer son expérience, et enfin, élaborer un protocole de test pour évaluer ces solutions.
Road Map
Road Map
— Recherche UX —
— Recherche UX —
— Recherche UX —
1
Persona
1
Persona
2
Scénario d'usage
2
Scénario d'usage
David traverse une période difficile au travail, confronté à un niveau de stress élevé qui commence à avoir un impact sur sa santé mentale. Les pressions professionnelles auxquelles il est soumis ont déclenché chez lui des problèmes tels que l'anxiété et la dépression. Ces défis mentaux et émotionnels affectent non seulement sa productivité au travail, mais aussi sa qualité de vie en général.
David traverse une période difficile au travail, confronté à un niveau de stress élevé qui commence à avoir un impact sur sa santé mentale. Les pressions professionnelles auxquelles il est soumis ont déclenché chez lui des problèmes tels que l'anxiété et la dépression. Ces défis mentaux et émotionnels affectent non seulement sa productivité au travail, mais aussi sa qualité de vie en général.
3
User journey map
3
User journey map
4
Définition du problème
4
Définition du problème
Le problème identifié est le suivant : David fait face à un stress professionnel excessif qui entraîne des problèmes de santé mentale, notamment de l'anxiété et de la dépression. Ces conditions compromettent sa capacité à fonctionner de manière optimale au travail et ont un impact négatif sur sa qualité de vie globale
Le problème identifié est le suivant : David fait face à un stress professionnel excessif qui entraîne des problèmes de santé mentale, notamment de l'anxiété et de la dépression. Ces conditions compromettent sa capacité à fonctionner de manière optimale au travail et ont un impact négatif sur sa qualité de vie globale
— Concepts UX —
— Concepts UX —
— Concepts UX —
1
Exploration de solutions
1
Exploration de solutions
Dans cette phase, l'objectif principal est de générer un large éventail d'idées et de solutions potentielles pour résoudre le problème identifié.
Idée 1 : Application de suivi du bien-être mental
Développer une application mobile qui permet à David de suivre son bien-être mental au fil du temps.
Cette application pourrait inclure des fonctionnalités telles que la journalisation des émotions, le suivi des symptômes d'anxiété et de dépression, et des outils pour identifier les déclencheurs de stress.
Idée 2 : Programme de gestion du stress personnalisé
Créer un programme de gestion du stress sur mesure pour David, basé sur ses besoins spécifiques et ses préférences. Ce programme pourrait comprendre des exercices de relaxation, des techniques de respiration, des séances de méditation guidée et des conseils sur la gestion du stress au travail.
Idée 3 : Coaching en ligne pour le bien-être mental
Offrir à David un accès à un coach en ligne spécialisé dans la gestion du stress et le bien-être mental.
Ce coach pourrait fournir un soutien personnalisé, des conseils et des techniques pour aider David à surmonter ses difficultés et à améliorer sa santé mentale.
Idée 4 : Communauté de soutien en ligne
Créer une communauté en ligne où David peut se connecter avec d'autres personnes confrontées à des défis similaires. Cette communauté pourrait offrir un espace sûr pour partager des expériences, recevoir du soutien mutuel et accéder à des ressources utiles pour la gestion du stress et la santé mentale.
Idée 5 : Intégration avec des dispositifs de suivi de la santé
Intégrer l'application avec des dispositifs de suivi de la santé tels que les trackers d'activité physique et les montres connectées. Cela permettrait à David de suivre l'impact de son activité physique sur son bien-être mental et de recevoir des recommandations personnalisées en fonction de ses données de santé.
Dans cette phase, l'objectif principal est de générer un large éventail d'idées et de solutions potentielles pour résoudre le problème identifié.
Idée 1 : Application de suivi du bien-être mental
Développer une application mobile qui permet à David de suivre son bien-être mental au fil du temps.
Cette application pourrait inclure des fonctionnalités telles que la journalisation des émotions, le suivi des symptômes d'anxiété et de dépression, et des outils pour identifier les déclencheurs de stress.
Idée 2 : Programme de gestion du stress personnalisé
Créer un programme de gestion du stress sur mesure pour David, basé sur ses besoins spécifiques et ses préférences. Ce programme pourrait comprendre des exercices de relaxation, des techniques de respiration, des séances de méditation guidée et des conseils sur la gestion du stress au travail.
Idée 3 : Coaching en ligne pour le bien-être mental
Offrir à David un accès à un coach en ligne spécialisé dans la gestion du stress et le bien-être mental.
Ce coach pourrait fournir un soutien personnalisé, des conseils et des techniques pour aider David à surmonter ses difficultés et à améliorer sa santé mentale.
Idée 4 : Communauté de soutien en ligne
Créer une communauté en ligne où David peut se connecter avec d'autres personnes confrontées à des défis similaires. Cette communauté pourrait offrir un espace sûr pour partager des expériences, recevoir du soutien mutuel et accéder à des ressources utiles pour la gestion du stress et la santé mentale.
Idée 5 : Intégration avec des dispositifs de suivi de la santé
Intégrer l'application avec des dispositifs de suivi de la santé tels que les trackers d'activité physique et les montres connectées. Cela permettrait à David de suivre l'impact de son activité physique sur son bien-être mental et de recevoir des recommandations personnalisées en fonction de ses données de santé.
2
Catalogue de concepts
2
Catalogue de concepts
Une fois qu'un large éventail d'idées a été généré, la phase de catalogue de concepts consiste à examiner plus en détail les solutions les plus prometteuses et à les transformer en concepts concrets et détaillés.
Ici j'ai juste montré trois exemples de concepts pour faire comprendre l'idée derrière mon travail.
WellnessWorkshops - Ateliers en ligne sur la gestion du stress :
Organiser des ateliers en ligne animés par des experts en gestion du stress et en bien-être mental.
Les membres de la communauté peuvent participer à des séances interactives sur des sujets tels que la gestion du stress, la méditation, la pleine conscience et les techniques de relaxation.
"DailyInspiration" - Partage de citations et de pensées positives :
Intégrer une fonctionnalité qui permet aux membres de la communauté de partager des citations inspirantes, des pensées positives et des messages d'encouragement.
Les utilisateurs peuvent contribuer avec leurs propres citations ou apprécier celles partagées par les autres membres.
"CalmZone" - Intégration de méditations guidées dans l'environnement de travail :
Intégrer des séances de méditation guidée dans les environnements de travail de David, tels que les espaces de bureau ou les salles de réunion.
Ces sessions pourraient être accessibles via des applications de bien-être ou des enceintes connectées, offrant à David un moyen pratique de se détendre et de se recentrer pendant les moments de stress au travail.
Une fois qu'un large éventail d'idées a été généré, la phase de catalogue de concepts consiste à examiner plus en détail les solutions les plus prometteuses et à les transformer en concepts concrets et détaillés.
Ici j'ai juste montré trois exemples de concepts pour faire comprendre l'idée derrière mon travail.
WellnessWorkshops - Ateliers en ligne sur la gestion du stress :
Organiser des ateliers en ligne animés par des experts en gestion du stress et en bien-être mental.
Les membres de la communauté peuvent participer à des séances interactives sur des sujets tels que la gestion du stress, la méditation, la pleine conscience et les techniques de relaxation.
"DailyInspiration" - Partage de citations et de pensées positives :
Intégrer une fonctionnalité qui permet aux membres de la communauté de partager des citations inspirantes, des pensées positives et des messages d'encouragement.
Les utilisateurs peuvent contribuer avec leurs propres citations ou apprécier celles partagées par les autres membres.
"CalmZone" - Intégration de méditations guidées dans l'environnement de travail :
Intégrer des séances de méditation guidée dans les environnements de travail de David, tels que les espaces de bureau ou les salles de réunion.
Ces sessions pourraient être accessibles via des applications de bien-être ou des enceintes connectées, offrant à David un moyen pratique de se détendre et de se recentrer pendant les moments de stress au travail.
3
Choix du concept
3
Choix du concept
Concept choisi : Mix entre l’onglet communautaire et les ressources éducatives.
Création d'une fonctionnalité : "Centre Bien-être" sur l'application fitness.
Objectifs :
Création d'un onglet communautaire où David peut partager des problèmes et des objectifs similaires avec d’autres utilisateurs. Cela pourra sûrement renforcer son sentiment d'appartenance, de motivation et écarter les doutes qu’il peut avoir sur cette pratique et son apport.
Offrir des ressources éducatives pour informer David sur les liens entre l'exercice, le stress et la santé mentale.
Description de la Fonctionnalité : Le "Centre Bien-être" serait une section de l'application dédiée à fournir des ressources éducatives et à encourager la communauté de soutien parmi les utilisateurs.
Concept choisi : Mix entre l’onglet communautaire et les ressources éducatives.
Création d'une fonctionnalité : "Centre Bien-être" sur l'application fitness.
Objectifs :
Création d'un onglet communautaire où David peut partager des problèmes et des objectifs similaires avec d’autres utilisateurs. Cela pourra sûrement renforcer son sentiment d'appartenance, de motivation et écarter les doutes qu’il peut avoir sur cette pratique et son apport.
Offrir des ressources éducatives pour informer David sur les liens entre l'exercice, le stress et la santé mentale.
Description de la Fonctionnalité : Le "Centre Bien-être" serait une section de l'application dédiée à fournir des ressources éducatives et à encourager la communauté de soutien parmi les utilisateurs.
— Protocole et UI design —
— Protocole et UI design —
— Protocole et UI design —
1
Objectif du test
1
Objectif du test
L'objectif est de convaincre David sur le fait que la fonctionnalité centre bien-être mis en place va lui faire garder sa motivation et améliorer sa santé mentale. De plus, il faut que l'interface soit intuitive et esthétique.
Vous retrouverez donc ci-dessous les différentes étapes d'un petit flow utilisateur rapide auquel David pourrait être confronté.
L'objectif est de convaincre David sur le fait que la fonctionnalité centre bien-être mis en place va lui faire garder sa motivation et améliorer sa santé mentale. De plus, il faut que l'interface soit intuitive et esthétique.
Vous retrouverez donc ci-dessous les différentes étapes d'un petit flow utilisateur rapide auquel David pourrait être confronté.
2
Maquettes et flow utilisateur
2
Maquettes et flow utilisateur
Etape 1
Etape 1
Etape 1
Etape 1
L’utilisateur arrive sur la page d'accueil et voit les différentes fonctionnalités.
L’utilisateur arrive sur la page d'accueil et voit les différentes fonctionnalités.
Etape 2
Etape 2
Etape 2
Etape 2
Arrivée de l'utilisateur sur la fonctionnalité "centre bien-être" et visualise les onglets “tout”, “articles” et “communauté”.
Arrivée de l'utilisateur sur la fonctionnalité "centre bien-être" et visualise les onglets “tout”, “articles” et “communauté”.
Etape 3
Etape 3
Etape 3
Etape 3
L’utilisateur clique dans l’onglet “Articles” et voit les articles sur les différents bienfaits de chaque exercice.
L’utilisateur clique dans l’onglet “Articles” et voit les articles sur les différents bienfaits de chaque exercice.
Etape 4
Etape 4
Etape 4
Etape 4
L’utilisateur clique dans l’onglet “communauté” et vois les derniers témoignages des autres utilisateurs.
L’utilisateur clique dans l’onglet “communauté” et vois les derniers témoignages des autres utilisateurs.
Logiciel utilisé
Logiciel utilisé
Figma
