Novyspec

Novyspec

2017 - 2018

Contexte

Contexte personnel

Après plusieurs années dans des fonctions techniques, Novyspec m'accorde sa confiance pour mener la conception de sa nouvelle application d'inspection industrielle, en parallèle de ma formation UX Design aux Gobelins. Novyspec marque mon pivot vers le product management et le design.

Ce produit n'a pas vu le jour, mais cette expérience m'a donné les fondations pour réussir ensuite chez Smart-Rx et Meditect.

Entreprise

L'équipe venait d'un produit similaire, mais d'une techonologie obsolète et sans approche centrée sur l'utilisateur.

Nous devions développer une nouvelle solution, en repartant d'une feuille blanche.

Durée : 2 ans

Equipe : 10 personnes

Mon Rôle : Product Manager & Designer

Enjeux

Structuration méthodologique

Le 1er enjeu était de mettre en place la bonne méthodologie de travail et les bons outils pour concevoir le produit avec une approche produit et design rigoureuse, au sein d'une équipe très orientée tech.

Conception UX

Concevoir une application d'inspection industrielle moderne, pensée pour les entreprises, et capable d'interagir avec son écosystème d'object connectés.

Réalisations produit

Recherche & Proto-persona

L'équipe ayant déjà réalisé une solution d'inspection industrielle mon objectif était de guider ce collectif à formaliser la connaissance utilisateur acquise avec la précédente solution. Pour que tout le monde soit au même niveau de connaissance, mais aussi parce que nous n'avions pas accès aux utilisateurs au démarrage du projet.

L'équipe en atelier persona
L'équipe en atelier persona
Le proto-persona finalisé

Avec un atelier de 2 heures, nous avons pu consolider la connaissance acquise pendant plusieurs années.

Modèle d'empathy map

Un modèle d'empathy map a été distribué à chaque membre de l'équipe, ainsi que des post-it.

Modèle d'empathy map utilisé
Modèle d'empathy map utilisé

Mise en commun des post-it

La mise en commun des post-it a permis de regrouper les informations et de définir notre persona "inspecteur".

Regroupement des post-it du persona
Regroupement des post-it du persona

UI & Design system

Choix d'une librairie UI. Nos critères : compatible ReactJs, maintenue, communauté active, documentation claire et possibilités de personnalisation. Librairies candidates : Semantic UI, Material UI et Ant Design. Notre choix : Ant Design.

Design system : mise en place d'un design system préliminaire en parallèle de la conception du produit. La couleur orange du logo de Novyspec a servi de base.


Design system préliminaire
Design system préliminaire

Conception de l'application d'inspection

L'application a été conçue en nous basant sur la connaissance accumulée par l'équipe avec la solution précédente. Le userflow suivant présente le fonctionnement général, les écrans vides sont ceux dans lesquels les formulaires métiers prennent place.

Ici, on remarque que la validation de la tâche se fait en 2 temps : un appui sur Complete, puis un appui sur Validate. Cette friction permet d'éviter les erreurs de manipulation induites par les interfaces tactiles.

Userflow général

Atelier de conception d'une tâche

Le fonctionnement général de l'application est commun à tous les utilisateurs. Seuls les formulaires d'inspection sont spécifiques à un métier. Ici, j'ai sollicité des utilisateurs "proxies" des utilisateurs finaux pour concevoir une tâche telle quelle apparaît dans l'application.

Avec des éléments de UI papier, ils devaient proposer ce qui faisaient sens pour eux quand on considère une "tâche" dans l'application.

Conception d'une tâche
Conception d'une tâche

Design finalisé d'une tâche

Après mise en commun des propositions, j'avais les éléments nécessaires pour concevoir une tâche.

Design finalisé d'une tâche
Design finalisé d'une tâche

Des wireframes...

Des wireframes ont nourri la réflexion sur le parcours utilisateur, ici la vue des tâches et une tâche ouverte.

Wireframes de l'application
Wireframes de l'application

Ils ont été animés dans un prototype InVision, et testés avec des utilisateurs "proxies".

...au design final

Les résultats des tests des wireframes ont été analysés et intégrés dans la conception finale.

UI Finalisée
UI Finalisée

Conception du concepteur de formulaire

Le concepteur de formulaire sert à définir le contenu des campagnes d'inspection. Il n'est utilisé qu'au bureau.

Organisation d'une session d'idéation selon le modèle 6-to-1. Ce travail a permis de dégagé des pistes pour le design final des écrans du concepteur.

Idéation 6-to-1
Idéation 6-to-1
Editeur de formulaire
Editeur de formulaire

Etude de la détection du port des EPI

Etude a durée environ 3 mois, dans le cadre de mon mémoire professionnel de la formation UX Design aux Gobelins.

Enjeu business : Si notre produit peut détecter le port des EPI (Equipements de Protection Individuelle), alors nous pourrons contribuer à faire baisser la prime d'assurance de nos clients.

Méthodologie : Etudier différents scénarios pour intégrer cette détection dans l'application d'inspection.

  • Scénario minimal : balayage visuel du corps de l'utilisateur avec ses EPI, et analyse d'image pour détecter le port des équipements.
  • Scénario intermédiaire : capture de QR-Code apposés sur les EPI, illustré ci-dessous.
  • Scénario maximal : détection d'EPI connectés en Bluetooth Low- Energy
Etude de la détection des EPI via QR-Code
Etude de la détection des EPI via QR-Code

Résultat de l'étude :

  • Scénario minimal (balayage visuel et analyse d'image) : les manipulations requises avec la tablette pour détecter visuellement le port des équipements se sont avérées inconfortables pour les testeurs.
  • Scénario intermédiaire (capture de QR-Code) : ce scénario s'est avéré le plus simple à mettre en oeuvre. La difficulté était reportée sur la pose de QR-Code robustes sur les EPI, point qui n'a pas été testé.
  • Scénario maximal (EPI connectés en Bluetooth) : Au moment de l'étude, le marché des EPI connectés était balbutiant. Les EPI connectés se limitaient à des chaussures, à l'état de prototype, ce qui ne permettait pas de satisfaire les exigences de sécurité des inspecteurs.

Discovery multi-verticales

Phase d'exploration des opportunités de marché durant laquelle j'ai étudié plusieurs verticales métier identifiées comme potentiellement intéressantes.

Deux de ces verticales sont présentées ci-dessous.

Contrôle qualité de climatiseurs industriels

J'ai suivi pendant une matinée Ludovic, chargé de la vérification de la conformité des climatiseurs industriels en sortie de chaîne de fabrication.

Vérication des circuits hydrauliques
Vérication des circuits hydrauliques
Vérication des circuits électroniques
Vérication des circuits électroniques

Avec les informations collectés, j'ai pu modéliser le user-journey de Ludovic, et présenter ce parcours à l'équipe.

User journey de Ludovic
User journey de Ludovic

Notre produit aurait pu grandement améliorer l'efficacité du travail de Ludovic. Mais aucun budget n'était disponible pour ça. Fin du projet.

Contrôle du nettoyage dans une usine agroalimentaire

Nous avons travaillé avec une consultante experte qui connaîssait l' usine concernée. Nous devions proposer une solution pour contrôler la prestation de nettoyage, qui change (fréquence, opérations, produits utilisés) au gré de la production.

Etape 1 - Workflow : Modélisation des enjeux du nettoyage dans l'usine. Plusieurs échanges avec la consultante ont été nécessaire pour comprendre toujours les flux d'information et les besoins de l'entreprise.

Nettoyage usine agro-alimentaire

Etape 2 - Idéation : Nous proposition était basée sur l'installation d'une tablette et le port de bracelets NFC, par les personnels de nettoyage pour afficher les instructions de nettoyage lors dupassage dans les zones à nettoyer. Le scénario fonctionnait de la sorte :

  • Une tablette est installée dans chaque salle à nettoyer.
  • Chaque opérateur de nettoyage est équipé d'un bracelet NFC.
  1. Quand un opérateur entre dans une salle, il passe son bracelet NFC devant la tablette.
  2. La tablette identifie l'opérateur, puis affiche les instructions de nettoyage.
  3. L'opérateur n'a plus qu'à nettoyer selon les instructions affichées à l'écran.

Résultat : L'usine a refusé ce scénario par crainte d'unepossible contamination bactérienne induite par l'introduction d'une tablette dans les salles à nettoyer. Fin du projet.

Idéation de scénario avec bracelets NFC
  • ✅ Design system : Conçu et intégré dans tous les designs de l'application.
  • ✅ Conception de l'application : L'application a été conçue de A à Z en applicant une méthodologie aussi rigoureuse que possible compte tenu du contexte de l'entreprise.
  • ✅ 4 verticales métier explorées et qualifiées. J'ai montré les plus pertinentes et celles pour lesquelles j'ai encore accès aux artefacts produits.
  • ❌ Application partiellement développée : L'application a été partiellement développée mais n'a jamais été mise en production sur le marché.
  • ❌ Echec business : Product market-fit non trouvé, aucun contrat signé.

Enseignements clés

  • Rigueur méthodologique que j'ai appliquée ensuite avec succès chez Smart-Rx et Meditect.
  • Capacité à travailler dans l'incertitude qui m'a beaucoup servi lors de mon expérience chez Meditect.
  • Importance d'étudier le marché avant de passer à la technique.

Pourquoi l'échec ? Le contexte spécifique de l'équipe , déjà expérimentée sur une solution de niche proche, pouvait faire croire que cette offre répondait à un problème. Si les domaines explorés, comme 2 verticales ci-dessus avaient de réels besoins, ils n'avaient pas le budget qui aurait pu lancer le produit sur le marché.

La leçon : la discovery ne sert pas qu'à concevoir, elle sert d'abord à explorer s'il y a un marché pour résoudre le problème identifié.

Mots-Clés

Ant Design Design System Gobelins Mobile Sketch Prototypage mobile React Js User Research UX Design