Salon des Soidarités – Juin 2014
Recommandations issues des
bonnes pratiques e-Commerce
Optimiser votre site pour
optimise...
• Faciliter le don
 Un bouton de dons saillant
 Des montants pré-remplis
 Inciter aux dons réguliers
 Limiter les étap...
LE BOUTON DE DONS
Faciliter le don
Ce qui ressort
Ce qui devrait ressortir
Le bouton de dons – Pratiques à éviter
Bouton de dons éclipsé !
Le bouton de dons - Pratiques à éviter
Bannière
dynamique qui
ressemble trop
à une publicité :
on...
Le bouton de dons - Pratiques à éviter
Faible contraste texte/fond
du bouton :
Le texte ne ressort pas
Faible contraste
bo...
Le bouton de dons - Bonne pratique
Contraste fort
Positionné dans la bannière
Présent sur toutes les pages
Le bouton de dons - Bonne pratique
Les
éléments
essentiels
sont au-
dessus de la
ligne de
flottaison
Ligne de
flottaison
Le bouton de dons - Recommandations
• Présent impérativement en  page  d’accueil
+ sur toutes les autres pages
• Doit être...
LE DON RÉGULIER
Faciliter le don
Le don régulier – Pratiques à éviter
Option de don
régulier :
-pas clairement
explicitée
- pas assez
mise en avant
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
automati...
Le don régulier – Bonne pratique
Calcul
automatisé
du montant
annuel
Alternative
donnée
APRES la
décision de
donner
Altern...
Le don régulier - Recommandations
• Proposer cette alternative APRES que les
internautes aient pris la décision de donner
...
TUNNEL DE DON
Faciliter le don
Tunnel de don - Pratiques à éviter
Formulaire de
don sous la
ligne de
flottaison
Tunnel de
dons en
plusieurs
pages
Tunnel de don - Bonne pratique
On choisit de
donner puis
dans un
second temps
comment et
combien
donner
Possibilité de
don...
Tunnel de don - Bonne pratique
Un seul formulaire de
coordonnées avec
auto-complétion
Tunnel de don - Bonne pratique
- Plusieurs
modes de
paiement
possibles
- Lien direct
vers le système
de paiement
- élément...
Tunnel de don - Recommandations
• Limiter les étapes au maximum :
– Tunnel de don sur une seule page dans la mesure du pos...
SUR LES OBJECTIFS
Transparence  de  l’association
Transparence – Pratiques à éviter
Carrousel  trop  rapide,  on  n’a  pas  le  temps  de  lire
Transparence – Pratiques à éviter
Navigation peu
saillante, rend la
recherche
d’information  
difficile
Transparence - Bonne pratique
Labels clairs dans le carrousel
Transparence
revendiquée
en home page
Un menu explicite
SUR  L’UTILISATION  DES  DONS
Transparence  de  l’association
Transparence – Pratiques à éviter
Information pas
immédiatement
disponible
Information
présente mais
uniquement
textuelle
...
Transparence
revendiquée
en home
page
Présentation
visuelle des
informations
Transparence - Bonne pratique
Possibilité
de ...
Transparence - Bonne pratique
Présence
d’un  
moteur
de
recherche
pour
faciliter la
prise
d’infor-
mation
Présence
d’un  
...
Transparence - Recommandations
• Manque de transparence = 1er frein au dons
• Faciliter  la  recherche  d’information  :
–...
TESTER !!!!!
Tests AB
Objectif :
Mettre en compétition plusieurs versions de la même page
pour identifier la version la plus efficace
I...
Tests utilisateurs avec/sans Eye-Tracking
Principe :
Mesurer l’efficience, l’efficacité et la satisfaction
+ Eye Tracking ...
MERCI
Olivier Marx - Altics
win@altics.fr
35, rue Saint-Simon 69009 LYON
04 72 76 94 00
QUESTIONS / RÉPONSES
Prochain SlideShare
Chargement dans…5
×

Optimiser votre site pour optimiser votre collecte de dons - 12 juin 2014

631 vues

Publié le

Intervention de Olivier Marx, Fondateur d'ALTICS, au Salon des Solidarités pour WEBASSOC.
Exemples de bonnes pratiques et de pratiques à éviter sur votre site.

0 commentaire
2 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
631
Sur SlideShare
0
Issues des intégrations
0
Intégrations
3
Actions
Partages
0
Téléchargements
15
Commentaires
0
J’aime
2
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Optimiser votre site pour optimiser votre collecte de dons - 12 juin 2014

  1. 1. Salon des Soidarités – Juin 2014 Recommandations issues des bonnes pratiques e-Commerce Optimiser votre site pour optimiser votre collecte de dons
  2. 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. 3. LE BOUTON DE DONS Faciliter le don
  4. 4. Ce qui ressort Ce qui devrait ressortir Le bouton de dons – Pratiques à éviter
  5. 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. 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. 7. Le bouton de dons - Bonne pratique Contraste fort Positionné dans la bannière Présent sur toutes les pages
  8. 8. Le bouton de dons - Bonne pratique Les éléments essentiels sont au- dessus de la ligne de flottaison Ligne de flottaison
  9. 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. 10. LE DON RÉGULIER Faciliter le don
  11. 11. Le don régulier – Pratiques à éviter Option de don régulier : -pas clairement explicitée - pas assez mise en avant
  12. 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. 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. 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. 15. TUNNEL DE DON Faciliter le don
  16. 16. Tunnel de don - Pratiques à éviter Formulaire de don sous la ligne de flottaison Tunnel de dons en plusieurs pages
  17. 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. 18. Tunnel de don - Bonne pratique Un seul formulaire de coordonnées avec auto-complétion
  19. 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. 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. 21. SUR LES OBJECTIFS Transparence  de  l’association
  22. 22. Transparence – Pratiques à éviter Carrousel  trop  rapide,  on  n’a  pas  le  temps  de  lire
  23. 23. Transparence – Pratiques à éviter Navigation peu saillante, rend la recherche d’information   difficile
  24. 24. Transparence - Bonne pratique Labels clairs dans le carrousel Transparence revendiquée en home page Un menu explicite
  25. 25. SUR  L’UTILISATION  DES  DONS Transparence  de  l’association
  26. 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. 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. 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. 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. 30. TESTER !!!!!
  31. 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. 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. 33. MERCI Olivier Marx - Altics win@altics.fr 35, rue Saint-Simon 69009 LYON 04 72 76 94 00
  34. 34. QUESTIONS / RÉPONSES

×