Le document présente des recommandations pour optimiser les sites de collecte de dons, en soulignant l'importance d'un bouton de dons visible et d'une transparence sur l'utilisation des fonds. Des bonnes pratiques et des erreurs à éviter sont décrites pour le processus de don, ainsi que des techniques de test pour améliorer l'efficacité des pages. L'accent est mis sur la nécessité de faciliter la navigation et d'encourager les dons réguliers en rendant le processus simple et clair.

1. Salon des Soidarités – Juin 2014
Recommandations issues des
bonnes pratiques e-Commerce
Optimiser votre site pour
optimiser votre collecte de dons

2. • Faciliter le don
 Un bouton de dons saillant
 Des montants pré-remplis
 Inciter aux dons réguliers
 Limiter les étapes dans le tunnel de dons
• Transparence de l’association
 Sur ses objectifs
 Sur l’utilisation qui sera faite des dons
• Tester !!!!!
Les points clés

3. LE BOUTON DE DONS
Faciliter le don

4. Ce qui ressort
Ce qui devrait ressortir
Le bouton de dons – Pratiques à éviter

5. Bouton de dons éclipsé !
Le bouton de dons - Pratiques à éviter
Bannière
dynamique qui
ressemble trop
à une publicité :
on ne la
REGARDE PAS
Même couleurMême couleur
Elément dynamique
supplémentaire qui attire l’oeil

6. Le bouton de dons - Pratiques à éviter
Faible contraste texte/fond
du bouton :
Le texte ne ressort pas
Faible contraste
bouton/reste du site :
Le bouton ne ressort pas

7. Le bouton de dons - Bonne pratique
Contraste fort
Positionné dans la bannière
Présent sur toutes les pages

8. Le bouton de dons - Bonne pratique
Les
éléments
essentiels
sont au-
dessus de la
ligne de
flottaison
Ligne de
flottaison

9. Le bouton de dons - Recommandations
• Présent impérativement en page d’accueil
+ sur toutes les autres pages
• Doit être le premier élément vu :
– Contraste fort
– Au-dessus de la ligne de flottaison
• Incitez au clic :
– Couleur attractive
– Possibilité de zoom au survol
• Doit être un lien direct vers le tunnel de dons

10. LE DON RÉGULIER
Faciliter le don

11. Le don régulier – Pratiques à éviter
Option de don
régulier :
-pas clairement
explicitée
- pas assez
mise en avant

12. Le don régulier – Pratiques à éviter
Deux tunnels
de dons
séparés dès le
début selon le
type de don
Pas de calcul
automatisé du
montant

13. Le don régulier – Bonne pratique
Calcul
automatisé
du montant
annuel
Alternative
donnée
APRES la
décision de
donner
Alternative
donnée
APRES la
décision de
donner
Calcul
automatisé
du montant
annuel

14. Le don régulier - Recommandations
• Proposer cette alternative APRES que les
internautes aient pris la décision de donner
• Fournir une aide au calcul du coût sur l’année
après déduction fiscale
(valable aussi pour le don unique)

15. TUNNEL DE DON
Faciliter le don

16. Tunnel de don - Pratiques à éviter
Formulaire de
don sous la
ligne de
flottaison
Tunnel de
dons en
plusieurs
pages

17. Tunnel de don - Bonne pratique
On choisit de
donner puis
dans un
second temps
comment et
combien
donner
Possibilité de
donner pour
une cause en
particulier
SUR
UNE
SEULE
PAGE

18. Tunnel de don - Bonne pratique
Un seul formulaire de
coordonnées avec
auto-complétion

19. Tunnel de don - Bonne pratique
- Plusieurs
modes de
paiement
possibles
- Lien direct
vers le système
de paiement
- éléments de
réassurance
-Transparence
sur l’utilisation
qui sera faite
du don
- information
avec support
visuel en plus
du texte

20. Tunnel de don - Recommandations
• Limiter les étapes au maximum :
– Tunnel de don sur une seule page dans la mesure du possible
• Fournir une aide au calcul du coût sur l’année
après déduction fiscale
• Montants pré-remplis
• Formulaires les plus courts possibles :
– De quelles informations avez-vous vraiment besoin ?
– Auto-complétion pour limiter la survenue des erreurs
– Gestion des erreurs en temps réel lorsqu’elles surviennent
• Choisir une organisation spatiale qui visuellement ne
donne pas une impression de longueur

21. SUR LES OBJECTIFS
Transparence de l’association

22. Transparence – Pratiques à éviter
Carrousel trop rapide, on n’a pas le temps de lire

23. Transparence – Pratiques à éviter
Navigation peu
saillante, rend la
recherche
d’information
difficile

24. Transparence - Bonne pratique
Labels clairs dans le carrousel
Transparence
revendiquée
en home page
Un menu explicite

25. SUR L’UTILISATION DES DONS
Transparence de l’association

26. Transparence – Pratiques à éviter
Information pas
immédiatement
disponible
Information
présente mais
uniquement
textuelle
Pas d’information
sur l’utilisation qui
sera faite du don
dans le tunnel,
malgré l’espace
disponible

27. Transparence
revendiquée
en home
page
Présentation
visuelle des
informations
Transparence - Bonne pratique
Possibilité
de choisir
une cause
en
particulier
Possibilité
de choisir
une cause
en
particulier

28. Transparence - Bonne pratique
Présence
d’un
moteur
de
recherche
pour
faciliter la
prise
d’infor-
mation
Présence
d’un
moteur
de
recherche
pour
faciliter la
prise
d’infor-
mation
Présence
d’un
moteur de
recherche
pour
faciliter la
prise
d’infor-
mation

29. Transparence - Recommandations
• Manque de transparence = 1er frein au dons
• Faciliter la recherche d’information :
– Menu clair et explicite
– Moteur de recherche au moins en page d’accueil
• Informations sur l’utilisation qui est faite des dons :
– Présente dès la page d’accueil
– Tout au long du tunnel de don
– Accessible en un coup d’oeil
• Proximité avec le donateur :
– Donner la possibilité de choisir une cause
– Garder le contact après le don

30. TESTER !!!!!

31. Tests AB
Objectif :
Mettre en compétition plusieurs versions de la même page
pour identifier la version la plus efficace
Intérêt :
• Rapide à mettre en place
• Conditions réelles
• Testé sur une grande quantité d’internautes
• Résultats immédiats
Méthode :
1. Identifier les pages à tester et lister les éléments à modifier
2. Création de la page alternative
3. Répartition du trafic
4. On retient la version gagnante

32. Tests utilisateurs avec/sans Eye-Tracking
Principe :
Mesurer l’efficience, l’efficacité et la satisfaction
+ Eye Tracking : savoir ce qui est VU
Intérêt :
• Données comportementales (Hésitations – froncement de sourcil - etc.)
• Permet d’observer ce que font les internautes : chemins empruntés…
• Analyse fine du comportement et des attentes des clients
• + Eye Tracking : mesure des zones vues, ignorées, des parcours visuels…
Méthode :
1. Définition de la cible & recrutement de l’échantillon
2. Définition du protocole de test en fonction de vos objectifs
3. Passation des tests
4. Analyse du comportement et de la satisfaction

33. MERCI
Olivier Marx - Altics
win@altics.fr
35, rue Saint-Simon 69009 LYON
04 72 76 94 00

34. QUESTIONS / RÉPONSES