Il y a un petit rituel qui se rejoue chaque fois qu'une femme essaie Mademoiselle pour la première fois. Elle génère une coiffure. Elle regarde l'image. Puis, presque malgré elle, son pouce appuie. Maintenu une seconde. Relâché. Appuyé de nouveau.
Nous n'avons pas inventé ce geste. iOS entraîne les doigts au presser-maintenir depuis des années. Ce que nous avons fait, c'est concevoir un produit où le moment le plus chargé d'émotion vit derrière ce geste — et laisser les gens le découvrir comme on découvre un secret.
Le premier prototype était honnête, et un peu laid
Quand nous avons lancé Mademoiselle, la consigne de notre fondatrice était simple. Montrez aux femmes la version d'elles-mêmes qu'elles n'ont pas encore rencontrée.
L'interprétation la plus littérale, c'était un curseur de comparaison. Une ligne verticale au milieu de l'image. On glisse vers la gauche pour voir l'original, vers la droite pour voir la version générée. Nous l'avons mis entre les mains d'un petit groupe de test à Riyad fin 2025 et, à tous les indicateurs, c'était correct.
« Correct » est le mot le plus dangereux du design produit. Il signifie que la chose fonctionne. Il signifie aussi que personne n'en parlera jamais à une amie.
Le curseur a passé les tests « correctement ». Les chiffres étaient corrects. Personne ne s'est plaint. Personne n'a rien dit de mémorable non plus. Nous avons regardé des enregistrements d'utilisatrices glissant d'avant en arrière comme si elles inspectaient une photo de passeport. Il n'y avait pas de moment.
Ce qui clochait, exactement
Il nous a fallu une semaine pour le formuler. Le curseur était clinique. Il traitait l'image générée comme une affirmation à vérifier — voici la proposition, voici la preuve, glissez pour comparer. Ce cadrage est juste pour une application médicale. Il est faux pour un produit de beauté.
Un produit de beauté n'est pas un parcours de vérification. C'est une invitation. L'utilisatrice n'audite pas l'IA. L'utilisatrice rencontre une version possible d'elle-même.
Le pivot : presser-maintenir pour entrevoir
Une designeuse de notre équipe — Reem — a tracé un seul croquis sur une serviette en papier pendant le déjeuner. Juste un doigt qui appuie sur un téléphone, avec une petite légende : entrevoir l'original.
Cet après-midi-là, nous l'avons construit. Le vendredi, nous le testions. Le lundi suivant, nous savions.
Le geste fonctionne parce qu'il inverse la direction de l'effort. Avec le curseur, l'utilisatrice devait travailler activement pour comparer — glisser, relâcher, glisser encore. L'état par défaut était l'image générée, et voir l'original exigeait un labeur.
Avec le presser-maintenir, l'état par défaut reste l'image générée. Mais voir l'original devient désormais sans effort, et temporaire. On maintient pour entrevoir. On relâche, et la version générée reflue à sa place comme de l'eau. Le geste devient un petit acte de possession. Ce nouveau moi est le défaut désormais. L'ancien est un souvenir que je peux revisiter.
Le budget de latence
L'anticipation est une réalité du design d'interaction. Il existe un seuil — on peut débattre de savoir s'il est à quatre-vingts ou à cent millisecondes — au-delà duquel un geste cesse de paraître réactif et se met à ressembler à un changement d'état. Un clic de bouton. Un chargement de page.
Notre budget pour la révélation est de quatre-vingt-dix millisecondes, du contact du doigt à l'apparition du pixel original. Nous l'avons atteint du premier coup, parce que l'image d'origine est déjà en mémoire — nous l'avions avant même d'avoir la version générée. Aucun appel réseau. À peine de la logique. Une simple transition d'opacité en CSS, déclenchée par un gestionnaire pointerdown.
Ce qui nous a surprises
Trois choses, dans l'ordre de notre surprise.
Un. Les gens redécouvrent le geste. Elles pressent-maintiennent une fois pendant la prise en main. Puis, au quatrième ou cinquième écran, elles recommencent — pour vérifier. Comme si elles avaient besoin de confirmer que la version générée est toujours la même personne. Le geste est devenu une sorte de rituel d'ancrage.
Deux. Le geste se partage d'une manière qui échappait totalement au curseur. Les gens envoient à leurs amies des captures vidéo de Mademoiselle, et ces captures incluent la pression. On voit l'image générée, puis un bref éclair de l'original, puis de nouveau l'image générée. C'est un minuscule moment de théâtre. Le curseur n'a jamais été du théâtre.
Trois. Supprimer le curseur a raccourci notre page de réglages. Pas de bascule pour activer le mode comparaison. Pas de préférence pour l'affichage par défaut. Il y a un geste, le même pour chaque utilisatrice, sur chaque marché, sur chaque appareil. Réduire les options est presque toujours une délicatesse.
La règle que nous avons écrite ensuite
Une fois le presser-maintenir en place, nous avons rédigé un principe de design en une ligne, qui trône désormais en tête de notre bibliothèque Figma.
L'effort doit être à la hauteur de l'émotion. Les choses faciles doivent paraître n'être rien. Les choses importantes doivent ressembler à un souffle retenu.
Le presser-maintenir est un souffle retenu. Le relâchement est l'expiration. Le produit, c'est l'instant entre les deux.
C'est cela que nous construisons.
Questions fréquentes
Pourquoi ne pas avoir conservé le curseur côte à côte en option ?
Parce qu'une option est une excuse. Le curseur appartenait à un registre clinique où la marque n'allait jamais s'installer. Nous l'avons supprimé plutôt que de le cacher derrière un réglage.
Quel est le budget de latence pour la révélation ?
Moins de quatre-vingt-dix millisecondes, du contact du doigt à l'apparition de l'original. Au-delà, le geste cesse d'être un coup d'œil furtif et devient un changement d'état.
Avez-vous fait un test A/B face au curseur ?
Nous avons mené une série de tests qualitatifs avec huit utilisatrices. Le presser-maintenir a gagné à chaque session, sans exception. Les chiffres sont venus ensuite — d'abord, nous avons fait confiance au silence qui tombait sur la pièce.