Ergonomie du site et expérience utilisateurs Compte-rendu de l'atelier animé par Laure Drevillon, Présidente Fondatrice de la Chaîne du Coeur, et Julie Lestrelin de la Chaîne du Coeur Pour Webassoc.fr, communauté de professionnels du web qui aident bénévolement les associations humanitaires, caritatives et environnementales.

1. Transcription des ateliers pratiques de l’après-midi du 14/04/2015
Associations : comment optimiser votre site ?
Merci à 1000Mercis pour leur accueil !
Merci à tous de votre implication.
Ergonomie du site,
expérience utilisateurs
Avec Laure Drévillon,
Présidente Fondatrice de One Heart
CommunicationMMP,
Et Julie Lestrelin,
De la Chaîne du Coeur

2. Transcription des ateliers pratiques de l’après-midi du 14/04/2015
Associations : comment optimiser votre site ?
Merci à 1000Mercis pour leur accueil !
Merci à tous de votre implication.
Ergonomie du site, expérience utilisateurs
Animation Laure Drévillon, Présidente fondatrice de One Heart Communication
,
et Julie Lestrelin, One Heart Communication
Restitution Julie Arrivets, bénévole Webassoc
Tour de table pour comprendre lesbesoins,problèmesetattentesde chacun :
- Quelssontlescritèresergonomiques qui marchentetqui ne marchentpas ?
- Refonte dusite,réécriture ducarnetdescharges,changementde logo… Estce que je vaisdans
la bonne direction?Commentm’améliorer?
- Problème danstéléchargementdusite –commentaméliorerl’utilisation de touslesjours ?
Contexte :
Avantde construire unsite il estimportantde comprendre etdéterminerlesattentesdesgens.
En janvier2015 lessocionautessontfriandsd’informations,maispasn’importe laquelle:ilsveulent
connaître les actionsde l’associationsurle terrain,qu’estce que faitvraimentl’associationet quel
pourcentage de mondonva réellementsurle terrain ?
Aujourd’hui oninformetropsurlesévènementsmaisonne parle pas assezde ce qu’onfait
concrètementdudon. 39% dessocionautesattendentd’être informésentempsréel. Pourcelaonpeut
utiliserune réponseenimage.Il fautpenserà utiliserlesmultimédiaplussouvent:photo,vidéo,
infographie.
On a tendance à se focalisersur1 multimédiaalorsqu’on devraittouslesutiliser. Il ya quelquesannées
il y avaituniquementinternetdoncune seule cible. Aujourd’hui il yaune démultiplicationdessupports
(tweeter,instagram…) doncdémultiplicationdescibles. Lesgensne regardentpasuniquementle site
internet, il faututiliserlesréseaux sociaux.
Noterégalementl’usage grandissantdumobile.50% de la populationestmobinaute et 81% des
mobinautesontunusage quotidiendumobile.A noterégalementque 60% desmobinautesfontun
achat en ligne doncc’estintéressantpourle don. Le mobile estunmoyende ramenerlesgenssurvotre
site.En effetdanslestransportslesgensconsultentleurmobileetvialesréseaux sociauxilspeuvent
être redirigé survotre site.

3. Transcription des ateliers pratiques de l’après-midi du 14/04/2015
Associations : comment optimiser votre site ?
Merci à 1000Mercis pour leur accueil !
Merci à tous de votre implication.
But de votre site:
 Collecter
 Transformerunutilisateurendonateur
Démarche en3 temps :
Avecune Informationbienprésentée  Sollicitation,capte audience,interaction Engagement
(1) (2) (3)
Checklist pour vérifier l’ergonomie de votre site :
 Charte graphique :aspect responsivedu développementdusite internet.Une charte
papierne peutêtre adapté en5min au web. Il estessentiel de clarifierque pourle web
on attenddusimplifiéetde l’adapté (attention àlaqualité età la taille desimages).Si le
site n’estpastéléchargeable en1seconde l’utilisateurs’enva.
 Responsive design:adaptersonsite àtous lesécranspossibles
 Ligne éditoriale:Elle doitêtre auservice de l’informationmaissurtout penserà
valoriserl’informationconcrète.Attentionaux :
o Site vitrine (incite àdonnermaissansplus,utilisateurreste sursafaim)
o Site « sapinde Noël » - Ona envie de communiquerbeaucoupd’information
maisl’ergonomiedusite ne suitpas.Superpositionducontenun’incite pasà
l’engagement.(Ex :site de 1001 fontaines - mettre photoavecendessous
donnerpourca. Il fautque l’utilisateurse projete.Relierparexempledesfiches
paysa desactionsconcrètes,c’estune influence directe ducrowdfunding).
 Dispositif incitatif:chaque contenu estrelié àune action
 Tunnel de don: une fois l’utilisateurconvaincuil fautl’inciteràrestersurla page
 Implémentationdesréseauxsociaux surle site :toutdoitêtre bienlié.Parexemplese
mettre aux live tweet(ex:urgence surle terrain).ON crée ducoupune réelle
interaction.
Gérer l’Information sur votre site :
L’utilisateurestfriandd’informationchaude.Commentle captersurvotre site?
Diffusersurlesréseaux sociauxestunmoyende ramenerlesgens sursonsite.Si vousassociezcette
informationchaude àune informationfroide celavapermettre d’avoirlaconfiance de l’utilisateuret
celava l’inciteràdonner.Pourintéresserde nouveauxutilisateurs il fautrecruter,fidéliser,engager.
C’estdulong terme.
Questions:

4. Transcription des ateliers pratiques de l’après-midi du 14/04/2015
Associations : comment optimiser votre site ?
Merci à 1000Mercis pour leur accueil !
Merci à tous de votre implication.
 « Est ce que sur tweeterobligé d’avoirlien ?» - Ca dépendde l’objectif de communication.Si
vousvoulez animeralorspasbesoin. Lesréseaux sociaux serventàse construire une
communauté etensuite onpeutessayerde laramenersurvotre site dans uncas particulierque
vouschoisissez.
 « Est ce que vousrecommandezd’avoirunplug-inpourramenerlesfeedbackde tweeter ?» -
Ca dépendde combiende tweetvousfaites. Entoutcas pensezàfaire plus# sur le thème de
votre association(ex:#sida#santé)
La ligne éditoriale estdécisive:l’objectif estde sensibiliseretd’informer.Essayerde mobiliserle
maximumde monde.
L’aspectmultimédiaestaussi trèsimportant :lesvidéossontde plusenplusutiliséesetpartagées.Sur
vidéopensezàmettre unliendessus.
L’infographie aussitrèsimportante:mettre deschiffres !Associerunchiffre général àunautre plus
spécifique.Associercette communicationàune image forte (émoticone,photo,gif animé).Mieux vaut
ciblerune actualité parsemaine qui soitbonne.
Avoirune rubrique/point « Actualité» surla page d’accueil de votre site (trèsimportant) pourêtre bien
référencé:Google estvotre ami numéro1. Pensezàactualiserfréquemmentvotre site.Ainsivotre site
sera bienréférencé (si vousn’actualisezpas assezsouventvousredescendezdansles résultatsde
recherche Google).Il fautqu’il yaitdumouvementsurvotre site aumoins 2 foispar semaine (c’est
l’idéal).
Dans la rédactionducontenu lesmotsclefs sonttrèsimportantspourêtre référencé surcesmotslà.
Titre du contenu+ accroche sur la Home page.Pastrop de contenusurla Home
Faire remonterlesactionsterrains.
Utiliserunsystème de cartographie. Si onintervientdansunpays, avoirun lienvers lafiche payspour
avoirdesinformations plusspécifiques.
Discussion, commentaires sur les différents sites internet des participants:
 Amnesty:pasresponsive.Beaucoupd’infos,actualités…colonne de droite avecincitation. Dans
le contenudusite on retrouve lamême structure que lapage d’accueil (colonnede droite par
exemple).Maistrèsbienréférencéparce que beaucoupde contenu.Mais quandil ya trop de
contenu,onestnoyé.Usage bienque sur l’ordinateurpource site. Onveuttout mettre surla
page d’accueil maisducoup site « sans jambe » - internaute dépassé.
 Petitprince :Beaucoupd’informationmais onestmoins perduque surle site d’Amnesty.Mais
le site reste nonresponsive.Penseràlier lierune image àuntitre.
 1001 fontaine :trèsbeau.Dommage que sur page d’accueil pasde remonté de contenu.Page
paysmagnifique maismanque d’incitation pourallerplusloin.

5. Transcription des ateliers pratiques de l’après-midi du 14/04/2015
Associations : comment optimiser votre site ?
Merci à 1000Mercis pour leur accueil !
Merci à tous de votre implication.
Conseils avant de se quitter (cf présentation):
 Mieux vautavoirune infosimple que tropd’info.Etdans l’infosimplemettre deslienspour
inciterlesgensàen savoirplus.
 Moyenne idéale pourrestersurle site:+1 min.Regardertaux de rebondaussi.
 Laisserune belle place pourl’imageetaprèsmettre unbouton« je veux ensavoirplus »…
 Une belle image,untitre,une accroche,une incitation,unclique
 UtiliserCMS modulable
 Ex de colonne de droite :une somme etexpliqueràquoi sertcette somme pourpouvoir
permettre aux gensde se projeter.
 Ex de Croix Rouge qui estpas mal (cf présentation);unbandeaupuisquandondescend « un
don= une action ». Il y a lessommesprécises.
 Regardersonsite danslesdeux versions(ordi vsmobile) avantde lancer
 En mobile peutallégerle contenu.Pasobligé de mettre touteslesactualités.Penseraumenu
dépliantpourle mobile.
 Aujourd’hui lecture enFdescontenus.Versladroite je m’intéresse,je découvre.Puisje cherche
quandje descends.