Introduction :

J'ai rejoint l'équipe de SusInnoS en tant qu'UX et UI designer, mais j'étais également là pour les accompagner dans la matérialisation de leur projet de plateforme d'ACV automatisée et de stratégies d'économie circulaire.

Cadrage :

Le projet étant assez conséquent et l'équipe de SusInnoS étant des chercheurs, nous avons fait plusieurs ateliers et réunions pour cadrer le projet. La thématique du projet était également complexe, j'avais besoin de bien la comprendre avant d'aller plus loin.

Nous nous sommes ainsi harmonisé sur la vision et la définition du produit : quelles sont les problématiques, les solutions proposées, la cible potentielle, la valeur ajoutée, les fonctionnalités clés, benchmark de la concurrence, etc.

A travers ses ateliers, nous avons également travaillé ensemble sur la recherche utilisateur : quelles sont les différentes cibles, qu'est-ce que nous avons besoin d'apprendre, quelles sont les objectifs de cette recherche, comment réaliser les entretiens utilisateurs, où trouver nos utilisateurs, quel est le timing alloué, etc.

Différents boards FigJam des ateliers et réunions.

Recherche utilisateurs :

Nous avons potentiellement identifié 3 types de cibles. Nous avons donc réalisé des entretiens utilisateurs avec 7 personnes pour confirmer cette hypothèse. J'avais prévu des grilles d'entretien adaptable en fonction du profil des personnes interviewées.
Les interviews consistaient à identifier, comprendre et analyser la méthodologie et les outils des utilisateurs cibles, ainsi qu'identifier et comprendre les besoins et frustrations des cibles dans leur quotidien. Chaque entretien durait en moyenne entre 40 et 60 min et a été réalisé en visio.

Après étude de chaque entretien, j'ai pu définir 3 personae, avec chacun leurs besoins, leurs frustrations et leurs habitudes de travail. Nous avons le Novice, l'Expert et le Décideur. J'ai réalisé les Experience Map de chacun des persona pour avoir bien en tête leurs besoins, émotions et points bloquants tout au long de la conception de l'outil.

J'ai trié les données collectées par thématique et j'y ai associé des verbatims issus des entretiens pour appuyer tout cela. J'ai fait un top 5 des besoins et des points bloquants, avec des exemples concrets, des verbatims, des solutions possibles.
Suite à cela, j'ai pu faire de premières recommandations de parcours utilisateurs et de fonctionnalités, et surtout remonter les points qu'à le projet de SusInnoS par rapport à ses concurrents.

Bord FigJam présentant les résultats de la recherche utilisateurs.

Idéation et wireframes :

Maintenant que nous connaissons les cibles et utilisateurs type de notre outil, il fallait commencer à approfondir ce qu'allait faire notre outil. Quelles seront ses fonctionnalités ? Quels sont les parcours utilisateurs ? Qu'est-ce qu'on priorise pour une démo/v1 ? Qu'est-ce qu'on met en place pour répondre aux besoins et frustrations de nos utilisateurs potentiels ?

Nous avons fait plusieurs ateliers pour mettre à plat l'arborescence de l'outil, lister toutes ses fonctionnalités et les prioriser, définir des parcours utilisateurs pour aboutir à un tout premier jet de wireframes.

Ces wireframes sont utilisés comme outil interne afin de questionner les fonctionnalités, les parcours et interactions. Après pas mal d'itérations, nous sommes arrivés sur des wireframes qui nous convenaient en terme de parcours, arborescence et fonctionnalités. J'ai transformé ces wireframes en prototype Figma, afin de pouvoir les faire tester à nos cibles, et itérer de nouveau avant de passer à l'UI design.

Résultats des ateliers d'idéation.

Exemple d'un des parcours utilisateurs prototypé sur Figma.

UI design :

J'avais pour objectif de réaliser 4 parcours utilisateurs différents et de les prototyper, encore dans l'optique de faire des tests utilisateurs.

J'ai étudié ce qu'il se faisait dans la concurrence et sur des outils ayant des structures similaires. J'ai proposé plusieurs axes graphiques à l'équipe de SusInnoS. Ensemble nous avons choisi le design qui nous semblait le plus cohérent avec le projet. J'ai ensuite approfondi cet axe graphique afin de définir une charte graphique de base, pour commencer mes recherches sur les différents écrans.
Une fois un certain nombre d'écrans réalisés, nous les avons rechallengé pour les faire à nouveau évoluer. Suite à ça, j'ai pu itérer et valider la charte graphique, créer les composants Figma du design.

Je suis ensuite passer au design de tous les écrans de chacun des 4 parcours, et à leur prototypage. Pour des questions de confidentialité, je ne peux pas vous montrer l'entièreté du travail réalisé.

Exemples d'écrans réalisés.

Et après ?

Le projet est toujours en développement et en phase de bêta-test. Mon design a surtout aidé à mettre à plat un gros projet d'outil, et ne sera très certainement pas sa version finale. Mais grâce à ce travail, SusInnoS ont une base solide sur laquelle travailler, faire ses tests et se challenger en fonction des retours de leurs utilisateurs.