Retour
Refonte d'un outil médical
Objectif
En 2019, Unisanté a développé un outil d’aide à la décision clinique pour ses médecins à l’étranger. Ce logiciel médical vise à améliorer l’efficacité des diagnostics et la qualité des soins pour un million d’enfants pris en charge dans des centres de santé en Tanzanie et au Rwanda.
Avec le temps, une refonte UX/UI du logiciel est devenue essentielle pour garantir une expérience utilisateur·trice fluide et adaptée aux besoins du personnel médical.
Approche
J’ai divisé le projet en six phases, me permettant de comprendre le contexte actuel de l’outil, de récolter des insights clés auprès des utilisateur·trices, de proposer une nouvelle version et de concevoir l’intégralité de l’application.
Année
2024-2025
Entreprise
Unisanté
Scope
Recherche UX
Wireframing
Tests utilsateur·trice
Roadmapping
Type
Outils médical
Mon travail a commencé par une phase de recherche comprenant un audit de l’outil, des observations et des entretiens utilisateur·trice afin de comprendre les points de friction et les besoins des cliniciens.
Cette étape m’a également permis de me familiariser avec l’univers médical et de saisir le jargon ainsi que le lexique complexe utilisés dans l’outil.
J’ai pu récolter des informations essentielles, que j’ai analysées afin de formuler mes premières hypothèses. La première consistait à revoir le lexique utilisé dans l’interface, qui rendait certaines tâches confuses. La deuxième concernait la navigation, jugée peu logique et source de perte de temps pour les utilisateur·trices. Enfin, la dernière portait sur le design UI : peu intuitif, couleurs confuses, et manque de mise en avant des actions principales.
01
Cadrage de projet
Audit ergonomique, analyse des usages, tests utilisateur·trices et entretiens avec les équipes médicales
02
Recherche UX
Recherche utilisateur·trice approfondie, entretiens qualitatifs, création de personas et analyse des besoins spécifiques
03
Conception UX
Architecture de l’information optimisée, conception des parcours utilisateur·trices, définition des user flows et amélioration de la microcopie
04
Wireframing
Conception UX avec des wireframes desktop et mobile, tests utilisateur·trices pour valider l’ergonomie et l’intuitivité de l’interface
05
Design UI
Création des éléments graphiques, développement d’un design system cohérent et accessible pour garantir une identité visuelle adaptée
06
Prototypage
Prototypage des maquettes interactives, validation des concepts avec les parties prenantes et ajustements avant le développement final
J’ai donc travaillé sur le langage. Pour cela, j’ai mené un exercice de tri de cartes avec les cliniciens, ce qui nous a permis d’élaborer une première nomenclature.
Une fois celle-ci validée, j’ai défini les user flows principaux, que j’ai maquettés sous forme de wireframes en moyenne fidélité. Ceux-ci ont été testés et validés avec les utilisateur·trices. L’application comportait un grand nombre de parcours, et au vu de sa complexité, il était essentiel de valider toute la structure avant de passer au design.
Conception UX
Last but not least, je me suis lancée dans le design UI. L’ancienne interface n’avait aucun design défini. J’ai donc créé une nouvelle identité visuelle sobre, cohérente avec celle d’Unisanté et adaptée à l’univers médical.
J’ai réalisé tous les écrans en haute fidélité, accompagnés d’un prototype interactif permettant de faire vivre le look & feel de l’application et d’illustrer clairement les interactions aux développeurs.
J’ai également produit la documentation nécessaire, afin de permettre aux développeurs de travailler de manière autonome sur le développement de l’application.
Après mon départ, l’outil a été développé et mis en place. Aujourd’hui, il est toujours utilisé par les cliniciens. J’ai remporté le Prix de l’Excellence pour mon travail de bachelor, et cet outil a également été récompensé par un prix du Meilleur du Web dans la catégorie Technologie en 2022.
Design UI
Quelques outils utilisé durant le projet
