Projet réalisé au sein de l'agence Troopers Web Republic
Contexte et problématique
Editeur-conseil en évaluation des talents, PerformanSe conçoit des tests psychométriques (test de personnalité, test cognitif) pour permettre à ses clients d’améliorer la gestion des ressources humaines.
La plateforme client de création et de paramétrage des tests envoyés aux évalué·e·s est donc un enjeu majeur de satisfaction client.
Il fallait repenser cette interface pour qu’elle soit graphiquement attrayante mais surtout que les nombreuses fonctionnalités avancées puissent être comprises et prise en main le plus naturellement possible.
J’ai donc préparé et facilité deux demies journées d’ateliers de co-création, à la suite desquelles a démarré la phase de conception (maquette et prototype Figma). Enfin, nous avons réalisé des tests utilisateurs pour infirmer/confirmer nos hypothèses.
Ateliers de co-création
Situation sanitaire oblige, les deux demies journées ce sont déroulées en distanciel grâce au combo d’outils ZOOM + MURAL.
L’équipe pluridisciplinaire était composée de développeurs (2), de clientes (2), d’une responsable communication/marketing et de moi-même en tant que facilitatrice et designer.
Dashboard
L’interface client ne comportait pas d’écran d’accueil sous forme de tableau de bord, ce fut une recommandation appréciée du client. Lors de cet atelier nous avons comparé toutes les informations/métrics/data que les dev pouvaient faire remonter et les avons comparées avec celles réellement attendues et interessantes pour les utilisateur·trice·s
Cela m’a permis, pendant la phase de conception, de proposer un affichage de data pertinentes.
Naming
Cet atelier, plus ludique et concecptuel, a permis de cerner les contours de la personnalité et du ton de voix qu’on voulait adopter pour cette plateforme.
Nous avons procédé a des associations d’idées, un jeu de « je suis/je ne suis pas » etc.
Finalement, j’ai pu proposer plusieurs noms pour la plateforme en croisant certaines de ces données.
Focus Group
En amont de la consultation le client avait réalisé une étude utilisateur qui permettait de recueillir un certain nombre d’éléments sur l’interface existante.
Nous avons donc procédé à un temps de discussion pour classer les retours utilisateurs et les prioriser grâce à un board MURAL spécifique.
User flow
Dans la foulée nous avons formalisé les parcours utilisateurs selon des scénario précis afin de lister, étape par étape, les freins rencontrés et d’identifier les axes améliorations.
Maquette et prototype
Suite à cette phase d'immersion, la phase de maquettage/prototypage a pu commencer.
J'ai utilisé Figma pour pouvoir gérer à un seul endroit l'aspect graphique pur, le guide de styles, la navigation et les micro interactions ainsi que le process d'allers/retours grâce aux commentaires.
Interface à l'instant T, projet toujours en cours
Tests utilisateurs
Après avoir sélectionné le panel d’utilisateurs et rédigé la grille de test, j’ai procédé aux tests de 45 minutes chacun, en distanciel (via Zoom) sur les prototypes réalisés.
Cela a permis à la foi de repérer les hypothèses infondées, les idées à conserver et les axes d’amélioration, mais aussi de fournir au client de réels KPI sur les résultats comparés à ceux de la première étude.
Par exemple, l'idée d'être accueilli par un dashboard a beaucoup séduit les utilisateurs, les fonctionnalités de filtre et de recherche ont été mieux comprises, l'amélioration de l'interface a été globalement mieux notée. Par contre ces tests ont aussi permis de déceler certains points de vigilance (travail en cours)
Autres projets réalisés pour ce client
- Design du site vitrine (avec choix d’un theme react) sur sketch
- Mise en page des rapports de tests pour les évalué·e·s et des supports d’interprétation
- Design d’une plateforme de tests cognitifs graphique sous forme de carte illustrée type "plan de métro"
Témoignage client
Mélanie Payoux
Ingénieure de recherche
Nous avons sollicité Troopers pour une reprise de projet un peu dans l'urgence. L'équipe a su répondre très rapidement et efficacement à notre demande. La refonte des maquettes s'est faite collaborativement avec une analyse très fine des points forts et faibles de l'existant. Les premiers livrables ont été accueillis avec beaucoup d'enthousiasme chez nous en interne! En 4 mots Troopers c'est : professionnalisme, écoute, réactivité, efficacité.