l’analyse de système : le cas des hypertextes
DESCRIPTION
TECFA Technologies pour la Formation et l’Apprentissage. L’analyse de système : le cas des hypertextes. Cours Ergonomie des Interactions Personne-Machine 10 novembre 2010. Mireille Bétrancourt et Kalliopi Benetos – http:// tecfa,unige.ch. Plan de la séance. Présentation collective - PowerPoint PPT PresentationTRANSCRIPT
L’analyse de système :le cas des hypertextes
Cours Ergonomie des Interactions Personne-Machine
10 novembre 2010
Mireille Bétrancourt et Kalliopi Benetos – http://tecfa,unige.ch
TECFATechnologies pour la
Formation et l’Apprentissage
Plan de la séance
• Présentation collective• Comment mener l’analyse de systèmes ?• Exercice d’exploration et d’analyse de sites
Web• Debriefing collectif• Présentation des caractéristiques des
hypertextes et sites web
Analyse de l’activité
Test utilisateurs
Analyse du système
Contenu, organisation, fonctionnalités, outils d’aidePb d’utilisabilité « supposés »
Scénario d’utilisation
Contexte global d’utilisation
Un ou plusieurs exemples
de tâches authentiquesProblèmes rencontrés
Pb d’utilisabilité observés :Diagnostic, propositions de remédiation
1 entretien public cible
5 utilisateurs / -trices d’un même public cible
Vous avez réaliséces 2 étapesVous êtes ici
N’essayez pas encore de déterminer ça !
Expérience de navigation
Voir Programme -> Activité du 10 Novembre
http://tecfa.unige.ch/tecfa/teaching/LMRI41/projet_phase3.html
Le cerveau à tous les niveaux
Un peu de butinage…
Site « Usabilis »
Site interactif Resto-rang
III.
Les
Hyp
erte
xtes
Et aussi :Site communautaire TecfaseedHyperbook Engine for education
Analyse du système
Quel est le contenu proposé ?Comment est-il organisé ?
Quelles sont les fonctionnalités prévues ?Faire un schéma (voir ci-après)
Quels sont les outils de navigation ?Quels sont les outils d’aide disponibles ?
Quels sont les problèmes potentiels ?
1
2
7
3
4
5
6
8
Représentation des fonctionnalitésNécessite un formalisme de représentation de l’interaction
Ex : bancomat
Insérer carte
Entrer codePIN
Codeerroné ? oui
Codeoublié ?
Echecoui
non
Choisir ou entrermontant
Choisir ticketO / N
non
Retrait carte
Retrait billets
Réussite
non
Retrait carte
Retrait billets
Retrait ticket
Réussite
oui
Un hypertexte, c’est :
« Un programme informatique permettant de créer ou de présenter de façon interactive un ensemble de données textuelles ouautres médias (graphiques, vidéos, tableaux = hypermédias). »
Mode de gestion de l ’information où cette dernière estreprésentée par des unités d’informations appelées nœuds,reliés par des liens, activables par action de la souris surdes ancres.
La notion d ’hypertexte
Et alors jhkje iuoléj iuhziue wluizliuh luhgl jlierug uegh hjegkjh kej kjkjhgkj kkjhgkjhg iéupéiuoi Et alors jhkje iuoléj iuhziue
wluizliuh luhgl jlierug uegh hjegkjh kej kjkjhgkj
kkjhgkjhg iéupéiuoi
Et alors jhkje iuoléj iuhziue wluizliuh luhgl jlierug uegh hjegkjh kej kjkjhgkj kkjhgkjhg iéupéiuoi Et alors jhkje iuoléj iuhziue
wluizliuh luhgl jlierug uegh hjegkjh kej kjkjhgkj kkjhgkjhg iéupéiuoi
Et alors jhkje iuoléj iuhziue wluizliuh luhgl jlierug uegh hjegkjh kej kjkjhgkj kkjhgkjhg iéupéiuoi
lienNœud (ou unité
d’information)
ancre@Pierre Dillenbourg
Dans un texte, information présentée de façon linéaire
La structure des hypertextes
A-------------
A-------------
A-------------
A-------------
A-------------
A-------------
A-------------
A-------------
A-------------
A-------------
Dans un hypertexte, l’information est :
découpée en unités d ’information
structurée en réseau.
La structure des hypertextes
A-------------
A-------------
A-------------
A-------------
A-------------
A-------------
A-------------
A-------------
A-------------
A-------------
Structure hiérarchique
Structure sémantique
Niveaux de conception
Vision orientée tâche
Vision orientée information
Garrett, J.J. (2000). The elements of user experience. New Riders Publishing.
Comment faciliter la recherche d’information dans les hypertextes ?
Le cycle évaluation - sélection - traitementI.
La
rech
erch
e d’
info
rmat
ions
CONTRAINTESSITUATIONNELLES
CONNAISSANCESDISPONIBLES
EVALUATIONReprésentation de but
Plan de recherche
SELECTION
Identification
Estimationpertinence
Choix de la cible
TRAITEMENT
Intégration
Filtrage
Compréhension
Etat de la solution
satisfaisanteFIN
Tricot & Rouet, 1998
Deux problèmes…
la désorientation gestion de la tâche
où suis-je et où vais-je ?
manque d ’indices discursifset structurels
Foss (1989)
III.
Les
Hyp
erte
xtes
Deux problèmes
la surcharge cognitive la charge cognitive augmente lorsque la structuration diminue
la désorientationElaborer une
stratégieFormuler et maintenir un but
Elaborer une
représentation du
site
Savoir ce qu’on ignore
Se souvenir de son cheminII
I. L
es H
yper
text
es
Qu’est-ce qu’un « bon » hypertexte ?
Adéquation du contenu aux objectifs et au public
III.
Les
Hyp
erte
xtes
Découpage en unités pertinentes
Structure sémantique et structure de navigation
Exemples vus en début de cours
Critères d’évaluation des hypertextes ?
Adéquation du contenu aux objectifs et au public
Outils d’organisation
aide à la compréhension de la structuredu document
III.
Les
Hyp
erte
xtes
plan indicateurs depositionnement
indicateurs devolume
Page 21/28
Exemples
Quels outils ?
Adéquation du contenu aux objectifs et au public
Outils d’organisation
aide à la compréhension de la structuredu document
outils de navigation
Exemples
Exemples
III.
Les
Hyp
erte
xtes
historiquepoints de repères
défilement retourannonces de destination
info locale
III.
Les
Hyp
erte
xtes
Retour
III.
Les
Hyp
erte
xtes
Outils de navigation : points de repères
HistoriqueII
I. L
es H
yper
text
es
Historique
Outils de navigation : informations locales
Clic ici
University of Georgia
http://www.uga.edu/
Conclusion
Evaluation sur la base de trois dimensions :
contenu
organisation
navigation : structurelle et sémantique
Outils d’aide à l’organisation et à la navigation