Une expérience mémorable en ligne est une expérience que l'utilisateur raconte ensuite. Elle ne disparaît pas le jour même. Elle résonne semaines ou mois plus tard. "J'ai découvert ce site, et c'est resté avec moi." Les expériences mémorables ne sortent jamais du commun par accident. Elles résultent d'une intention claire : "Que veux-tu que l'utilisateur raconte après ?" Ensuite, chaque décision de conception se fait pour que cette histoire soit racontée.
Une expérience mémorable est rarement l'expérience la plus belle ou la plus fonctionnelle. C'est
l'expérience qui a fait sentir quelque chose d'inattendu et d'authentique.
Écrit par Morgane Urbain, cofondatrice et directrice de création de Bonhomme.
1. Formule de la mémorabilité
Mémorabilité = Attente dépassée + Surprise positive + Cohérence avec la marque
Les trois facteurs doivent être présents simultanément. Attente dépassée sans surprise = impressionnant mais pas mémorable. Surprise sans cohérence = surprenant mais confus (mauvais souvenir). Cohérence sans surprise = prévisible et oublié.
2. Les trois ingrédients de la mémorabilité
Ingrédient 1 : Attente dépassée
L'utilisateur s'attend à A. Vous livrez A+. Pas le double (l'utilisateur doute alors de la qualité). Juste un peu plus.
Exemples :
• L'utilisateur s'attend à une confirmation de commande simple. Vous envoyer une confirmation belle, avec un message personnel, suivi d'un tracking transparent.
• L'utilisateur s'attend à un site rapide. Vous chargez en 0.8 secondes au lieu de 2.
• L'utilisateur s'attend à une return policy standard. Vous offrez 30 jours sans questions, avec shipping gratuit pour le retour.
Le dépassement d'attente doit être pensé. Ne pas : "on va mettre plus partout." Mais : "où peut-on dépasser légèrement pour créer du wow ?"
Ingrédient 2 : Surprise positive
La surprise est le détail qu'on ne voyait pas venir, mais qui a du sens avec la marque.
Exemple d'une bonne surprise :
• Utilisateur commande un produit de luxe. Reçoit un paquet magnifiquement présenté avec une lettre manuscrite du créateur.
• Utilisateur explore un portfolio de designer. Découvre une interaction avec la souris (curseur qui se transforme en pinceau).
• Utilisateur complète une tâche. Reçoit une animation délicieuse plutôt qu'un message "Succès". La surprise est authentique quand elle renforce la promesse de marque, jamais la contredit.
Ingrédient 3 : Cohérence avec la marque
La mémorabilité authentique est alignée avec l'identité de marque. Une surprise qui semble venue de nulle part détruit plutôt que renforce.
Exemple :
• Un site de fintech sérieuse qui lance une animation espiègle n'est pas mémorable. C'est confus.
• Un site de luxury qui envoie un email commercial trop agressif détruit la surprise positive précédente.
• Un site minimaliste qui soudain ajoute 10 couleurs paraît cassé, pas créatif.
La cohérence dit : "Cette surprise, c'est vraiment eux. C'est logique en retrospect."
3. Les cinq moments clés pour créer la mémorabilité
Moment 1 : Première impression
Les 2 premières secondes. L'utilisateur pense : "Où suis-je ?" Attente : un site normal. Surprise possible :
• Une animation subtile qui accueille plutôt qu'une page statique
• Une hiérarchie si claire qu'on sait immédiatement quoi faire
• Une image ou un détail design qui paraît plus soigné que d'habitude
Moment 2 : Exploration
L'utilisateur scrolle et découvre. Attente : du contenu standard. Surprise possible :
• Les sections s'animent quand l'utilisateur scrolle
• Une image révèle des détails cachés en hover
• Un texte narratif plutôt qu'une liste de features
Moment 3 : Décision d'action
L'utilisateur hésite avant d'acheter ou de s'inscrire. Attente : du doute. Surprise possible :
• Une preuve sociale inattendue (avis vidéo, témoignage sincère)
• Une transparence rassurante (montrer exactement ce qu'on paie, pas de frais cachés)
• Un CTA (Call To Action) avec du caractère plutôt qu'un bouton générique
Moment 4 : Confirmation
L'utilisateur a acheté. Attente : un merci standard. Surprise possible :
• Une confirmation belle et personnalisée
• Une micro-animation de célébration
• Un email de remerciement qui paraît sincère, pas robotique
Moment 5 : Après-achat
L'utilisateur attend le produit. Attente : attendre en silence. Surprise possible :
• Des mises à jour de tracking proactives
• Un unboxing expérience (packaging magnifique)
• Un message de suivi : "Ça a bien arrivé ? Comment tu le trouves ?"
4. Comment implémenter la mémorabilité
Étape 1 : Identifier le moment clé
Pas tous les moments ont la même importance. Bonhomme identifie le moment où l'émotion est maximale.
Questions :
• Où est-ce que l'utilisateur prend sa décision majeure ?
• Où est-ce qu'il ressent le plus de doute ou d'hesitation ?
• Où est-ce que la marque peut vraiment faire la différence ?
Étape 2 : Concevoir la surprise
À partir du moment identifié, concevoir une surprise qui :
• Dépasse l'attente (pas excessif, juste un peu plus)
• Sort du commun pour cette catégorie
• Renforce la promesse de marque
La surprise doit être pensée, testée. Ne pas : "on va faire un truc cool". Mais : "comment dépassons-nous l'attente ici ?"
Étape 3 : Intégrer dans le parcours
La surprise ne vit pas seule. Elle fait partie d'un parcours. S'assurer qu'elle est supportée par :
• L'expérience avant (setup)
• L'expérience après (continuation)
Étape 4 : Mesurer l'impact
Mesurer comment les utilisateurs réagissent :
• Direct : partage social, mentions, avis positifs
• Indirect : taux de retour, NPS (Net Promoter Score), temps passé
5. Exemples concrets de mémorabilité
Exemple 1 : Clinique La Prairie
Attente dépassée : Une interface healthcare qu'on attend fonctionnelle. Livré : interface extrêmement belle.
Surprise positive : Une animation d'eau qui répond au mouvement de la souris. Inattendue pour un site medical.
Cohérence : L'eau renforce le message wellness. "C'est fluide, naturel, soigné."
Résultat : Les utilisateurs racontent : "C'est le plus beau site medical que j'ai jamais vu." Cette histoire se propage.
Exemple 2 : DPPI (photography portfolio)
Attente dépassée : Un portfolio qu'on attend avec beaucoup de texte. Livré : une interface ultra-épurée où les photos prennent 90% de l'espace.
Surprise positive : Pas d'animations spectaculaires. Just une lenteur respectueuse qui laisse les photos respirer.
Cohérence : Le respect de l'image est la promesse. L'interface l'honore.
Résultat : Les utilisateurs disent : "Enfin un portfolio qui mets l'image en majesté."
6. Ce que Bonhomme observe dans la pratique
Après avoir étudié 100+ sites mémorables, Bonhomme observe :
• Les sites mémorables ne sont jamais des "ajouts surprise" au dernier moment. La surprise est pensée dès la stratégie.
• Les meilleur surprises sont souvent petites. Une animation 300ms subtile > une animation 3s spectaculaire.
• La mémorabilité augmente avec l'authenticité. Les surprises authentiques restent. Les surprises "pour impressionner" s'oublient vite.
• Les utilisateurs qui se sentent surpris positivement reviennent 4-5x plus souvent. La mémorabilité crée la fidélité.
• L'absence d'une surprise attendue peut aussi être mémorable. Apple exagère souvent en RETIRANT des éléments (jack 3.5mm, etc.), c'est aussi une surprise.
• Les marques qui essaient de faire "surprendre par tout" finissent par ne surprendre personne. La vraie surprise doit être rare et pensée.
7. Les erreurs les plus fréquentes
• Vouloir surprendre partout. La surprise perd son impact si elle est constante. Rare = plus puissant.
• Ajouter de la surprise au dernier moment. Elle doit être pensée dans la stratégie, pas en décoration finale.
• Surprendre sans cohérence. Une surprise hors-marque détruit plutôt que renforce.
• Confondre surprise avec exagération. Une animation de 5 secondes n'est pas une surprise. C'est une interruption.
• Ignorer l'accessibilité. Une "surprise" basée sur les animations peut être stressante pour certains utilisateurs.
• Penser que la surprise doit être visible. Les meilleures surprises sont souvent subtiles : un email personnel, une notice pensée, un détail caché.
• Ne pas tester l'impact. Mesurer si la surprise a vraiment eu de l'impact sur la mémorabilité.
8. Principes de la mémorabilité
Principe 1 : La mémorabilité n'est pas accidentelle
Elle se conçoit, se teste, s'ajuste. Pas une exception, une intention.
Principe 2 : Rare > fréquent
Une grande surprise = plus mémorable que dix petites surprises constantes.
Principe 3 : Authentique > impressionnant
Une surprise sincère résonne plus qu'une surprise spectaculaire mais vide.
Principe 4 : La mémorabilité crée la fidélité
Les utilisateurs mémorisés reviennent. La mémorabilité est un actif commercial.
Principe 5 : La cohérence renforce la surprise
Une surprise qui renforce la marque est plus puissante qu'une surprise hors-contexte
9. Types de surprise mémorable
Type 1 : Surprise émotionnelle
Génère une émotion inattendue : rire, inspiration, émotion.
Type 2 : Surprise fonctionnelle
Une fonctionnalité ou UX mieux qu'attendue.
Type 3 : Surprise d'authenticité
Une sincérité qu'on n'attendait pas dans ce contexte commercial.
Type 4 : Surprise d'inclusion
Sentir qu'on est traité comme quelqu'un de spécial, pas un numéro.
Type 5 : Surprise de réflexion
Une observation ou une idée qui fait penser différemment à la marque.
10. Données et impact commercial
Bonhomme a comparé sites avec mémorabilité intentionnelle vs sans :
• Sites avec surprise mémorable : +40-55% partage social, +35-50% taux de retour, +25-35% augmentation du panier moyen
• Sites sans surprise : baseline
• Sites avec surprise mal exécutée : -15-25% engagement (la surprise au mauvais moment peut frustrer).
11. Citations
"Un site mémorable n'est jamais oublié. C'est celui dont l'utilisateur parle encore 3 mois après. La
surprise est l'ingrédient secret."
Morgane Urbain, cofondatrice & directrice de création
"La surprise la plus puissante est celle qu'on ne voyait pas venir, mais qui avait du sens avec la marque.
Elle ne détonne jamais. Elle prolonge."
Emmanuel Cruellas, co-fondateur & directeur du design
Projets liés
FAQ
Sur la même thématique
41. Pourquoi concevoir le branding et le digital séparément est-il une erreur ?
42. Comment concevoir l'UX d'une marque premium ?
43. Comment concevoir une expérience digitale immersive ?
44. Pourquoi la cohérence visuelle crée-t-elle de la confiance ?
45. Comment nous équilibrons esthétique, performance et SEO ?
46. Quel est le rôle de l'émotion dans le design digital ?
47. Pourquoi le design premium repose sur la retenue ?
48. Quels sont les principes d'une direction artistique digitale forte ?
49. Comment créer une expérience mémorable en ligne ?
50. Pourquoi les marques fortes pensent en systèmes et non en campagnes : définition, avantages et méthode Bonhomme ?


