Atelier pratique : CR Ergonomie - Webassoc 14 avril 2015

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

Transcript of Atelier pratique : CR Ergonomie - Webassoc 14 avril 2015

Page 1: Atelier pratique : CR Ergonomie - Webassoc 14 avril 2015

Transcription des ateliers pratiques de l’après-midi du 14/04/2015 Associations : comment optimiser votre site ?

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

Merci à 1000Mercis pour leur accueil !Merci à tous de votre implication.

Page 2: Atelier pratique : CR Ergonomie - Webassoc 14 avril 2015

Transcription des ateliers pratiques de l’après-midi du 14/04/2015 Associations : comment optimiser votre site ?

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 les besoins, problèmes et attentes de chacun :

- Quels sont les critères ergonomiques qui marchent et qui ne marchent pas ?- Refonte du site, réécriture du carnet des charges, changement de logo… Est ce que je vais dans

la bonne direction? Comment m’améliorer ?- Problème dans téléchargement du site – comment améliorer l’utilisation de tous les jours ?

Contexte :

Avant de construire un site il est important de comprendre et déterminer les attentes des gens.

En janvier 2015 les socionautes sont friands d’informations, mais pas n’importe laquelle : ils veulent connaître les actions de l’association sur le terrain, qu’est ce que fait vraiment l’association et quel pourcentage de mon don va réellement sur le terrain ?

Aujourd’hui on informe trop sur les évènements mais on ne parle pas assez de ce qu’on fait concrètement du don. 39% des socionautes attendent d’être informés en temps réel. Pour cela on peut utiliser une réponse en image. Il faut penser à utiliser les multimédia plus souvent: photo, vidéo, infographie.

On a tendance à se focaliser sur 1 multimédia alors qu’on devrait tous les utiliser. Il y a quelques années il y avait uniquement internet donc une seule cible. Aujourd’hui il y a une démultiplication des supports (tweeter, instagram…) donc démultiplication des cibles. Les gens ne regardent pas uniquement le site internet, il faut utiliser les réseaux sociaux.

Noter également l’usage grandissant du mobile. 50% de la population est mobinaute et 81% des mobinautes ont un usage quotidien du mobile. A noter également que 60% des mobinautes font un achat en ligne donc c’est intéressant pour le don. Le mobile est un moyen de ramener les gens sur votre site. En effet dans les transports les gens consultent leur mobile et via les réseaux sociaux ils peuvent être redirigé sur votre site.

Merci à 1000Mercis pour leur accueil !Merci à tous de votre implication.

Page 3: Atelier pratique : CR Ergonomie - Webassoc 14 avril 2015

Transcription des ateliers pratiques de l’après-midi du 14/04/2015 Associations : comment optimiser votre site ?

But de votre site: Collecter Transformer un utilisateur en donateur

Démarche en 3 temps :Avec une Information bien présentée Sollicitation, capte audience, interaction Engagement

(1) (2) (3)

Checklist pour vérifier l’ergonomie de votre site :

Charte graphique : aspect responsive du développement du site internet. Une charte papier ne peut être adapté en 5min au web. Il est essentiel de clarifier que pour le web on attend du simplifié et de l’adapté (attention à la qualité et à la taille des images). Si le site n’est pas téléchargeable en 1 seconde l’utilisateur s’en va.

Responsive design: adapter son site à tous les écrans possibles Ligne éditoriale : Elle doit être au service de l’information mais surtout penser à

valoriser l’information concrète. Attention aux :o Site vitrine (incite à donner mais sans plus, utilisateur reste sur sa faim)o Site « sapin de Noël » - On a envie de communiquer beaucoup d’information

mais l’ergonomie du site ne suit pas. Superposition du contenu n’incite pas à l’engagement. (Ex : site de 1001 fontaines - mettre photo avec en dessous donner pour ca. Il faut que l’utilisateur se projete. Relier par exemple des fiches pays a des actions concrètes, c’est une influence directe du crowdfunding).

Dispositif incitatif : chaque contenu est relié à une action Tunnel de don : une fois l’utilisateur convaincu il faut l’inciter à rester sur la page Implémentation des réseaux sociaux sur le site : tout doit être bien lié. Par exemple se

mettre aux live tweet (ex: urgence sur le terrain). ON crée du coup une réelle interaction.

Gérer l’Information sur votre site :

L’utilisateur est friand d’information chaude. Comment le capter sur votre site?

Diffuser sur les réseaux sociaux est un moyen de ramener les gens sur son site. Si vous associez cette information chaude à une information froide cela va permettre d’avoir la confiance de l’utilisateur et cela va l’inciter à donner. Pour intéresser de nouveaux utilisateurs il faut recruter, fidéliser, engager. C’est du long terme.

Questions : 

Merci à 1000Mercis pour leur accueil !Merci à tous de votre implication.

Page 4: Atelier pratique : CR Ergonomie - Webassoc 14 avril 2015

Transcription des ateliers pratiques de l’après-midi du 14/04/2015 Associations : comment optimiser votre site ?

« Est ce que sur tweeter obligé d’avoir lien ? » - Ca dépend de l’objectif de communication. Si vous voulez animer alors pas besoin. Les réseaux sociaux servent à se construire une communauté et ensuite on peut essayer de la ramener sur votre site dans un cas particulier que vous choisissez.

« Est ce que vous recommandez d’avoir un plug-in pour ramener les feedback de tweeter ? » - Ca dépend de combien de tweet vous faites. En tout cas pensez à faire plus # sur le thème de votre association (ex: #sida#santé)

La ligne éditoriale est décisive : l’objectif est de sensibiliser et d’informer. Essayer de mobiliser le maximum de monde.

L’aspect multimédia est aussi très important : les vidéos sont de plus en plus utilisées et partagées. Sur vidéo pensez à mettre un lien dessus.

L’infographie aussi très importante: mettre des chiffres ! Associer un chiffre général à un autre plus spécifique. Associer cette communication à une image forte (émoticone, photo, gif animé). Mieux vaut cibler une actualité par semaine qui soit bonne.

Avoir une rubrique/point « Actualité » sur la page d’accueil de votre site (très important) pour être bien référencé: Google est votre ami numéro 1. Pensez à actualiser fréquemment votre site. Ainsi votre site sera bien référencé (si vous n’actualisez pas assez souvent vous redescendez dans les résultats de recherche Google). Il faut qu’il y ait du mouvement sur votre site au moins 2 fois par semaine (c’est l’idéal).

Dans la rédaction du contenu les mots clefs sont très importants pour être référencé sur ces mots là. Titre du contenu + accroche sur la Home page. Pas trop de contenu sur la Home

Faire remonter les actions terrains.

Utiliser un système de cartographie. Si on intervient dans un pays, avoir un lien vers la fiche pays pour avoir des informations plus spécifiques.

Discussion, commentaires sur les différents sites internet des participants:

Amnesty: pas responsive. Beaucoup d’infos, actualités…colonne de droite avec incitation. Dans le contenu du site on retrouve la même structure que la page d’accueil (colonne de droite par exemple). Mais très bien référencé parce que beaucoup de contenu. Mais quand il y a trop de contenu, on est noyé. Usage bien que sur l’ordinateur pour ce site. On veut tout mettre sur la page d’accueil mais du coup site « sans jambe » - internaute dépassé.

Petit prince : Beaucoup d’information mais on est moins perdu que sur le site d’Amnesty. Mais le site reste non responsive. Penser à lier lier une image à un titre.

1001 fontaine : très beau. Dommage que sur page d’accueil pas de remonté de contenu. Page pays magnifique mais manque d’incitation pour aller plus loin.

Merci à 1000Mercis pour leur accueil !Merci à tous de votre implication.

Page 5: Atelier pratique : CR Ergonomie - Webassoc 14 avril 2015

Transcription des ateliers pratiques de l’après-midi du 14/04/2015 Associations : comment optimiser votre site ?

Conseils avant de se quitter (cf présentation):

Mieux vaut avoir une info simple que trop d’info. Et dans l’info simple mettre des liens pour inciter les gens à en savoir plus.

Moyenne idéale pour rester sur le site: +1 min. Regarder taux de rebond aussi. Laisser une belle place pour l’image et après mettre un bouton « je veux en savoir plus »… Une belle image, un titre, une accroche, une incitation, un clique Utiliser CMS modulable Ex de colonne de droite : une somme et expliquer à quoi sert cette somme pour pouvoir

permettre aux gens de se projeter. Ex de Croix Rouge qui est pas mal (cf présentation); un bandeau puis quand on descend « un

don = une action ». Il y a les sommes précises. Regarder son site dans les deux versions (ordi vs mobile) avant de lancer En mobile peut alléger le contenu. Pas obligé de mettre toutes les actualités. Penser au menu

dépliant pour le mobile. Aujourd’hui lecture en F des contenus. Vers la droite je m’intéresse, je découvre. Puis je cherche

quand je descends.

Merci à 1000Mercis pour leur accueil !Merci à tous de votre implication.