Discovery app

Année : 2022
Mon rôle : Product Designer
Technologie : Figma, Figjam, Miro, Jira, Zeplin, Google Docs
Categories: UX Design, Research, UI Design
TL;DR
  • L'entreprise était chargée de la distribution de factures en masse et l'a fait avec une application inadaptée appelée Fulcrum.
  • L'application était coûteuse et ne répondait pas entièrement aux besoins de l'entreprise, de ses clients et de ses livreurs.
  • I was about to organize a design sprint, and the biggest replied with a harsh and very direct e-mail saying that they didn’t have as much time to give us. I was very upset, but I was able to manage my emotions and negotiate with them to get some interview sessions.
  • Je me suis rendu sur le terrain avec les chauffeurs-livreurs pour voir comment ils distribuaient, et j'ai interrogé des clients et des agents internes.
  • J'ai créé l'identité graphique, le design system de, l'application web et mobile.

INTRODUCTION

La distribution en masse est un processus complexe qui peut s’avérer coûteux et chronophage pour les entreprises. Discovery est un SaaS conçu pour gérer la distribution en masse, en remplacement d’un outil coûteux et peu adapté à l’entreprise. Le projet a été réalisé en utilisant la méthode Double Diamond, en impliquant le client, le responsable de la distribution et les livreurs tout au long du processus de conception.

Contexte

Fondé en 2016, Paps est un service destiné aux entreprises opérant en Afrique francophone, offrant des services d'entreposage, de ramassage et de livraison. Ils sont la première entreprise de livraison à la demande et géolocalisée dans la région avec la plus grande flotte en Afrique de l'Ouest. Elle s'est fait connaître en remportant la cinquième édition de Hub Africa et a attiré des investissements de Google et d'Alibaba's Global Initiatives. Elle propose ses services à un large éventail d'industries, notamment les institutions financières, les produits pharmaceutiques, les télécommunications, les commerçants et les e-commerçants.

L'entreprise entre alors dans un nouveau secteur, celui de la grande distribution, notamment des factures. Avant la création de Discovery, l'entreprise utilisait Fulcrum, un outil coûteux et peu flexible pour la distribution des factures. Cependant, Fulcrum ne répondait pas entièrement aux besoins de l'entreprise. Fulcrum est une application générique pour la collecte de données sur site à l'aide de formulaires personnalisables. Il n'est pas adapté à la gestion de la grande distribution.

Il m’a été donné comme mission de concevoir un MVP plus adapté à leurs besoins, tout en étant suffisamment flexibles pour s’adapter à d’autres clients.

PROCESSUS DE CONCEPTION

La conception de Discovery a été effectuée en utilisant la méthode Double Diamond, qui est souvent considérée comme une évolution du Design Thinking et c’était le moment idéal pour moi de le tester, je faisais beaucoup de recherche la dessus. Et hop ! le product manager l’a mis dans mes OKR.

Le double diamond implique quatre étapes clés : la découverte, la définition, le développement et le déploiement. Tout au long du processus, j’ai travaillé en étroite collaboration avec le client, le responsable de la distribution et les livreurs.

RECHERCHE

L’objectif principal de cette phase était de comprendre les besoins du client et des parties prenantes en matière de distribution de factures. J’ai également cherché à identifier les problèmes rencontrés avec l’outil actuel (Fulcrum) et à comprendre les fonctionnalités clés dont le nouveau produit devrait disposer.

✨désillusion✨

Avec toutes les meilleures intentions du monde, j'avais prévu d'organiser un sprint de conception, avec le plus gros client, pour « co-créer » un bon produit. Mais la désillusion a été incroyable. Leur responsable de l'innovation m'a répondu par un courriel très dur, presque irrespectueux, en me disant qu'ils n'avaient pas de temps à perdre avec moi. Notre CEO et notre directeur de l'exploitation étaient en copie du courrier. J'étais très contrarié et je craignais de donner une mauvaise image de l'entreprise. Je me suis beaucoup plaint auprès de mes collègues designers/produits, mais je devais donner le bon exemple et gérer mes émotions. J'ai réussi à convaincre deux personnes de m'accorder des entretiens. L'un de mes talents est d'ailleurs la négociation 😊

Interviews

J’ai mené des interviews avec trois parties prenantes clés : le responsable de la distribution chez nous, un livreur de facture et le responsable de la distribution de de notre client principal. Ces interviews ont été conçues pour comprendre les besoins de chaque partie prenante, leurs défis actuels et leurs attentes par rapport à un nouvel outil de distribution.

Sessions d’immersion

J’ai également organisé des sessions d’immersion sur le terrain pour comprendre les processus actuels de distribution de factures et pour voir comment les livreurs interagissent avec les clients. Ces sessions ont été extrêmement utiles pour comprendre les problèmes rencontrés sur le terrain et pour identifier les fonctionnalités clés dont notre produit devrait disposer.

Analyse concurrentielle

Dans le cadre de ce projet, l’analyse concurrentielle a été réalisée pour comprendre les différents outils existants pour la gestion de la distribution en masse. j’ai identifié plusieurs outils qui sont actuellement utilisés dans le marché, tels que Fulcrum, TaroWorks, FieldEZ. Des outils plutôt limités par rapport à ce que Paps veut en terme de flexibilité et de coût.

Results

J’ai identifié plusieurs problèmes avec l’outil actuel (Fulcrum), notamment son manque de flexibilité et son coût élevé. J’ai également compris que notre client avait besoin d’un outil qui lui permettrait de mieux surveiller la distribution de ses factures et de fournir un meilleur support à ses clients. En termes de fonctionnalités clés, j’ai compris que le nouveau produit devrait permettre d’avoir des informations en temps réel sur le terrain, de voir l’evolution de la distribution et un dashboard pour monitorer le tout.

Persona

Sur la base de notre recherche, j’ai développé trois personas : Jean de la Fontaine, Ousmane et Cheikh. Jean de la Fontaine représente le client, Ousmane représente notre responsable de la distribution et Cheikh représente le livreur de factures. Ils étaient basés sur des entretiens avec les utilisateurs et des enquêtes, et je les ai mis à jour au fur et à mesure que je recueillais de nouvelles données. J’ai utilisé ces personas chaque fois que je voulais changer d’avis et reconsidérer les idées initiales.Ces personas m’ont aidés à mieux comprendre les besoins, les défis et les attentes de chaque partie prenante et m’ont guidés tout au long du processus de conception.

HOW might we ...

Brainstorming

Lors de cette étape, j’ai fait des sessions séparées pour chaque partie prenante afin de discuter et d’échanger sur les idées et les attentes de chacune. J’aio commencé par identifier leurs besoins et les problématiques qu’ils rencontrent. J’ai ensuite discuté des différentes fonctionnalités qui pourraient être intégrées dans l’application pour répondre à ces besoins.

Storyboards

Les storyboards m’ont été utiles pour définir le parcours utilisateur et les différentes fonctionnalités de l’application. J’ai ainsi créé plusieurs storyboards pour chacun des types d’utilisateurs (client, responsable de la distribution et livreur) afin de comprendre les besoins et les attentes de chaque personne.

Design

Maintenant que j’ai identifié les besoins de notre client, défini les exigences techniques ainsi que les besoins de notre entreprise en matière de gestion de la distribution en masse, il est temps de passer au design. Et ça commence par des sketches et wireframes.

Sketches & Wireframes

J’ai commencé par dessiner des sketches rapides, des croquis griffonnés sur iPad, pour visualiser les premières idées qui me venaient à l’esprit. Ces premiers croquis étaient loin d’être parfaits, mais ils m’ont permis de capturer les principales fonctionnalités et les interactions clés de l’application.

Une fois mes croquis prêts, j’ai utilisé Figma pour créer des wireframes plus détaillés. Les wireframes m’ont aidé à préciser la structure de l’application, à définir l’agencement des différents éléments et à décrire les flux de navigation. Je me suis efforcé de rendre les wireframes clairs et compréhensibles, en utilisant des éléments visuels simples et efficaces.

Itérations

Au fur et à mesure que j’ai partagé ces premières versions avec l’équipe et recueilli leurs commentaires, j’ai rapidement réalisé que des ajustements étaient nécessaires. Les retours des utilisateurs et les discussions avec le client ont mis en évidence des points d’amélioration et des idées auxquelles je n’avais pas pensé initialement. Après plusieurs itérations et ajustements, je suis finalement parvenus à une version finale des wireframes. C’était incroyable de voir à quel point ils étaient différents des premières versions.

Conception des interfaces utilisateur

J’ai conçu les différentes interfaces nécessaires au bon fonctionnement de l’application. J’ai créé des interfaces pour la création de campagnes de livraison, l’affectation de livreurs, le suivi de la distribution et le support. Chaque interface est conçue pour être facile à utiliser et pour permettre aux utilisateurs d’effectuer des actions de manière efficace.

Conception des interfaces utilisateur (mobile)

Livraison

Dev Handoff

J’ai fourni aux développeurs des instructions détaillées, afin de m’assurer que les spécifications et les exigences étaient communiquées efficacement. Les annotations du développeur m’ont déjà aidé à fluidifier le processus de design-to-development et, compte tenu du nombre d’allers-retours, le fait de m’assurer que le développeur disposait de toutes les informations nécessaires pour mettre en œuvre mes designs avec précision m’a apporté une certaine tranquillité d’esprit.

Documentation et formation

J’ai documenté chaque étape de la conception de l’application pour faciliter la compréhension de son fonctionnement sous format texte et vidéo. J’ai aussi organisé des séances de formation pour les employés, afin de les aider à mieux comprendre les nouvelles fonctionnalités et à se familiariser avec les nouvelles procédures

Réflexion

Ce projet m'a permis de tirer des leçons précieuses. J'ai appris l'importance d'une communication transparente, de la flexibilité, de la gestion des émotions et de l'adaptabilité. L'approche itérative et centrée sur l'utilisateur m'a permis de concevoir des produits plus pertinents. En outre, j'ai eu l'occasion de me plonger dans le monde de la gestion des produits, en travaillant en étroite collaboration avec les responsables pour définir les objectifs des produits, établir une feuille de route et gérer les priorités. Cette expérience a renforcé mes compétences en matière de leadership et de gestion d'équipe, tout en soulignant l'importance de la collaboration entre la conception et la gestion des produits.