Axis Vision
Axis Vision propose des suivis reposant sur la Pédagogie Neuro-Visuelle (PNV), un entraînement neurosensoriel reposant sur la vision.
Interventions
- Audit UI / UX
- Identité visuelle
- Rôles et parcours des différents types d’utilisateurs
- Wireframes (maquettes fonctionnelles)
- Prototype haute fidélité (maquettes graphiques)
- Specs techniques et fonctionnelles
Outils
- Figjam
- Figma
- Illustrator
Contexte & Objectifs
Axis Vision propose 2 applications complémentaires, B2B et B2C :
- une à destination des praticiens, pour la gestion des séances et des élèves accompagnés en présentiel ou à distance
- l’autre à destination des élèves, permettant de suivre la progression séance après séance, de consulter ses bilans et d’échanger avec son référant.
Lorsque l’équipe d’Axis Vision m’a contactée, ces applications étaient à l’état de MVP, une première version fonctionnelle et déjà utilisée par des praticiens PNV et leurs élèves.
Pour accompagner le développement du projet, il était nécessaire d’opérer une refonte en profondeur des applications, en poursuivant plusieurs objectifs :
- Clarifier les parcours utilisateurs pour réduire le temps d’accès aux informations clés
- Unifier l’identité visuelle entre les deux applications pour renforcer la crédibilité de la marque
- Améliorer la lisibilité et l’accessibilité, notamment sur les terminaux mobiles
- Moderniser l’interface tout en conservant une esthétique sobre et rassurante, adaptée au milieu médical
- Optimiser la compréhension des données visuelles (graphiques, mesures, bilans)
Contraintes
Plusieurs contraintes techniques et stratégiques ont orienté la conception :
- Respect de la charte graphique existante
- Prise en compte des spécificités secteur d’activité
- Intégration no-code (développement sur Bubble)
- Prise en compte des interfaces physiques : l’application reste un élément central avec l’appareil puisque tout deux représentent les interfaces physiques avec les utilisateurs.
Méthodologie
👉 Audit UI & UX
- Entretiens et ateliers avec les utilisateurs principaux (praticiens / élèves) pour identifier leurs besoins, frustrations et attentes
- Benchmark : comparaison avec d’autres applications santé et bien-être / outils concurrents pour repérer les bonnes pratiques du marché et les pistes d’innovation
- Analyse heuristique des deux applications existantes (praticiens / élèves)
Lors de l’audit initial, plusieurs irritants ont été identifiés :
- Interface datée, peu cohérente visuellement entre les deux applications
- Navigation complexe : les utilisateurs mettaient du temps à accéder à l’information recherchée
- Manque de hiérarchie visuelle et surcharge de l’information
- Manque d’adaptabilité mobile, alors que de nombreux praticiens consultaient via tablette ou smartphone
- Identité graphique peu rassurante dans un contexte de santé exigeant en matière de fiabilité et de confiance
Nous avons également identifié et priorisé les fonctionnalités à améliorer et à ajouter.
👉 Rôles & Parcours utilisateurs
Afin d’assurer une expérience fluide et pertinente pour chaque profil, une réflexion a été menée sur la hiérarchie des rôles et des droits associés.
Cette étape visait à concevoir des interfaces adaptées à chaque type d’utilisateur, sans surcharge d’informations ni fonctionnalités inutiles, en fonction de leur besoin et responsabilités.
En complément de la définition des rôles, la modélisation des parcours clés vise à identifier les actions principales, les points de friction et les dépendances entre écrans, afin d’assurer une expérience fluide et logique pour chaque profil.
Un user flow a été créé pour chaque scénario critique, comme :
- L’ajout d’un élève (cas illustré ci-dessous),
- La création d’une entreprise,
- L’organisation d’une séance de suivi.
La formalisation de ces parcours a servi de base à la création des wireframes fonctionnels, garantissant une hiérarchie claire des informations et une réduction du nombre de clics nécessaires pour accomplir les tâches récurrentes.
👉 Maquettes fonctionnelles
Des wireframes ont permis de tester plusieurs approches (structure des pages et interactions entre les éléments) avant de passer aux maquettes graphiques. Un soin particulier a été apporté à :
- la simplification des tableaux et formulaires,
- une hiérarchie visuelle plus lisible,
- la cohérence d’expérience entre interfaces patient et praticien.
La création de prototypes cliquables a permis de tester les principaux flux de navigation (formats desktop et mobile).
👉 Maquettes graphiques
- Élaboration d’une charte graphique / style guide : typographie, palette de couleurs, composants UI (boutons, formulaires, notifications)
- Composants UI uniformisés : boutons, formulaires, tableaux, graphiques, notifications.
- Création d’un kit UI complet pour garantir la cohérence future entre les deux applications
- Conception des écrans finaux (haute fidélité), avec attention portée à la hiérarchie visuelle, à la clarté, à la cohérence entre les écrans.
- Adaptation responsive : design pour mobiles, tablettes, desktop.
👉 Tests utilisateurs
Des tests utilisateurs ont été menés auprès d’un panel de praticiens et de patients sur la nouvelle interface :
- Validation des flux principaux
- Vérification des fonctionnalités clés
Les retours ont permis d’ajuster la taille de certains éléments, les contrastes et la hiérarchie typographique pour renforcer l’accessibilité.
Résultats
👉 Application Praticiens
Côté expérience utilisateur, la refonte de l’espace praticien a permis :
- Une adoptation de l’outil plus rapide grâce à la simplification des menus et la mise en avant des actions clés
- Une utilisation plus efficace grâce à une meilleure hierarchisation visuelle et une restructuration des parcours pour rapprocher les options fréquemment utilisées
👉 Application Élèves
L’application a destination des élèves a également été entièrement refondue. Voici ses fonctionnalités clés :
- Suivis des séances en cours et à venir
- Réalisation d’une séance à distance : aide à l’installation et bilan envoyé au praticien
- Historique des séances validées
- Accès à des ressources multimédia pour approfondir la pratique
- Messagerie avec le praticien référent
- Compte élève
