Revue de l’Onboarding
Expérience
d’Onboarding
Un parcours étape par étape de l’expérience d’inscription sur l’application Impact Stadium, telle que vécue par un utilisateur découvrant l’application pour la première fois sur un appareil Android. Ce sont les problèmes apparus dès les premières minutes, avant même qu’une analyse approfondie ne soit nécessaire.
📅 19 mars 2026
👤 OP Systems
📄 Brouillon v2
Aperçu par Sévérité
5
Critique
6
Élevé
1
Modéré
18
Étapes Analysées
Notre Cadre d’Analyse
Trois Principes de Référence
Chaque constat ci-dessous est analysé en fonction de trois principes fondamentaux issus de la psychologie du design. Lorsqu’ils ne sont pas respectés, les utilisateurs perdent confiance en l’application.
◆ Hiérarchie Agressive
Un point focal dominant par écran. Guider le regard sans ambiguïté.
○ Sobriété Intentionnelle
Savoir ce qu’il faut retirer. Chaque élément doit mériter sa place.
✦ Micro Détails
Les utilisateurs jugent la qualité par le soin des détails. Les mauvais détails érodent la confiance.
Parcours Étape par Étape
Le Parcours
01
Premier Contact : L’Écran d’Accueil

C’est la première chose qu’un nouvel utilisateur voit après avoir installé l’application depuis le Google Play Store. L’intention est claire : amener l’utilisateur à saisir son adresse e-mail et commencer l’inscription. L’exécution, cependant, va immédiatement à l’encontre de cet objectif.
L’écran est encombré. Les logos de sponsors, les marques et le bruit visuel rivalisent pour capter l’attention de l’utilisateur au moment précis où cette attention est la plus précieuse. C’est une violation directe de la Hiérarchie Agressive, le principe selon lequel chaque écran doit avoir un point focal dominant unique qui guide le regard sans ambiguïté.
Les logos de sponsors ont leur place sur un site web, sur des supports marketing, dans un programme de match. Ils n’ont pas leur place sur un écran d’inscription. Leur présence ici signale à l’utilisateur, de manière inconsciente mais puissante, que cet écran n’a pas été conçu en pensant à lui.
⚠ Principe de Design Transgressé : Hiérarchie Agressive
Le seul objectif d’un nouvel utilisateur sur cet écran est de commencer son inscription. Chaque élément qui ne sert pas directement cet objectif dilue l’expérience et réduit la probabilité de finalisation.
Conséquence Commerciale
Les utilisateurs qui se sentent hésitants dès le premier écran n’atteignent pas le deuxième.
02
Le Formulaire d’Inscription

Après avoir appuyé sur le bouton d’inscription, l’utilisateur arrive au formulaire d’inscription. C’est ici que la première défaillance technique critique se révèle.
L’adresse e-mail saisie sur l’écran précédent n’est pas reportée sur cette page. L’utilisateur doit la saisir à nouveau intégralement. Ce n’est pas un désagrément mineur. C’est une promesse non tenue.
C’est d’autant plus important que la confiance dans un produit numérique se construit par de petits signaux cohérents de compétence. Lorsqu’un système ne peut pas se souvenir de ce que vous avez saisi cinq secondes auparavant, une question inconfortable se pose : « S’il ne peut pas gérer cela, peut-il gérer mes coordonnées bancaires ? »
✕ Défaillance UX Critique : Rupture du Flux de Données
L’adresse e-mail saisie sur l’écran d’accueil n’est pas transmise au formulaire d’inscription. L’utilisateur doit ressaisir ses informations, créant une friction inutile au tout premier moment d’engagement.
03
Le Piège de la Casse

L’utilisateur a désormais saisi son adresse e-mail deux fois. Une erreur s’affiche : les adresses « ne correspondent pas ». La seule différence entre les deux saisies est un M majuscule dans le premier champ et un m minuscule dans le second.
Les adresses e-mail sont, selon le standard technique mondial (RFC 5321), insensibles à la casse. Utilisateur@exemple.com et utilisateur@exemple.com sont la même adresse. Il n’y a aucune zone grise.
C’est une défaillance de Micro Détails aux conséquences majeures. Une règle de validation techniquement erronée ne crée pas seulement de la friction. Elle signale à l’utilisateur que le produit n’a pas été construit avec soin.
⚠ Erreur Technique : Validation E-mail Sensible à la Casse
La comparaison des adresses e-mail est incorrectement sensible à la casse. Cela rejettera silencieusement des inscriptions valides et poussera de vrais utilisateurs à abandonner le processus.
04
Rejet d’une Adresse E-mail Valide

Après avoir résolu le problème de casse, l’utilisateur rencontre une seconde erreur de validation : l’adresse e-mail est décrite comme « non valide ». L’adresse en question contient un signe plus, une fonctionnalité de Gmail et de nombreux autres fournisseurs qui permet de créer des alias (ex. nom+appname@gmail.com).
L’adressage avec signe plus est une fonctionnalité légitime et largement utilisée du standard e-mail. Le rejeter n’est pas une décision de conception prudente. C’est un bug qui exclut activement un segment d’utilisateurs.
⚠ Erreur Technique : Validation E-mail Trop Restrictive
Le formulaire d’inscription rejette incorrectement les adresses e-mail contenant le caractère +. Ces adresses sont valides selon la RFC 5321.
Effet Cumulatif
L’utilisateur s’est désormais vu dire que son e-mail était erroné, deux fois, pour des raisons qui sont entièrement la faute du système. Sa confiance dans le produit s’érode à chaque écran.
05
Signaux Contradictoires

Les erreurs de validation persistent à l’écran, mais le bouton S’inscrire reste actif et cliquable. L’utilisateur se voit simultanément indiquer que sa saisie est invalide et autorisé à continuer comme si elle ne l’était pas.
Cette contradiction est profondément déstabilisante du point de vue de l’expérience utilisateur. Elle communique que le système ne connaît pas ses propres règles.
⚠ Incohérence UX : État de Validation Contradictoire
Le formulaire affiche des erreurs de validation tout en permettant simultanément à l’utilisateur de soumettre. Soit la saisie est valide et les erreurs doivent disparaître, soit elle est invalide et le bouton doit être désactivé.
06
Abandon Forcé de l’Application

L’utilisateur a traversé cinq écrans de friction et arrive enfin au bout du formulaire d’inscription. Le système lui demande maintenant de quitter complètement l’application, de basculer vers son client e-mail, de trouver le message de vérification et de cliquer sur un lien.
ℹ Contexte Industrie
La vérification par e-mail est une mesure de sécurité légitime. Toutefois, l’expérience utilisateur autour de cette étape doit être fluide. Le deep linking, la capacité pour un lien d’e-mail de s’ouvrir directement dans l’application, est le standard attendu.
07
L’Application S’ouvre dans un Navigateur Web

L’utilisateur clique sur le lien de vérification dans son e-mail. Au lieu que l’application Impact Stadium s’ouvre, c’est Microsoft Edge qui ouvre une page web.
C’est le moment où le problème architectural fondamental devient indéniable. L’application Impact Stadium n’est pas une application native. C’est un site web encapsulé dans une coquille d’application.
- L’utilisateur ne peut pas être redirigé vers l’app après la vérification
- Les identifiants enregistrés sur cet écran sont sauvegardés dans le navigateur, pas dans l’app
- Les fonctionnalités natives (Apple Pay, Google Pay, authentification biométrique, notifications push) sont inaccessibles
- L’expérience ne ressemblera jamais à une vraie application, parce que ce n’en est pas une
✕ Problème Architectural : Wrapper WebView Sans Deep Linking
L’application est construite comme un wrapper WebView autour d’un site web. Ce n’est pas un problème de configuration. C’est une décision architecturale fondamentale aux conséquences profondes.
Réalité Commerciale
Les utilisateurs redirigés vers un navigateur pendant l’onboarding vivent une rupture brutale de contexte. Beaucoup fermeront le navigateur, se retrouveront sur leur écran d’accueil et ne sauront pas comment continuer.
Un wrapper WebView peut paraître économique. En pratique, c’est l’erreur la plus coûteuse du projet, car aucune somme d’argent ne peut réparer une réputation. Une application médiocre ne se contente pas de ne pas générer de revenus, elle les empêche activement.
8–9
Navigation dans le Navigateur


L’utilisateur navigue désormais dans ce qu’il croit être son application, mais qui est en réalité une page web dans Microsoft Edge.
⚠ Principe de Design Transgressé : Sobriété Intentionnelle
Chacun de ces écrans tente de communiquer trop de choses à la fois. Le résultat : rien ne communique efficacement.
10
Mot de Passe Enregistré dans le Navigateur, Pas dans l’Application

Microsoft Edge propose à l’utilisateur de sauvegarder son mot de passe. Il accepte. Le mot de passe a été enregistré dans le gestionnaire de mots de passe du navigateur, pas dans l’application Impact Stadium. La prochaine fois que l’utilisateur ouvrira l’application, il devra se reconnecter intégralement.
✕ Défaillance UX Critique : Session Non Persistée dans l’Application
Les identifiants enregistrés lors du flux de vérification par navigateur sont stockés dans le navigateur, pas dans l’application. Lorsque l’utilisateur rouvrira l’application, il se retrouvera déconnecté, sans explication.
11–16
Le Second Onboarding : Six Écrans de Texte Obligatoire






La philosophie de design d’Apple est sans ambiguïté sur ce point : si vous devez expliquer comment utiliser votre application, votre application n’est pas bien conçue. Un carrousel d’onboarding de six écrans est un manuel d’instructions.
Les utilisateurs ne lisent pas. Ils scannent. Ils cherchent un signal unique et clair leur indiquant qu’ils sont au bon endroit. Au dernier écran du carrousel, l’utilisateur n’a pas lu les informations. Il cherche le bouton qui lui permettra de continuer. Chaque mot sur cet écran a été écrit pour personne.
⚠ Sobriété Intentionnelle : Seconde Séquence d’Onboarding
Une seconde séquence d’onboarding après l’inscription n’est pas une fonctionnalité. C’est un symptôme. Elle signale que l’interface principale n’est pas auto-explicative.
Standard de l’Industrie
De l’installation à la première action
Expérience Actuelle
Avec erreurs & redirections
Risque de Conversion
Le processus d’onboarding a désormais accumulé suffisamment de friction pour transformer de potentiels nouveaux utilisateurs enthousiastes en utilisateurs frustrés.
17
Dans l’Application : Le Tableau de Bord

L’utilisateur est enfin dans l’application. Au lieu d’un tableau de bord clair, il découvre un tableau de bord dense, non structuré et visuellement écrasant. Il n’y a pas de hiérarchie claire. Remarquez également la barre d’adresse de navigateur visible en haut de l’écran.
✕ Principe de Design Transgressé : Hiérarchie Agressive
Le tableau de bord présente chaque fonctionnalité avec le même poids visuel. En l’absence d’un point focal clair, les utilisateurs suivent le chemin de moindre résistance : fermer l’application.
Priorité Commerciale
Ce tableau de bord est la dernière barrière entre un utilisateur inscrit et son premier achat. Sa conception doit être traitée comme une priorité commerciale directe.
18
Fermer et Rouvrir l’Application

L’utilisateur ferme l’application et retourne à son écran d’accueil. Il appuie sur l’icône Impact Stadium pour revenir. Il se retrouve face à l’écran d’inscription. Il n’est pas connecté. La session n’a pas persisté.
✕ Défaillance Critique : Aucune Persistance de Session
Un utilisateur ayant entièrement finalisé son inscription et sa vérification se voit présenter l’écran d’inscription lorsqu’il rouvre l’application. C’est le moment le plus destructeur de confiance de tout le parcours.
Réalité Architecturale
Il n’existe aucune solution UX pour cela. Aucun changement de texte, aucune refonte visuelle ne peut atténuer les dégâts. Cela nécessite une solution architecturale.
Synthèse
Constats en un Coup d’Œil
| Étape | Problème | Sévérité |
|---|---|---|
| 01 | Écran d’accueil encombré violant la Hiérarchie Agressive | Élevé |
| 02 | E-mail non reporté entre les écrans ; l’utilisateur doit le ressaisir | Élevé |
| 03 | Validation e-mail sensible à la casse, techniquement incorrecte | Critique |
| 04 | Adresses e-mail avec signe + rejetées, adresses valides exclues | Critique |
| 05 | Erreurs de validation affichées avec un bouton de soumission actif | Modéré |
| 06 | L’utilisateur est forcé de quitter l’app pour la vérification e-mail | Élevé |
| 07 | Pas de deep linking : le lien de vérification s’ouvre dans le navigateur | Critique |
| 8–9 | Expérience dans le navigateur sans hiérarchie visuelle | Élevé |
| 10 | Mot de passe enregistré dans le navigateur, pas l’app | Critique |
| 11–16 | Seconde séquence d’onboarding : 6 écrans de texte obligatoire | Élevé |
| 17 | Le tableau de bord n’a pas de hiérarchie, pas de point focal dominant | Élevé |
| 18 | Session non persistée : l’utilisateur inscrit doit se réinscrire | Critique |
Recommandations
Marche à Suivre
Urgent
Actions Immédiates : Avant Tout Autre Travail
Corriger la validation e-mail : supprimer la sensibilité à la casse, accepter les adresses avec signe +
Reporter l’e-mail entre les écrans : transmettre automatiquement l’adresse saisie sur le premier écran au formulaire d’inscription
Implémenter la persistance de session : un utilisateur inscrit et vérifié ne doit plus jamais revoir l’écran d’inscription
Sprint Suivant
Actions à Court Terme
Implémenter le deep linking : les liens des e-mails de vérification doivent ouvrir l’application, pas le navigateur
Supprimer le carrousel d’onboarding : réduire à un écran maximum, ou l’éliminer entièrement
Repenser l’écran d’accueil : un point focal, une action, rien d’autre
Stratégique
Actions à Moyen Terme : Architecture
Évaluer l’architecture WebView : une reconstruction native (React Native ou Flutter) est le seul chemin vers Apple Pay, Google Pay, l’authentification biométrique et les notifications push
Repenser le tableau de bord selon la Hiérarchie Agressive : une action dominante, un flux visuel clair, de l’espace blanc utilisé délibérément
Implémenter un onboarding contextuel : présenter l’aide au moment où elle est pertinente, pas comme une séquence obligatoire préalable
