Aucune impasse que des solutions !
Etude de cas
Contexte
Instruction de Sharpen dans le cadre du Certificat Google UX Design : "Concevez une application mobile-web pour un club de judo"
Aperçu du projet
Le projet :
Dans le cadre de l’instruction de Sharpen "Concevez une application mobile-web pour un club de judo", nous créons une nouvelle application de planning d’entraînements et de compétitions pour judokas. Il s'agit d'un projet d'application dans le cadre des cours d'UX Design proposé par Google et Coursera.
Mon rôle :
Etant le seul designer UX dans ce projet, j’ai eu un rôle généraliste qui englobait plusieurs rôles et responsabilités.
Le problème :
Des judokas veulent pouvoir trouver et planifier facilement des entraînements, des stages et des compétitions de judo.
L’objectif :
Nous créons une nouvelle application afin d’aider les sportifs (essentiellement des judokas compétiteurs) à trouver et à planifier des entraînements, des stages et des compétitions de judo selon le lieu et la date.
Voici des captures d'écran du début et de la fin du flux utilisateur.
Responsabilités :
Voici certaines de mes responsabilités :
-
Recherche utilisateur
-
Audit concurrentiel
-
Architecture de l'information
-
Visual design
-
Wireframing
-
Etude d’utilisabilité
-
Prototypage
Comprendre l’utilisateur
-
Recherches utilisateurs
-
Quelques idées issus d’un brainstorming
-
Audit concurrentiel
-
Personas
-
Énoncés de problèmes
-
Carte de parcours utilisateur
-
Tâche d’utilisateur et étapes de flux utilisateur
-
Storyboard « Vue d’ensemble »
-
Storyboard « Gros plan »
Recherches : résumé
Il y a eu quatre étapes principales :
-
Une recherche utilisateur : grâce à des entretiens et des cartes d’empathies cela a permis de connaître les besoins des utilisateurs, ici des judokas et de parents de judokas (besoin du planning, démarches et documents en ligne, techniques, actualité, etc.).
-
Un audit concurrentiel : nous avons pu voir les points forts, les points faibles de 4 de nos concurrents et voir les manques.
-
Une étude d’utilisabilité faite au moment du prototype lo-fi.
-
Un deuxième test auprès des mêmes utilisateurs.
Recherche utilisateurs : résumé
Après un brainstorming, nous avons réalisé des entretiens et des cartes d’empathie pour comprendre les futurs utilisateurs de notre application et leurs besoins.
Après recherche, nous avons identifié comme groupe d’utilisateur principal des judokas désirant planifier leurs entraînements et leurs compétitions.
Notre recherche auprès de ce groupe d’utilisateur nous a permis de mettre en avant d’autres besoins mais nous avons pris le parti de nous concentrer sur la planification de l’emploi du temps.
Recherche utilisateurs : points de douleur
1
Concentrer les informations
Il n’y a pas d’application permettant de planifier des entraînements et des compétitions.
2
Recherche de dojos
Il faudrait pouvoir rechercher selon les noms des dojos ou selon la proximité géographique.
3
Alarmes
Il faudrait pouvoir mettre en place des alarmes sonores et/ou visuelles et pouvoir les programmer.
Quelques idées issus d’un brainstorming
-
Revoir les mouvements de judo
-
Suivre l’actualité sportive
-
Informations sur le judo, les judoka
-
Suivre les entraînements et les stages
-
Dates des passages de grades
-
Suivre les compétitions
-
Proposition d'entraînement musculaire et de cardio
-
Calcul des calories
-
Programme alimentaire et idées de recette
-
Bons plans pour prendre soin de soi
-
Idées d’activités bien-être
-
Agenda avec rappels visuel et sonore
-
Suivi des progressions sportives
Audit concurrentiel
-
Objectif: Comparer l'expérience utilisateur de chaque concurrent du site internet
PDF du tableau et PDF du rapport
Persona : Saïd Bouras
Énoncé de problème :
Said Bouras est un judoka compétiteur et kinésithérapeute qui a besoin d’une application mobile car il veut pouvoir planifier sa préparation pour les compétitions de judo.
Récit utilisateur :
En tant que compétiteur senior de judo, je veux pour voir planifier ma préparation dans les meilleurs conditions pour devenir champion de France 1ère division.
Persona : Laurence Frété
Énoncé de problème :
Laurence est une jeune fille de 9 ans qui débute le judo et a besoin d’une application mobile pour découvrir, apprendre et revoir les techniques de judo, ainsi que s’informer sur l’actualité de cet art martial.
Récit utilisateur :
En tant qu’enfant de 9 ans commençant le judo, je veux pouvoir revoir les techniques de judo, afin d’être prête pour les passages de grade.
Carte du parcours utilisateur : Persona : Saïd Bouras
Objectif : En tant que compétiteur senior de judo, je veux pouvoir planifier ma préparation dans les meilleurs conditions.
Tâche d’utilisateur et étapes de flux utilisateur
Tâche d’utilisateur : Utiliser l'application pour organiser les entraînements de judo pour faciliter la gestion de la semaine
Etapes de flux utilisateur du point d'entrée à l'achèvement de la tâche pour l'application :
1. Ouvrir l’application
2. Écran d'accueil
3. Cliquer sur le bouton Planning des entraînements
4. Regarder le tutoriel ? Oui ou Non
5. Oui Démarrage du tutoriel Non Planning des entraînements
6. Saisir les horaires de travail
7. Saisir les horaires des entraînements de judo
8. Affichage du planning
9. Besoin de rappel visuel et sonore ? Oui ou non
10. Oui Régler les rappels Non Affichage du planning
11. Oui, les rappels sont réglés. Affichage du planning
12. Retour à la page d’accueil
Storyboard « Gros plan »
Scénario : Said Bouras est un judoka compétiteur et kinésithérapeute qui a besoin d’une application mobile car il veut pouvoir planifier sa préparation pour les compétitions de judo.
Storyboard « Vue d’ensemble »
Commencer le design
-
Wireframes papier
-
Wireframes numériques
-
Prototype basse-fidélité
-
Étude d’utilisabilité
Wireframes papier
Voici différentes itérations de l’écran principal. Pour des raisons de gestion du temps, il n’y a pas eu d’itérations de chaque écran sur papier.
Les itérations ont été faites de manière digitale après chaque session de critique de design.
Quelques éléments importants :
Compte
Alertes
Planning des entraînements
Technique de judo
Actualité du judo
Démarches en ligne
Documents en ligne
Barre de recherche
Des étoiles ont été utilisées pour marquer les éléments de chaque croquis qui seraient utilisés dans les maquettes numériques initiales.
Wireframes numériques
L’absence des horaires d’entraînement était problématique pour la planification.
Depuis le design de l’application a encore évolué.
Les utilisateurs ont eu accès aux horaires.
Depuis, de nouvelles options ont été incorporées.
Wireframes numériques
Il s’agit du wireframe réalisé suite au premier test utilisateur. Les utilisateurs avaient des difficultés avec l’intitulé des boutons. Depuis le design de l’application a encore évolué.
L’intitulé est désormais plus clair.
Prototype basse-fidélité
Voici le lien vers ce prototype lo-fi.
Il s’agit du prototype issus du premier test utilisateur.
Nous vous invitons à vous concentrer sur la planification des entraînements de judo.
Étude d'utilisabilité : paramètres
Type d'étude :
Étude d'utilisabilité non modérée
Participants :
5 participants
Localisation :
Istanbul, à distance
Durée :
15 à 20 minutes
Étude d'utilisabilité : résultats
J'ai mené deux séries d'études d'utilisabilité non modérées avec 5 participants (3 femmes et 2 hommes agés entre 16 et 50 ans). Nous voulions déterminer, entre autres, si l'expérience utilisateur principale, la recherche et la planification des entraînements, était facile à réaliser pour les utilisateurs.
Les indicateurs clés de performance étaient le temps consacré à la tâche, le taux de conversion et l’échelle de facilité d'utilisation du système.
Conclusions du Tour 1 sur le prototype lo-fi
1
Les utilisateurs ont besoin de connaître les horaires des entraînements de judo pour pouvoir planifier efficacement leur emploi du temps.
2
Les utilisateurs ont besoin de meilleurs indices sur les étapes nécessaires pour planifier les entraînements.
3
Les utilisateurs ont besoin de plus d'informations sur la planification des plannings de la vie quotidienne et du judo.
Conclusions du Tour 2 sur le prototype hi-fi
1
Les utilisateurs ne trouvent pas la planification de la vie quotidienne.
2
Les utilisateurs ont besoin de pouvoir voir les dojos à proximités ou de les chercher par noms
3
Les utilisateurs ont besoin de pouvoir répéter le planning quand cela est possible.
Affiner le design
-
Design system
-
Maquettes
-
Prototype haute fidélité
-
Accessibilité
Design system
Maquettes
Les utilisateurs n’ayant pas besoin de la planification de la vie quotidienne, cette option a été supprimée et il ne reste plus que le planning de judo.
Avant l’étude d'utilisabilité
Après l’étude d'utilisabilité
Maquettes
Les utilisateurs peuvent chercher le ou les dojos de leur choix puis choisir une date et enfin voir les entraînements et les compétitions disponibles.
Avant l’étude d'utilisabilité
Après l’étude d'utilisabilité
Maquettes clés
Prototype haute fidélité
Voici le lien vers le prototype haute-fidélité. Il ne s'agit que du flux utilisateur principal !
Prise en compte de l'accessibilité
1
Nous avons fait attention à la typographie. La classification de la police est Sans serif. Cela permet aux personnes ayants des difficultés de lecture comme les personnes dyslexiques de lire plus facilement. Nous avons aussi fait attention aux choix de la police de caractère et de la police d’écriture.
2
Les couleurs des textes, des fonds, des boutons, etc., ont été choisis pour permettre une meilleure emphase ce permet une meilleure visibilité pour les personnes ayant des problèmes visuels et cela permet de faciliter le flux utilisateur.
3
Le choix de la hiérarchie permettra à terme de pouvoir utiliser des outils d’accessibilité comme le TalkBack ce qui sera utilie pour les personnes ayant des déficiances visuelles. Le judo étant un handisport ayant de nombreux licenciés en France.
Conception responsive
-
Architecture des informations
-
Conception responsive
Plan de site
Voici le premier plan du site. Il a quelque peu évolué depuis.
Conceptions responsive
Les conceptions pour les variations de taille d'écran incluaient les mobiles et les tablettes.
Application mobile
Tablette
Aller de l’avant
-
Points à retenir
-
Les prochaines étapes
Points à retenir
Impact :
Le design a la volonté de répondre aux besoins des utilisateurs, c’est-à-dire qu’il répond, en l’état, au besoin de planification des entraînements et des compétitions de judo. Un extrait du feedback des pairs :« Cette application va permettre une meilleure organisation des plannings des judokas. Il faut continuer et répondre aux autres besoins des utilisateurs. »
Ce que j’ai appris :
Lors de la conception de l'application Judo Assistant, nous avons appris que les recherches comme les études d’utilisabilité et les sessions de critique de design ont permis de surpasser les préjugés, d’ouvrir notre point de vue et d’améliorer sans cesse le design lors des itérations.
Les prochaines étapes
1
Permettre une meilleure accessibilité de l’application aux personnes ayant des handicaps.
2
Développer d’autres flux utilisateurs comme notamment la possibilité de faire des démarches en ligne.
3
Ajouter des sons et vidéos lors de la navigation dans l’application.
Connectons-nous
E-mail : feyziocan.uxdesign@gmail.com
LinkedIn : www.linkedin.com/in/feyzi-ocan
Site Web : https://www.feyziocanuxdesign.com/
Merci
Merci d'avoir pris le temps de parcourir mon projet d'application Judo Assistant !
Il s'agit du premier projet que j'ai réalisé.
Il y a très certainement de nombreuses améliorations possibles.
N'hésitez pas à me contacter pour me partager vos avis et critiques.