ergonomie et conversion
DESCRIPTION
Slides de Sasha Kocovski pour la soirée spéciale WUD2011 au café numérique.TRANSCRIPT
![Page 1: Ergonomie et conversion](https://reader036.vdocuments.site/reader036/viewer/2022062312/5552d29eb4c90581158b5378/html5/thumbnails/1.jpg)
www.egroup.beegroup.be ergonomie et conversion – 2011
Ergonomie et conversionSacha Kocovski – ergolabs group
Journée mondiale de l’utilisabilité9/10 novembre 2011
![Page 2: Ergonomie et conversion](https://reader036.vdocuments.site/reader036/viewer/2022062312/5552d29eb4c90581158b5378/html5/thumbnails/2.jpg)
www.egroup.beegroup.be ergonomie et conversion – 2011
Pourquoi associer utilisabilité et conversion?
![Page 3: Ergonomie et conversion](https://reader036.vdocuments.site/reader036/viewer/2022062312/5552d29eb4c90581158b5378/html5/thumbnails/3.jpg)
www.egroup.beegroup.be ergonomie et conversion – 2011
Il ne suffit pas d’être sur Internet !
![Page 4: Ergonomie et conversion](https://reader036.vdocuments.site/reader036/viewer/2022062312/5552d29eb4c90581158b5378/html5/thumbnails/4.jpg)
www.egroup.beegroup.be ergonomie et conversion – 2011
Pas de conversion
=
![Page 5: Ergonomie et conversion](https://reader036.vdocuments.site/reader036/viewer/2022062312/5552d29eb4c90581158b5378/html5/thumbnails/5.jpg)
www.egroup.beegroup.be ergonomie et conversion – 2011
![Page 6: Ergonomie et conversion](https://reader036.vdocuments.site/reader036/viewer/2022062312/5552d29eb4c90581158b5378/html5/thumbnails/6.jpg)
www.egroup.beegroup.be ergonomie et conversion – 2011
Conversion =
visiteurs / objectifs
![Page 7: Ergonomie et conversion](https://reader036.vdocuments.site/reader036/viewer/2022062312/5552d29eb4c90581158b5378/html5/thumbnails/7.jpg)
www.egroup.beegroup.be ergonomie et conversion – 2011
Visiteur entrant
Visiteur converti(Achat, inscription, téléchargement, contact, etc.)
![Page 8: Ergonomie et conversion](https://reader036.vdocuments.site/reader036/viewer/2022062312/5552d29eb4c90581158b5378/html5/thumbnails/8.jpg)
www.egroup.beegroup.be ergonomie et conversion – 2011
Pour augmenter ses « revenus »
![Page 9: Ergonomie et conversion](https://reader036.vdocuments.site/reader036/viewer/2022062312/5552d29eb4c90581158b5378/html5/thumbnails/9.jpg)
www.egroup.beegroup.be ergonomie et conversion – 2011
On peut soit…
![Page 10: Ergonomie et conversion](https://reader036.vdocuments.site/reader036/viewer/2022062312/5552d29eb4c90581158b5378/html5/thumbnails/10.jpg)
www.egroup.beegroup.be ergonomie et conversion – 2011
…faire augmenter ses visites
![Page 11: Ergonomie et conversion](https://reader036.vdocuments.site/reader036/viewer/2022062312/5552d29eb4c90581158b5378/html5/thumbnails/11.jpg)
www.egroup.beegroup.be ergonomie et conversion – 2011
Mais… faire augmenter ses visites, c’est :
Pas toujours possible
Souvent assez cher
Pas toujours très efficient
![Page 12: Ergonomie et conversion](https://reader036.vdocuments.site/reader036/viewer/2022062312/5552d29eb4c90581158b5378/html5/thumbnails/12.jpg)
www.egroup.beegroup.be ergonomie et conversion – 2011
…soit, faire augmenter son taux de conversion
![Page 13: Ergonomie et conversion](https://reader036.vdocuments.site/reader036/viewer/2022062312/5552d29eb4c90581158b5378/html5/thumbnails/13.jpg)
www.egroup.beegroup.be ergonomie et conversion – 2011
Faire augmenter la conversion, c’est :
Pas toujours facile… non plus
Souvent moins cher qu’on ne le pense
Très efficient et évolutif
![Page 14: Ergonomie et conversion](https://reader036.vdocuments.site/reader036/viewer/2022062312/5552d29eb4c90581158b5378/html5/thumbnails/14.jpg)
www.egroup.beegroup.be ergonomie et conversion – 2011
Pourquoi parler d’utilisabilité ?
![Page 15: Ergonomie et conversion](https://reader036.vdocuments.site/reader036/viewer/2022062312/5552d29eb4c90581158b5378/html5/thumbnails/15.jpg)
www.egroup.beegroup.be ergonomie et conversion – 2011
L’utilisabilité (ou l’ergonomie) va nous aider à améliorer notre
conversion
![Page 16: Ergonomie et conversion](https://reader036.vdocuments.site/reader036/viewer/2022062312/5552d29eb4c90581158b5378/html5/thumbnails/16.jpg)
www.egroup.beegroup.be ergonomie et conversion – 2011
Pourquoi ?
![Page 17: Ergonomie et conversion](https://reader036.vdocuments.site/reader036/viewer/2022062312/5552d29eb4c90581158b5378/html5/thumbnails/17.jpg)
www.egroup.beegroup.be ergonomie et conversion – 2011
L’ergonomie va nous permettre d’étudier les interactions entre les humains et les contextes d’utilisation (systèmes de travail)
Degré selon lequel un produit peut être utilisé, avec efficacité, efficience et satisfaction, dans un contexte d’utilisation spécifique (ISO 9241-11)
![Page 18: Ergonomie et conversion](https://reader036.vdocuments.site/reader036/viewer/2022062312/5552d29eb4c90581158b5378/html5/thumbnails/18.jpg)
www.egroup.beegroup.be ergonomie et conversion – 2011
L’humainVision
Autres SensOuïe, odorat, goût, etc.
MémoiresPerception
Interactions
Emotions
![Page 19: Ergonomie et conversion](https://reader036.vdocuments.site/reader036/viewer/2022062312/5552d29eb4c90581158b5378/html5/thumbnails/19.jpg)
www.egroup.beegroup.be ergonomie et conversion – 2011
Donc l’utilisabilité/l’ergonomie nous permet de:
Réfléchir avant d’agir (!!!)
Etudier et comprendre nos clients (ou
utilisateurs)
Construire nos produits en fonction
![Page 20: Ergonomie et conversion](https://reader036.vdocuments.site/reader036/viewer/2022062312/5552d29eb4c90581158b5378/html5/thumbnails/20.jpg)
www.egroup.beegroup.be ergonomie et conversion – 2011
Comment ?
![Page 21: Ergonomie et conversion](https://reader036.vdocuments.site/reader036/viewer/2022062312/5552d29eb4c90581158b5378/html5/thumbnails/21.jpg)
www.egroup.beegroup.be ergonomie et conversion – 2011
1 Etudier ses clients (utilisateurs)
Rencontrer et analyser sa cible ou sa clientèle existante pour cerner ses
besoins et ses attentes
![Page 22: Ergonomie et conversion](https://reader036.vdocuments.site/reader036/viewer/2022062312/5552d29eb4c90581158b5378/html5/thumbnails/22.jpg)
www.egroup.beegroup.be ergonomie et conversion – 2011
Qui sont mes clients (cibles) ?
De quoi ont-ils vraiment besoin ?
Quels sont leurs problèmes ?
Quel est leur niveau d’attente
Pourquoi achètent-ils chez moi ?
Questions pratiques
![Page 23: Ergonomie et conversion](https://reader036.vdocuments.site/reader036/viewer/2022062312/5552d29eb4c90581158b5378/html5/thumbnails/23.jpg)
www.egroup.beegroup.be ergonomie et conversion – 2011
2 Etudier l’environnement
Comprendre quel est le milieu, le mode de fonctionnement de mes clients et
leurs contraintes
![Page 24: Ergonomie et conversion](https://reader036.vdocuments.site/reader036/viewer/2022062312/5552d29eb4c90581158b5378/html5/thumbnails/24.jpg)
www.egroup.beegroup.be ergonomie et conversion – 2011
Où sont mes clients ?
Dans quelles circonstances « travaillent-ils » ?
Quand veulent-ils « acheter » chez moi ?
Quelles sont leurs contraintes ?
Questions pratiques
![Page 25: Ergonomie et conversion](https://reader036.vdocuments.site/reader036/viewer/2022062312/5552d29eb4c90581158b5378/html5/thumbnails/25.jpg)
www.egroup.beegroup.be ergonomie et conversion – 2011
3 Etudier ses produits
Développer en mettant mes utilisateurs au centre du processus (nouveau produit)
Etudier/adapter mon produit pour améliorer l’expérience utilisateur (produit existant)
![Page 26: Ergonomie et conversion](https://reader036.vdocuments.site/reader036/viewer/2022062312/5552d29eb4c90581158b5378/html5/thumbnails/26.jpg)
www.egroup.beegroup.be ergonomie et conversion – 2011
Comment est utilisé mon produit ?
Quelles principes puis-je appliquer pour améliorer : l’utilisabilité: efficacité, efficience, satisfaction
l’ergonomie : guidance, prévention des erreurs, homogénéité,
etc.)
Comment puis-je le perfectionner ?
Questions pratiques
![Page 27: Ergonomie et conversion](https://reader036.vdocuments.site/reader036/viewer/2022062312/5552d29eb4c90581158b5378/html5/thumbnails/27.jpg)
www.egroup.beegroup.be ergonomie et conversion – 2011
L’expérience utilisateur
The User Experience Honeycomb
Peter Morville, 2004
Efficience
Satisfaction
Efficacité (utile)
(valeur ajoutée)
(simple)
(visible)
(crédible)
(accessible)
(attractif)
![Page 28: Ergonomie et conversion](https://reader036.vdocuments.site/reader036/viewer/2022062312/5552d29eb4c90581158b5378/html5/thumbnails/28.jpg)
www.egroup.beegroup.be ergonomie et conversion – 2011
Bonnes pratiques ?
![Page 29: Ergonomie et conversion](https://reader036.vdocuments.site/reader036/viewer/2022062312/5552d29eb4c90581158b5378/html5/thumbnails/29.jpg)
www.egroup.beegroup.be ergonomie et conversion – 2011
Les bonnes pratiques sont un excellent point de départ !
Mais attention à ne pas copier « bêtement » ce qui fonctionne bien ailleurs
Chaque projet est unique !
![Page 30: Ergonomie et conversion](https://reader036.vdocuments.site/reader036/viewer/2022062312/5552d29eb4c90581158b5378/html5/thumbnails/30.jpg)
www.egroup.beegroup.be ergonomie et conversion – 2011
1. Page d’accueil de site / landing pages
2. La navigation
3. Pages produits
4. Tunnel d’achat
5. Formulaires / inscription
6. Page « a propos »
Bonnes pratiques web
![Page 31: Ergonomie et conversion](https://reader036.vdocuments.site/reader036/viewer/2022062312/5552d29eb4c90581158b5378/html5/thumbnails/31.jpg)
www.egroup.beegroup.be ergonomie et conversion – 2011
1. Page d’accueil de site / landing pages
Probablement la page la plus importante
Faire bonne impression ! (- de 10 secondes pour convaincre )
Orienter vers les principaux services
Monter les nouveautés
Le syndrome « mot du président »
Vouloir mettre trop d’infos
![Page 32: Ergonomie et conversion](https://reader036.vdocuments.site/reader036/viewer/2022062312/5552d29eb4c90581158b5378/html5/thumbnails/32.jpg)
www.egroup.beegroup.be ergonomie et conversion – 2011
![Page 33: Ergonomie et conversion](https://reader036.vdocuments.site/reader036/viewer/2022062312/5552d29eb4c90581158b5378/html5/thumbnails/33.jpg)
www.egroup.beegroup.be ergonomie et conversion – 2011
![Page 34: Ergonomie et conversion](https://reader036.vdocuments.site/reader036/viewer/2022062312/5552d29eb4c90581158b5378/html5/thumbnails/34.jpg)
www.egroup.beegroup.be ergonomie et conversion – 2011
+ de 50 liens !
![Page 35: Ergonomie et conversion](https://reader036.vdocuments.site/reader036/viewer/2022062312/5552d29eb4c90581158b5378/html5/thumbnails/35.jpg)
www.egroup.beegroup.be ergonomie et conversion – 2011
![Page 36: Ergonomie et conversion](https://reader036.vdocuments.site/reader036/viewer/2022062312/5552d29eb4c90581158b5378/html5/thumbnails/36.jpg)
www.egroup.beegroup.be ergonomie et conversion – 2011
2. La navigation
« On ne peut pas acheter ce qu’on ne peut pas trouver »
Faire comprendre la structure
Orienter / guider
Navigation invisible
Trop ou pas assez détaillée
![Page 37: Ergonomie et conversion](https://reader036.vdocuments.site/reader036/viewer/2022062312/5552d29eb4c90581158b5378/html5/thumbnails/37.jpg)
www.egroup.beegroup.be ergonomie et conversion – 2011
![Page 38: Ergonomie et conversion](https://reader036.vdocuments.site/reader036/viewer/2022062312/5552d29eb4c90581158b5378/html5/thumbnails/38.jpg)
www.egroup.beegroup.be ergonomie et conversion – 2011
![Page 39: Ergonomie et conversion](https://reader036.vdocuments.site/reader036/viewer/2022062312/5552d29eb4c90581158b5378/html5/thumbnails/39.jpg)
www.egroup.beegroup.be ergonomie et conversion – 2011
![Page 40: Ergonomie et conversion](https://reader036.vdocuments.site/reader036/viewer/2022062312/5552d29eb4c90581158b5378/html5/thumbnails/40.jpg)
www.egroup.beegroup.be ergonomie et conversion – 2011
3. Pages produits
Informer
Convaincre
Inciter à l’action / achat
Ne pas répondre aux
questions des clients
Le « Cœur » de votre site
![Page 41: Ergonomie et conversion](https://reader036.vdocuments.site/reader036/viewer/2022062312/5552d29eb4c90581158b5378/html5/thumbnails/41.jpg)
www.egroup.beegroup.be ergonomie et conversion – 2011
![Page 42: Ergonomie et conversion](https://reader036.vdocuments.site/reader036/viewer/2022062312/5552d29eb4c90581158b5378/html5/thumbnails/42.jpg)
www.egroup.beegroup.be ergonomie et conversion – 2011
4. Tunnel d’achat
Guider le client jusqu’à l’achat
Rassurer que tout va bien se passer
Faciliter la tâche de l’utilisateur
Faire de l’achat une tâche complexe
et éprouvante
Du « panier » à la « caisse enregistreuse »
![Page 43: Ergonomie et conversion](https://reader036.vdocuments.site/reader036/viewer/2022062312/5552d29eb4c90581158b5378/html5/thumbnails/43.jpg)
www.egroup.beegroup.be ergonomie et conversion – 2011
![Page 44: Ergonomie et conversion](https://reader036.vdocuments.site/reader036/viewer/2022062312/5552d29eb4c90581158b5378/html5/thumbnails/44.jpg)
www.egroup.beegroup.be ergonomie et conversion – 2011
![Page 45: Ergonomie et conversion](https://reader036.vdocuments.site/reader036/viewer/2022062312/5552d29eb4c90581158b5378/html5/thumbnails/45.jpg)
www.egroup.beegroup.be ergonomie et conversion – 2011
5. Formulaires / inscription
Récolter les informations
nécessaires
Etre simple et direct
Prévenir des erreurs (ex: format)
Demander de nombreux champs
inutiles et difficiles à remplir
Le « calvaire » des utilisateurs !
![Page 46: Ergonomie et conversion](https://reader036.vdocuments.site/reader036/viewer/2022062312/5552d29eb4c90581158b5378/html5/thumbnails/46.jpg)
www.egroup.beegroup.be ergonomie et conversion – 2011
![Page 47: Ergonomie et conversion](https://reader036.vdocuments.site/reader036/viewer/2022062312/5552d29eb4c90581158b5378/html5/thumbnails/47.jpg)
www.egroup.beegroup.be ergonomie et conversion – 2011
49 champs !
![Page 48: Ergonomie et conversion](https://reader036.vdocuments.site/reader036/viewer/2022062312/5552d29eb4c90581158b5378/html5/thumbnails/48.jpg)
www.egroup.beegroup.be ergonomie et conversion – 2011
6. Page « a propos »
Expliquer que fait la société (en 1 paragraphe)
Proposer des moyens de contact
Gagner la confiance
Un gage de confiance
Trop de blabla « marketing »
Cacher les données de contact
![Page 49: Ergonomie et conversion](https://reader036.vdocuments.site/reader036/viewer/2022062312/5552d29eb4c90581158b5378/html5/thumbnails/49.jpg)
www.egroup.beegroup.be ergonomie et conversion – 2011
![Page 50: Ergonomie et conversion](https://reader036.vdocuments.site/reader036/viewer/2022062312/5552d29eb4c90581158b5378/html5/thumbnails/50.jpg)
www.egroup.beegroup.be ergonomie et conversion – 2011
![Page 51: Ergonomie et conversion](https://reader036.vdocuments.site/reader036/viewer/2022062312/5552d29eb4c90581158b5378/html5/thumbnails/51.jpg)
www.egroup.beegroup.be ergonomie et conversion – 2011
![Page 52: Ergonomie et conversion](https://reader036.vdocuments.site/reader036/viewer/2022062312/5552d29eb4c90581158b5378/html5/thumbnails/52.jpg)
www.egroup.beegroup.be ergonomie et conversion – 2011
Concrètement
Faites un bilan « utilisabilité »
1. A quel stade suis-je aujourd’hui ?
2. Quel bénéfice puis-je tirer d’un site qui converti mieux ? A quelle risque je m’expose sans une bonne conversion ?
3. Comment puis-je m’améliorer ?
4. Testez, mesurez, améliorez ! (et ensuite revenez au point 1)
![Page 53: Ergonomie et conversion](https://reader036.vdocuments.site/reader036/viewer/2022062312/5552d29eb4c90581158b5378/html5/thumbnails/53.jpg)
www.egroup.beegroup.be ergonomie et conversion – 2011
Merci de votre attention !
![Page 54: Ergonomie et conversion](https://reader036.vdocuments.site/reader036/viewer/2022062312/5552d29eb4c90581158b5378/html5/thumbnails/54.jpg)
www.egroup.beegroup.be ergonomie et conversion – 2011
Une question ?
Pour plus d’informations: [email protected]
/SachaKocovski
www.egroup.be