concepts methodes

31
Ergonomie Web

Upload: msk10

Post on 18-Dec-2014

692 views

Category:

Education


2 download

DESCRIPTION

cours Web design, Master Arts et Création Numérique, UVHC, 2011

TRANSCRIPT

Page 1: Concepts methodes

Ergonomie Web

Page 2: Concepts methodes

« 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, fin des années 50

« 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, fin des années 50

● C'est une démarche● Notion de tâche primordiale● Méthodes d'analyse et de conception● Optimisation ergonomique

Page 3: Concepts methodes

● Paradigme n°1 : conception centrée sur les interactions Homme/Machine

● Quelle est la tâche de l'utilisateur? accessibilité ?● Comment améliorer l'utilité et l'utilisabilité d'un produit?● Comment interpréter l'environnement cognitif (traitement de

l'information), pour améliorer :

performance, satisfaction, sécurité.

● Paradigme n°2 : conception centrée sur l'expérience de l'utilisateur « user experience »

● Comment interpréter la dimension affective et les émotions pour améliorer :

beauté perçue, qualité hédonique, bien-être, plaisir, amusement, fun

Page 4: Concepts methodes

Lien étroit entre le cognitif et l’ émotif

Les émotions affectent la façon dont nous traitons l'information :● notre jugement● nos prises de décisions● notre apprentissage

Elles modifient notre manière de nous confronter à la réalité et de résoudre les problèmes.

Elles nous aident à évaluer les situations comme bonnes ou mauvaises, sécuritaires ou dangereuses.

Page 5: Concepts methodes

Qualité hédonique d'un produit

● Est-ce que l'utilisation d'un produit est source de plaisir pour l'utilisateur?

● Buzz words très tendance● Emotional design● Perceived hedonic quality● Pleasurable products● Funology

● Concepts parallèles : amusement, fun, beau, joie, enchantement, attrait, nouveauté

Page 6: Concepts methodes

Attractive things work better● Emotion & Design – Donald Norman (2002)

● Trois théières :● Accent sur l'utilisabilié (plus exactement la non

utilisabilité)● Accent sur l'esthètique● Accent sur le fonctionnel

Page 7: Concepts methodes

Carelman : Catalogue des objets introuvables (1969) Peter Bo : Maru Teapot (2007)

Page 8: Concepts methodes

The Ronnefeldt « tilting » teapot (2004)

Page 9: Concepts methodes

Accessibilité caractère de quelque chose qui est accessible

● Se dit d'un lieu, d'une situation, etc., auxquels on peut accéder : Village difficilement accessible.

● Se dit de quelque chose (livre, œuvre, art) que l'on peut comprendre ; intelligible, compréhensible.

● Se dit de quelque chose (produit, service, loisir, etc.) que l'on peut s'offrir ; abordable : Le ski est maintenant accessible à beaucoup de gens.

● Qui se laisse émouvoir, toucher ; sensible : Un homme accessible à la pitié.

● Que l'on peut facilement aborder : Un président-directeur général accessible.

Page 10: Concepts methodes

WCAG 2.0 : Règles pour l' accessibilité des contenus Web

● quatre principes fondamentaux : perceptible, utilisable, compréhensible et robuste

● 12 règles : trame, objectifs de base

● critères de succès : tests de conformité des règles (spécification de conception, achat, réglementation, accords contractuels). Trois niveaux de conformité : A (le plus bas), AA et AAA (le plus élevé).

● techniques suffisantes, recommandées

W3C : Web Content Accessibility Guidelinesaccessiweb.org : Label_Accessibilite

Page 11: Concepts methodes

Iso 9241 : Utilisabilité

« Un produit est dit utilisable lorsqu'il peut être utilisé avec efficacité, efficience et satisfaction par des utilisateurs donnés (specified), cherchant à atteindre des objectifs donnés, dans un contexte d'utilisation donné. »

+ =

Page 12: Concepts methodes

Iso 9241 : Utilisabilité« Un produit est dit utilisable lorsqu'il peut être utilisé avec efficacité, efficience et satisfaction par des utilisateurs donnés (specified), cherchant à atteindre des objectifs donnés, dans un contexte d'utilisation donné. »

Ce qu'il est

Ce qu'il veut

Où il se trouve

Conception Centrée Utilisateur

3 dimensions

Page 13: Concepts methodes

ISO 13407 : étapes du cycle de conception centrée utilisateur

http://www.ergolab.net/articles/conception-centree-utilisateur.php

1: analyse

2: conception

3: évaluation

Page 14: Concepts methodes

Iso 9241 : Utilisabilité

« Un produit est dit utilisable lorsqu'il peut être utilisé avec efficacité, efficience et satisfaction par des utilisateurs donnés (specified), cherchant à atteindre des objectifs donnés, dans un contexte d'utilisation donné. »

Objectif 1 : EfficacitéL'utilisateur doit réussir à faire ce qu'il veut● Aisance d'utilisation● Facilité d'apprentissage

● Critère primordial pour les interfaces grand public●Séduire de nouveaux utilisateurs

Page 15: Concepts methodes

Iso 9241 : Utilisabilité« Un produit est dit utilisable lorsqu'il peut être utilisé avec efficacité, efficience et satisfaction par des utilisateurs donnés (specified), cherchant à atteindre des objectifs donnés, dans un contexte d'utilisation donné. »

Objectif 2 : EfficienceIl doit atteindre ses objectifs ● Le plus rapidement possible● Avec le moins d'erreurs possibles

● Dimension critique pour les interfaces spécialisées, applications métiers● Conserver des clients existants

Page 16: Concepts methodes

Iso 9241 : Utilisabilité« Un produit est dit utilisable lorsqu'il peut être utilisé avec efficacité, efficience et satisfaction par des utilisateurs donnés (specified), cherchant à atteindre des objectifs donnés, dans un contexte d'utilisation donné. »o

Page 17: Concepts methodes

Les méthodes● Méthodes expertes

● ne font pas intervenir d'utilisateur● pas spécialement expert en Ergonomie ● le cerveau du concepteur

● Méthodes participatives● utilisateurs finaux des interfaces● observer, questionner, analyser le comportement et

le discours des internautes

Page 18: Concepts methodes

Les méthodes expertes● Audit ergonomique,

Jacob Nielsen : 5 utilisateurs-expert : 80% des pb● Réalisations de plans de site● Réalisations de flux d'interaction● Réalisations de zonings et maquettes

Page 19: Concepts methodes

Les méthodes participatives● Entretiens (Focus group)

recueil de données subjectives : attitudes, opinions, satisfaction→ conclusion sur le discours

● Questionnaires● Test utilisateur (User testing)

recueil de données objectives : → conclusion sur le comportement

● Tri par cartes → architecture du site

Page 20: Concepts methodes

Questionnaires● NAU : Nielsen's Attribute of Usability

– 5 Q, échelle 7 points● PUTQ : Purdue Usability Questionnaire

– 100 Q, 8 dimensions, échelle 7 pointsCompatibilité Actions minimalesCohérence MémorisationFlexibilité Limites perceptivesFacilité d'apprentissage Guidage

● WAMMI : Website Analysis and Measurement Inventory

– 20 Q, 5 dimensions, échelle en 5 points

Page 21: Concepts methodes

WAMMI Website Analysis and Measurement Inventory

20 Affirmations, 5 dimensions, échelle en 5 points

● Attrait - Q : 1,6,16● Contrôle - Q : 2, 7, 17, 19● Efficacité - Q : 3, 8, 13● Utilité - Q : 9, 11, 12, 14, 18● Facilité d'apprentissage - Q : 4, 5, 10, 15, 20

Page 22: Concepts methodes

Test utilisateur (User testing)● Scénario : exécution de tâches représentatives des tâches

réelles

● Outils logiciels● Mouchard électronique (monitoring) : enregistre tous

les événements dans des fichiers « log file ».

● Video Log « the observer » : pilote un magnétoscope, retour de contrôle écran couplé à une caméra qui filme le visage et les expressions de l'utilisateur.

● Eye-Tracking : enregistre les mouvements des yeux.

outils heatmap.pdf

Page 23: Concepts methodes

Eye-tracking● Zones de priorité d'un écran

● Différences individuelles Audit Lab

Page 24: Concepts methodes

Trois types de lecture selon le contexte d'utilisation, l'expertise de l'internaute

● Repérage (survol)

● Balayage (survol + synthèse)● Lecture en profondeur (décortication, « mot à mot »)

J. Nielsen → grands principes pour l'écriture Web : * concision : nous lisons 25 % plus lentement à l'écran.

* balayabilité : quand nous lisons, nous "scannons", nous lisons « en diagonale » 79 % balaient les textes. 16% lisent mot à mot tout le contenu qui leur est présenté.

* morcellement des pages : les internautes n'utilisent pas systématiquement l'ascenseur vertical, cela milite donc pour des pages plutôt courtes, et un positionnement des informations importantes en haut de la page.

Page 25: Concepts methodes

Tri par cartes (card sorting)● Architecture de l'information : Méthode privilégiée en

amont du cycle de conception

● Jeu : faire ranger des contenus afin de comprendre comment les internautes opèrent des regroupements (modèles mentaux)

● 4 dimensions● Liberté d'action : ouvert/fermé● Support matériel : physique/informatisé● Panel participants : cible/experts domaine● Profondeur du tri : totalité du site/partiel

Page 26: Concepts methodes

« Penser comme un utilisateur, pas comme un expert »

Page 27: Concepts methodes
Page 28: Concepts methodes

Tri physiqueTri informatisé

Page 29: Concepts methodes

Représentation graphique : dendogramme (arbre)

Analyse des clusters (regroupement)

Page 30: Concepts methodes

Limites du tri par cartes● Conception théorique

● Processus bottom-up : on part des contenus pour accèder aux représentations

● Processus top-down : les représentations guident la recherche de contenu

● Contexte d'un site web : Architecture + choix d'interface

Page 31: Concepts methodes

Références● Ergonomie Web, Amélie Boucher, Eyrolles 2009

http://www.ergonomie-sites-web.com/telechargements/index.php

● Webergos : http://www-public.int-evry.fr/~milon/index.php●

Vidéo conférence● Tri par cartes – Etat de l'art