Aller au contenu principal
Mikaël Andraos
UX & Design

UX et tunnels de don : réduire la friction sans perdre l'émotion

· 7 min de lecture

Un donateur qui abandonne un formulaire de don n'a presque jamais changé d'avis sur la cause. Il a buté sur un champ obligatoire de trop, une création de compte imposée, ou un écran qui rame sur son téléphone. La générosité ne suffit pas à compenser une mauvaise expérience, et les chiffres du secteur associatif le confirment sans ambiguïté.

Ce travail relève du troisième des trois piliers d'une présence en ligne : une fois le visiteur trouvé puis convaincu, tout se joue sur le dernier écran. Son versant visuel est traité dans la sobriété comme signal de confiance.

1. L'ampleur du problème

Les études convergent sur une fourchette large mais sans appel : entre 60 % et 83 % des formulaires de don commencés sont abandonnés avant la validation. Les causes les plus citées sont un formulaire trop long, une création de compte obligatoire, et un défaut d'optimisation mobile. Autre chiffre marquant : 47 % des abandons sont directement attribués à une mauvaise utilisabilité, pas à un renoncement à la cause elle-même.

60–83 % de formulaires de don abandonnés en cours de route
47 % des abandons causés par une mauvaise utilisabilité
+400 % de hausse de conversion possible en améliorant l'expérience

Sources : iDonate, Funraise

2. Le mobile, maillon faible

Le rapport M+R Benchmarks 2025, référence annuelle du secteur associatif, chiffre précisément l'écart entre desktop et mobile. Le taux de conversion moyen d'une page de don est de 11 % sur ordinateur contre 8 % sur mobile — un écart de performance d'environ 27 %. Le panier moyen suit la même tendance : 168 $ sur desktop contre 88 $ sur mobile, soit presque deux fois moins.

M+R Benchmarks 2025

Taux de conversion moyen d'une page de don

Source : M+R Benchmarks 2025, via iDonate

Or le mobile est précisément le canal qui capte le plus de trafic pour la plupart des organisations : un lien partagé sur les réseaux sociaux ou dans une newsletter s'ouvre d'abord sur un téléphone. Négliger cette expérience revient à optimiser pour un public qui représente une minorité des visites.

3. Étapes ou formulaire unique ?

Ici, la littérature est plus nuancée qu'il n'y paraît. Certaines études démontrent qu'un formulaire découpé en plusieurs écrans (avec un bouton « suivant ») peut faire chuter les dons de 52 % par rapport à un formulaire tenant sur un seul écran. D'autres constatent l'inverse : un parcours découpé en étapes claires réduit la sensation d'effort et améliore la conversion, alors qu'un long formulaire d'un seul bloc freine davantage.

La résolution de cette apparente contradiction est simple : c'est la charge perçue à chaque instant qui compte, plus que le nombre d'étapes. Un formulaire court peut rester en un seul écran. Un parcours plus complexe (identification, montant, moyen de paiement, confirmation) gagne à être séquencé, à condition que chaque étape soit visiblement courte et qu'une barre de progression rassure plutôt qu'elle ne décourage.

4. Ce que ça donne, concrètement

C'est cette philosophie que j'ai suivie en repensant le tunnel de don de la Fondation Princesse Charlène de Monaco : un parcours en trois étapes courtes et nommées sans ambiguïté (« Mon don », « Mes coordonnées », « Mon règlement »), plutôt qu'un long formulaire unique ou une succession d'écrans anonymes. Chaque étape demande seulement ce qui est nécessaire à ce moment précis — l'objectif étant de limiter la friction sans jamais retirer l'émotion qui a amené la personne jusque-là.

Petit glossaire

UX — User Experience
L'expérience vécue par une personne qui utilise un site ou un service — sa facilité d'usage, sa clarté, son confort.
Tunnel de conversion
Le parcours complet qu'un visiteur suit jusqu'à réaliser une action précise (ici, un don) — souvent découpé en étapes successives.
Taux d'abandon
La proportion de personnes qui commencent un formulaire ou un parcours sans le terminer.
Friction
Tout ce qui, dans un parcours, ralentit ou décourage l'utilisateur : un champ inutile, un temps de chargement, une étape mal expliquée.
Test A/B
Une méthode qui compare deux versions d'une même page auprès de deux groupes d'utilisateurs, pour mesurer laquelle convertit le mieux.

Un tunnel de don ou d'inscription à repenser ?

Architecture de l'information, wireframes, réduction de la friction — discutons de votre parcours actuel.

Démarrer un projet