Lanalyse de systme : le cas des hypertextes Cours Ergonomie des
Interactions Personne-Machine 2 & 9 novembre 2011 Mireille
Btrancourt et Kalliopi Benetos http://tecfa,unige.ch TECFA
Technologies pour la Formation et lApprentissage
Page 2
Plan de la sance Prsentation collective Comment mener lanalyse
de systmes ? Exercice dexploration et danalyse de sites Web
Debriefing collectif Prsentation des caractristiques des
hypertextes et sites web
Page 3
Analyse de lactivit Test utilisateurs Analyse du systme
Contenu, organisation, fonctionnalits, outils daide Pb
dutilisabilit supposs Scnario dutilisation Contexte global
dutilisation Un ou plusieurs exemples de tches authentiques
Problmes rencontrs Pb dutilisabilit observs : Diagnostic,
propositions de remdiation 1 entretien public cible 5 utilisateurs
/ -trices dun mme public cible Vous avez ralis Cette tape Vous tes
ici Nessayez pas encore de dterminer a ! Aujourdhui on voit a
Page 4
Le cerveau tous les niveaux Un peu de butinage SiteSite
Usabilis Site interactif Site interactif Resto-rang III. Les
Hypertextes Et aussi : Site communautaire TecfaseedTecfaseed
Hyperbook Engine for educationEngine for education
Page 5
Analyse du systme Quel est le contenu propos ? Comment est-il
organis ? Quelles sont les fonctionnalits prvues ? Faire un schma
(voir ci-aprs) Quels sont les outils de navigation ? Quels sont les
outils daide disponibles ? Quels sont les problmes potentiels
?
Page 6
1 2 7 3 4 5 6 8
Page 7
Exprience de navigation Voir Programme -> Activit du 2
Novembre
http://tecfa.unige.ch/tecfa/teaching/LMRI41/projet_phase3.html
Page 8
Reprsentation des fonctionnalits Ncessite un formalisme de
reprsentation de linteraction Ex : bancomat
Page 9
Insrer carte Entrer code PIN Code erron ? oui Code oubli ?
Echec oui non Choisir ou entrer montant Choisir ticket O / N non
Retrait carte Retrait billets Russite non Retrait carte Retrait
billets Retrait ticket Russite oui
Page 10
Un hypertexte, cest : Un programme informatique permettant de
crer ou de prsenter de faon interactive un ensemble de donnes
textuelles ou autres mdias (graphiques, vidos, tableaux =
hypermdias).
Page 11
Mode de gestion de l information o cette dernire est reprsente
par des units dinformations appeles nuds, relis par des liens,
activables par action de la souris sur des ancres. La notion d
hypertexte Et alors jhkje iuolj iuhziue wluizliuh luhgl jlierug
uegh hjegkjh kej kjkjhgkj kkjhgkjhg iupiuoi lien Nud (ou unit
dinformation ) ancre @Pierre Dillenbourg
Page 12
Dans un texte, information prsente de faon linaire La structure
des hypertextes A--- ----- A--- ----- A--- ----- A--- ----- A---
----- A--- ----- A--- ----- A--- ----- A--- ----- A--- -----
Page 13
Dans un hypertexte, linformation est : dcoupe en units d
information structure en rseau. La structure des hypertextes A---
----- A--- ----- A--- ----- A--- ----- A--- ----- A--- ----- A---
----- A--- ----- A--- ----- A--- ----- Structure hirarchique
Structure smantique
Page 14
stratgie Objectif stratgique Besoin utilisateur Focus Contenu
Fonctionna- lits Structure Architecture Design de linteraction
Squelette Navigation Design de linterface Surface Design visuel
Esthtique Niveaux de conception Vision oriente tche Vision oriente
information Garrett, J.J. (2000). The elements of user experience.
New Riders Publishing.
Page 15
Comment faciliter la recherche dinformation dans les
hypertextes ? Pourquoi il tait si difficile de trouver la structure
crbrale implique dans la mmoire pisodique ?
Page 16
Le cycle valuation - slection - traitement I. La recherche
dinformations CONTRAINTES SITUATIONNELLES CONNAISSANCES DISPONIBLES
EVALUATION Reprsentation de but Plan de recherche SELECTION
Identification Estimation pertinence Choix de la cible TRAITEMENT
Intgration Filtrage Comprhension Etat de la solution satisfaisante
FIN Tricot & Rouet, 1998
Page 17
Information Problem Solving Lazonder & Rouet, 2008
Page 18
Difficults de navigation Sentiment de dsorientation Calisir
& Gurel, 2003 Source image
:http://www.interactivearchitecture.org/nevel
-moving-labyrinth.html - Ne pas savoir comment retrouver une page
particulire - Ne pas savoir o aller maintenant, - Ne pas savoir o
trouver une information et comment y aller - Ne pas savoir ce que
lon a dj explor
Page 19
Que nous dit la recherche : Limites Situation de double tche
surcharge cognitive Tche de Recherche dinfo Lecture Comprhension
Mmorisation Tche de navigation Reprsentation de la structure
Mmorisation de son chemin Comprhension des outils
Page 20
Que nous dit la recherche : facteurs Les rsultats dpendent De
la structuration de lhypertexte De la tche (lecture, rappel
dinformation locale, comprhension globale) Des pr-requis des
utilisateurs Ex : Connaissances pralables, comme mdiateur de la
motivation et de lintrt (Moos & Marroquin, 2010) Des outils de
guidage et de navigation disponibles
Page 21
Que nous dit la recherche : facteurs De la structuration de
lhypertexte Lee & Tedder (2003)
Page 22
Que nous dit la recherche : facteurs Structuration de
lhypertexte Outils daccs cette structure fournis lutilisateur
Reprsentation de lorganisation du contenu Navigation dans la
structure Caro, S. & Btrancourt, M. (1998). Ergonomie de la
prsentation des textes sur cran : guide pratique. in A. Tricot et
J.F Rouet (eds.) Hypertextes et Hypermdias, Concevoir et utiliser
les hypermdias: approches cognitives et ergonomiques. (pp. 123 -
137), Herms : Paris.
Page 23
Que nous dit la recherche : facteurs Potelle et Rouet,
2003
Page 24
Quest-ce quun bon hypertexte ? Adquation du contenu aux
objectifs et au public III. Les Hypertextes Dcoupage en units
pertinentes Structure smantique et structure de navigation Exemples
vus en dbut de cours
Page 25
Critres dvaluation des hypertextes ? Adquation du contenu aux
objectifs et au public Outils dorganisation aide la comprhension de
la structure du document III. Les Hypertextes planindicateurs de
positionnement indicateurs de volume Page 21/28 Exemples
Page 26
Quels outils ? Adquation du contenu aux objectifs et au public
Outils dorganisation aide la comprhension de la structure du
document outils de navigation Exemples III. Les Hypertextes
historiquepoints de repres dfilementretourannonces de destination
info locale
Page 27
III. Les Hypertextes
Page 28
Retour III. Les Hypertextes
Page 29
Outils de navigation : points de repres
Page 30
Historique III. Les Hypertextes Historique
Page 31
Outils de navigation : informations locales Clic ici University
of Georgia http://www.uga.edu/
Page 32
Conclusion Evaluation sur la base de quatre dimensions :
contenu organisation navigation : structurelle et smantique Outils
daide lorganisation et la navigation