WEBXDN2012 - Ergonomie & Taux de clics
43
AMELIORER SES TAUX GRACE A L’ERGONOMIE __________________ WebX Day&Night 2012 Jessica Papiot Septembre 2012
Transcript of WEBXDN2012 - Ergonomie & Taux de clics
AMELIORER SES TAUX GRACE A L’ERGONOMIE__________________
WebX Day&Night 2012
Jessica PapiotSeptembre 2012
• Qu’est ce que l’ergonomie
• L’ergonomie des IHM
• Quelles méthodes
• E-commerce
• Sites de rencontres
Un peu…
Mais pas seulement
Ergonomie
Ergonomie
Nomos: loiErgon : travail
Ergonomie“L'ensemble des connaissances scientifiques
relatives à l'Homme nécessaires pour
concevoir des outils, des machines et des
dispositifs qui puissent être utilisés avec le
maximum de confort, de sécurité et
d'efficacité”
Alain Wisner, 1972
ErgonomieLa compréhension fondamentale des interactions
entre les humains et les autres composantes -
humaines ou techniques - d'un système dans les
situations de travail et dans les situations "grand
public”
L’adaptation de son environment à l’Homme
• Qu’est ce que l’ergonomie
• L’ergonomie des IHM
Permettre la conception d’interfaces UTILISABLES
Efficacité
Efficience
Satisfaction
Critères ergonomiques Scapin et Bastien
GuidageConseiller, orienter, informer, et conduire l’utilisateur lors de ses interactions
Critères ergonomiques Scapin et Bastien
Guidage
Charge de travailL’ensemble des éléments de l’interface qui ont un rôle dans la réduction de
la charge perceptive ou mnésique des utilisateurs et dans l’augmentation de
l’efficacité du dialogue
Critères ergonomiques Scapin et Bastien
Guidage
Concerne à la fois la prise en compte par le système des actions explicites
des utilisateurs et le contrôle qu’ont les utilisateurs sur le traitement de leurs
actions
Charge de travail
Contrôle utilisateur
Critères ergonomiques Scapin et Bastien
Guidage
L’adaptabilité d’un système concerne sa capacité à réagir selon le
contexte, et selon les besoins et préférences des utilisateurs
Charge de travail
Contrôle utilisateur
Adaptabilité
Critères ergonomiques Scapin et Bastien
Guidage
Tous les moyens permettant d’une part d’éviter ou de réduire les erreurs, et
d’autre part de les corriger lorsqu’elles surviennent
Charge de travail
Contrôle utilisateur
Adaptabilité
Gestion des erreurs
Critères ergonomiques Scapin et Bastien
Guidage
La façon avec laquelle les choix de conception de l’interface
(codes, dénominations, formats, procédures, etc.) sont conservés pour des
contextes identiques, et sont différents pour des contextes différents
Charge de travail
Contrôle utilisateur
Adaptabilité
Gestion des erreurs
Cohérence
Critères ergonomiques Scapin et Bastien
Guidage
L’adéquation entre l’objet ou l’information affichée ou entrée, et son référent
Charge de travail
Contrôle utilisateur
Adaptabilité
Gestion des erreurs
Cohérence
Signifiance des codes
Critères ergonomiques Scapin et Bastien
Guidage
L’accord entre les caractéristiques des utilisateurs et des tâches
Charge de travail
Contrôle utilisateur
Adaptabilité
Gestion des erreurs
Cohérence
Signifiance des codes
Compatibilité
Guidage
Charge de travail
Adaptabilité
Signifiancedes codes
Compatibilité
Cohérence
• Qu’est ce que l’ergonomie
• L’ergonomie des IHM
• Quelles méthodes
Une demarche centrée utilisateur : ISO 13407
Comprendre et spécifier le contexte d’utilisation
Comprendre et spécifier les exigences utilisateurs et
organisationnelles
Produire des solutions de conception
Evaluer les solutions au regard des exigences prédéfinies
Les exigences ne sont pas atteintes
FIN
Les exigences sont atteintes
• Qu’est ce que l’ergonomie
• L’ergonomie des IHM
• Quelles méthodes
Quelques bonnes pratiques
• E-commerce
E-Commerce
Attention à l’effort de trop!
Aider l’utilisateur à se projetter
---------------------
La bonne info au bon moment
Amélie Boucher
Paris Web “De l’ergonomie pour mon site de E-Commerce”
www.ergolab.net
En résumé
Détails
Aider l’utilisateur à se projetter
Informer l’utilisateur avec la bonne info au bon moment
• Qu’est ce que l’ergonomie
• L’ergonomie des IHM
• Quelles méthodes
• E-commerce
• Sites de rencontres
Les formulaire
(Vraiment!)
Un point de fuite!
Wizard vs Page unique, telle est la question
Avantage : - Simplicité de chacune des pages- Gestion des erreurs facilité- Gestion des dépendances entre champs
Défauts : - Lenteur d’exécution de la tâche- Difficulté à juger la durée de renseignement
Avantage : - Rapidité d’exécution
Défauts : - Complexité de la page- Gestion des dépendances entre champs
La longueur des lignes n’est pas le fruit du hasard
A droite, à gauche? On les met où les libellés ?
Libellé court
Libellé
loooooooooong
Libellé court
Libellé loooong
+ ou – 6 caractères de différence
Par ce que faire ça vite-fait, ça a du bon!
Pré-selection d’option
Options les plus fréquentes
Par ce que faire ça vite-fait, ça a du bon!
Vérification des données
Libellés actifs
Gamification“Integrer des techniques et élements issus du
domaine du jeu à un domaine qui n’est pas du
jeu”
Quels élements du jeu?
Points
Quêtes
progression
Ressources
Social graph Avatars
Points
progression
Social graph
Quêtes
Ne pas confondre gamification et…
Avoir un jeu sur son site web…
Offrir des points de fidélité
Serious Game
• Qu’est ce que l’ergonomie
• L’ergonomie des IHM
• Quelles méthodes
Pour finir, des chiffres!
• E-commerce
• Sites de rencontres
Coût QA -85% grâce à uneréduction du nombre de fonctionnalité après une étuded’ergonomie($15 Million & 18 months saved)Microsoft Word
Xerox : 50 000 utilisateursappellent le support pour uneassistance sur une imprimante(coût $500 000) + $900 000 correctionAucun test utilisateur n’a été fait avant de mettre l’imprimante surle marché
Application conçue avec un ingénieur Ergonome a réduit le temps de formation par environ 25% (The Trouble withComputers, Cambridge /MIT Press)Design change à IBM : -10 minutes par tâche (économie : $7 Million)
MERCI DE VOTRE ATTENTION!__________________
Des questions?
