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?