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

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

description

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.

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

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

Salon des Soidarités – Juin 2014

Recommandations issues des bonnes pratiques e-Commerce

Optimiser votre site pour optimiser votre collecte de dons

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

• 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

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

LE BOUTON DE DONS Faciliter le don

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

Ce qui ressort

Ce qui devrait ressortir

Le bouton de dons – Pratiques à éviter

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

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 couleur Même couleur

Elément dynamique supplémentaire  qui  attire  l’oeil

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

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

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

Le bouton de dons - Bonne pratique

Contraste fort

Positionné dans la bannière

Présent sur toutes les pages

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

Le bouton de dons - Bonne pratique

Les éléments essentiels sont au-

dessus de la ligne de

flottaison

Ligne de flottaison

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

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

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

LE DON RÉGULIER Faciliter le don

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

Le don régulier – Pratiques à éviter

Option de don régulier : -pas clairement explicitée - pas assez mise en avant

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

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

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

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

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

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)

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

TUNNEL DE DON Faciliter le don

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

Tunnel de don - Pratiques à éviter

Formulaire de don sous la

ligne de flottaison

Tunnel de dons en plusieurs

pages

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

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

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

Tunnel de don - Bonne pratique

Un seul formulaire de coordonnées avec auto-complétion

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

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

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

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

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

SUR LES OBJECTIFS Transparence  de  l’association

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

Transparence – Pratiques à éviter

Carrousel  trop  rapide,  on  n’a  pas  le  temps  de  lire

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

Transparence – Pratiques à éviter

Navigation peu saillante, rend la recherche d’information  difficile

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

Transparence - Bonne pratique

Labels clairs dans le carrousel

Transparence revendiquée

en home page

Un menu explicite

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

SUR  L’UTILISATION  DES  DONS Transparence  de  l’association

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

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

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

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

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

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

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

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

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

TESTER !!!!!

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

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

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

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

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

MERCI

Olivier Marx - Altics [email protected]

35, rue Saint-Simon 69009 LYON 04 72 76 94 00

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

QUESTIONS / RÉPONSES