UX - UI - medical place.

Dans le cadre de mon alternance au sein de medical place, j'ai eu le plaisir de réaliser de monbreux écrans. Medical place est une entreprise de mise en relation entre des fournisseurs de matériel médical et des médecins. Voici quelques avant/après pour donner un apperçu de mon travail :

Audit primaire

Placeholder image à remplacer

A mon arrivée à medical place, j'ai réalisé un audit. Cet audit m'a permis de relever un certain nombre de points bloquants, que je me suis attachée à corriger au fur et à mesure du travail sur chaque écran.

Ci dessus, un exemple de problème relevé : Trop de types de boutons différents, pas harmonisés. Pas de cohérence ni de priorisation, l'oeil ne sait pas où regarder pour effectuer une action. Des onglets ont la même apparence que des boutons, alors que l'action souhaitée n'est pas la même (un bouton sert généralement à valider ou confirmer une action, un onglet permet de naviger entre deux sous-parties d'une page)...

Refonte d'une page "moteur de recherche"

Placeholder image à remplacer

La page principale de l'application pouvait être améliorée. Certains éléments (des boutons et des filtres) prenaient beaucoup trop de place sur l'écran par rapport au résultats de recherche. De plus, nos utilisateurs avaient besoin de pouvoir effectuer une recherche plus libre. J'ai donc proposé une barre de recherche, avec des filtres rétractables et d'autres éléments plus petits.
Après plusieurs propositions, cette version a été celle choisie en attendant l'installation d'un système de recherche par mots-clés (plus simple pour l'utilisateur).

Refonte d'une page "fiche technique complexe"

Placeholder image à remplacer

La refonte des fiches techniques a été un challenge, car il y a beaucoup d'informations à afficher. De façon globale, nos utilisateurs nous remontaient une complexité d'utilisation, donc l'objectif était de simplifier les choses pour un utilisateur.
Nous avons donc modifié la partie récapitulative, en rajoutant du visuel pour un repérage plus simple. Augmentation des espaces de respiration pour diminuer le sentiment de se perdre dans trop d'informations. Le contenu des différents onglets a été réuni sur une seule page. Les information importantes en haut, hiérarchisées.

Résultats : Diminution du nombre de clics pour accéder au contenu, rassurage visuel, simplification visuelle et de navigation.

Travail sur le parcours utilisateur

Placeholder image à remplacer

Cette partie illustre un travail plus profond de recherche UX pour la mise en place d'un module. Ce module, "Je m'installe" a pour but de faciliter l'installation des professionnels de santé. Une première version a été faite en vitesse, mais j'ai eu l'occasion d'approfondir ce module lors de mon mémoire de dernière année. Si vous souhaitez en savoir plus, une version simplifiée est disponible ici.

Ci-dessus, à gauche, la liste des filtres à afficher sur une carte pour voir et comparer différents critères. À droite, un wireframe avec l'accompagnement du professionnel sur son projet de A à Z, avec un guidage grâce à un wizard (ligne ressemblant à une timeline indiquant toutes les étapes à suivre).