Conception de l’application logistique miniCéphée
Quoi ?
Solutions UX/UI adaptées à une application dédiée à la logistique
Comment ?
Adobe XD – Interviews et analyse terrain – Ateliers de co-création
miniCéphée est une application destinée aux préparateurs de commande de Materiel.net, déployée sur les terminaux de type Zebra sous Android et utilisée quotidiennement en entrepôt.
Le contexte : l’application utilisée pour la préparation de commande chez Materiel.net était obsolète, générant frustration et perte de temps pour les équipes logistiques.
La solution envisagée: une refonte UX/UI complète de l’outil, conçue directement auprès des préparateurs.
Mon rôle : en tant que Designer UX/UI, j’ai apporté mon expertise auprès des ingénieurs projets (orientés gestion et développement) dans la conception de l’application.
Mes objectifs : concevoir une expérience fluide et sans friction dans un environnement d’entrepôt, fiabiliser les étapes de picking, réduire le temps de préparation des commandes et améliorer le confort des équipes.
Immersion terrain et recherche utilisateur
Analyse et compréhension du métier
Pour concevoir un outil réellement adapté, j’ai effectué une phase d’immersion en entrepôt, en interviewant des préparateurs et en suivant une tournée de picking complète. J’ai ainsi pu directement observer les contraintes rencontrées et la version précédente de l’outil utilisé :
Verbatim
« Lors d’une commande, j’ai trop de boutons sur lesquels cliqués, et certaines fois, ça sert à rien, ça me fait perdre du temps. »
« Parfois ça plante, par exemple là je scanne un produit et il ne se passe rien, il y a aucune info, on doit redémarrer le scan, et si les produits avant n’ont pas été enregistrés, on doit tout recommencer. »
« Les boutons sont trop petits, on porte des gants de sécurité, on appuie pas toujours là où il faut. »
Identifier les irritants et les leviers UX
Cette immersion m’a permis de cartographier les points de friction de l’application existante : navigation confuse, étapes superflues, latences, absence d’informations et de fonctionnalités critiques, comme la gestion de commandes multiples. Des irritants qui ralentissaient les équipes et généraient de la frustration au quotidien. Autant de points d’amélioration à prendre en compte.
Conception du parcours de picking
Cadrer les étapes du workflow
J’ai structuré le parcours utilisateur autour d’étapes clés : préparation du chariot, picking du produit dans le bac adéquat et dépose du chariot en zone d’emballage ou de consolidation. Chaque écran accompagne et guide le préparateur avec des indicateurs visuels et des messages lisible en toute circonstance.
Fluidifier la préparation, du début à la fin
Le fonctionnement proposé repose sur un principe simple et visuel : un bac coloré attribué à une commande. Le préparateur scanne ses bacs en début de tournée, puis l’application guide chaque picking produit à son emplacement précis (allée, étagère, casier), avant d’indiquer le bac de couleur correspondant. Des messages clés ponctuent l’expérience aux moments opportuns.
Prévoir les imprévus
Un menu dédié permet au préparateur de signaler un problème (comme un produit manquant), de passer un produit pour y revenir en fin de picking (en cas de difficulté d’accès par exemple) ou de prendre une pause.
Cette flexibilité, identifiée lors de l’immersion, était essentielle pour coller à la réalité du terrain.
Des interfaces adaptées au contexte
Les éléments UI
Les éléments clés, comme les CTA ou les actions à réaliser, sont disposés toujours au même endroit sur les interfaces pour éviter de perdre l’utilisateur.
Le choix des couleurs a été guidé par les contrastes, y compris dans des conditions d’éclairage variables et les informations système, niveau de batterie et état de la connexion au Wi-Fi, sont toujours affichées en haut de l’écran, visible en un coup d’œil.
Les feedbacks
Indispensables pour fiabiliser les actions réalisées, les feedbacks sécurisent les étapes de préparation. Ils sont à la fois visuels avec des messages de confirmation en vert et des messages d’erreur en rouge, et également tactiles avec des vibrations de l’appareil, les préparateurs ne regardant pas toujours l’écran à chaque action de scan.