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

5

Critique

6

Élevé

1

Modéré

18

Étapes Analysées


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.


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.


Constats en un Coup d’Œil

ÉtapeProblèmeSévérité
01Écran d’accueil encombré violant la Hiérarchie AgressiveÉlevé
02E-mail non reporté entre les écrans ; l’utilisateur doit le ressaisirÉlevé
03Validation e-mail sensible à la casse, techniquement incorrecteCritique
04Adresses e-mail avec signe + rejetées, adresses valides excluesCritique
05Erreurs de validation affichées avec un bouton de soumission actifModéré
06L’utilisateur est forcé de quitter l’app pour la vérification e-mailÉlevé
07Pas de deep linking : le lien de vérification s’ouvre dans le navigateurCritique
8–9Expérience dans le navigateur sans hiérarchie visuelleÉlevé
10Mot de passe enregistré dans le navigateur, pas l’appCritique
11–16Seconde séquence d’onboarding : 6 écrans de texte obligatoireÉlevé
17Le tableau de bord n’a pas de hiérarchie, pas de point focal dominantÉlevé
18Session non persistée : l’utilisateur inscrit doit se réinscrireCritique

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