la conception d hypermédias cours ergonomie des interaction personne-machine 6 décembre 2006...
TRANSCRIPT
![Page 1: La conception d hypermédias Cours Ergonomie des Interaction Personne-Machine 6 Décembre 2006 Présentation réalisée par Mireille Bétrancourt (](https://reader036.vdocuments.site/reader036/viewer/2022070309/551d9db6497959293b8daf62/html5/thumbnails/1.jpg)
La conception d ’hypermédias
Cours Ergonomie des Interaction Personne-Machine
6 Décembre 2006
Présentation réalisée par Mireille Bétrancourt (http://tecfa.unige.ch/perso/mireille)
TECFATechnologies pour la
Formation et l’Apprentissage
![Page 2: La conception d hypermédias Cours Ergonomie des Interaction Personne-Machine 6 Décembre 2006 Présentation réalisée par Mireille Bétrancourt (](https://reader036.vdocuments.site/reader036/viewer/2022070309/551d9db6497959293b8daf62/html5/thumbnails/2.jpg)
Le cerveau dans tous ses états
Un peu de butinage…
Théories d’enseignement - apprentissage
Portail communautaire
III.
Les
Hyp
erte
xtes
![Page 3: La conception d hypermédias Cours Ergonomie des Interaction Personne-Machine 6 Décembre 2006 Présentation réalisée par Mireille Bétrancourt (](https://reader036.vdocuments.site/reader036/viewer/2022070309/551d9db6497959293b8daf62/html5/thumbnails/3.jpg)
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). »
![Page 4: La conception d hypermédias Cours Ergonomie des Interaction Personne-Machine 6 Décembre 2006 Présentation réalisée par Mireille Bétrancourt (](https://reader036.vdocuments.site/reader036/viewer/2022070309/551d9db6497959293b8daf62/html5/thumbnails/4.jpg)
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
![Page 5: La conception d hypermédias Cours Ergonomie des Interaction Personne-Machine 6 Décembre 2006 Présentation réalisée par Mireille Bétrancourt (](https://reader036.vdocuments.site/reader036/viewer/2022070309/551d9db6497959293b8daf62/html5/thumbnails/5.jpg)
Composants d ’un hypertexte
A BC
DEFG
AB
B
G
Base de données structurées sémantiquement
![Page 6: La conception d hypermédias Cours Ergonomie des Interaction Personne-Machine 6 Décembre 2006 Présentation réalisée par Mireille Bétrancourt (](https://reader036.vdocuments.site/reader036/viewer/2022070309/551d9db6497959293b8daf62/html5/thumbnails/6.jpg)
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-------------
![Page 7: La conception d hypermédias Cours Ergonomie des Interaction Personne-Machine 6 Décembre 2006 Présentation réalisée par Mireille Bétrancourt (](https://reader036.vdocuments.site/reader036/viewer/2022070309/551d9db6497959293b8daf62/html5/thumbnails/7.jpg)
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 de navigation
Structure conceptuelle
![Page 8: La conception d hypermédias Cours Ergonomie des Interaction Personne-Machine 6 Décembre 2006 Présentation réalisée par Mireille Bétrancourt (](https://reader036.vdocuments.site/reader036/viewer/2022070309/551d9db6497959293b8daf62/html5/thumbnails/8.jpg)
Comment faciliter la recherche d’information dans les hypertextes ?
![Page 9: La conception d hypermédias Cours Ergonomie des Interaction Personne-Machine 6 Décembre 2006 Présentation réalisée par Mireille Bétrancourt (](https://reader036.vdocuments.site/reader036/viewer/2022070309/551d9db6497959293b8daf62/html5/thumbnails/9.jpg)
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
![Page 10: La conception d hypermédias Cours Ergonomie des Interaction Personne-Machine 6 Décembre 2006 Présentation réalisée par Mireille Bétrancourt (](https://reader036.vdocuments.site/reader036/viewer/2022070309/551d9db6497959293b8daf62/html5/thumbnails/10.jpg)
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
![Page 11: La conception d hypermédias Cours Ergonomie des Interaction Personne-Machine 6 Décembre 2006 Présentation réalisée par Mireille Bétrancourt (](https://reader036.vdocuments.site/reader036/viewer/2022070309/551d9db6497959293b8daf62/html5/thumbnails/11.jpg)
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 domaine
Savoir ce qu’on ignore
Se souvenir de son chemin
III.
Les
Hyp
erte
xtes
![Page 12: La conception d hypermédias Cours Ergonomie des Interaction Personne-Machine 6 Décembre 2006 Présentation réalisée par Mireille Bétrancourt (](https://reader036.vdocuments.site/reader036/viewer/2022070309/551d9db6497959293b8daf62/html5/thumbnails/12.jpg)
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
![Page 13: La conception d hypermédias Cours Ergonomie des Interaction Personne-Machine 6 Décembre 2006 Présentation réalisée par Mireille Bétrancourt (](https://reader036.vdocuments.site/reader036/viewer/2022070309/551d9db6497959293b8daf62/html5/thumbnails/13.jpg)
Quel hypertexte choisir ?
Adéquation du contenu aux objectifs et au public
Outils d’organisation
aide à la compréhension de la structuredu document
Exemples
III.
Les
Hyp
erte
xtes
plan indicateurs depositionnement
indicateurs devolume
Page 21/28
![Page 14: La conception d hypermédias Cours Ergonomie des Interaction Personne-Machine 6 Décembre 2006 Présentation réalisée par Mireille Bétrancourt (](https://reader036.vdocuments.site/reader036/viewer/2022070309/551d9db6497959293b8daf62/html5/thumbnails/14.jpg)
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
![Page 15: La conception d hypermédias Cours Ergonomie des Interaction Personne-Machine 6 Décembre 2006 Présentation réalisée par Mireille Bétrancourt (](https://reader036.vdocuments.site/reader036/viewer/2022070309/551d9db6497959293b8daf62/html5/thumbnails/15.jpg)
III.
Les
Hyp
erte
xtes
![Page 16: La conception d hypermédias Cours Ergonomie des Interaction Personne-Machine 6 Décembre 2006 Présentation réalisée par Mireille Bétrancourt (](https://reader036.vdocuments.site/reader036/viewer/2022070309/551d9db6497959293b8daf62/html5/thumbnails/16.jpg)
Retour
III.
Les
Hyp
erte
xtes
![Page 17: La conception d hypermédias Cours Ergonomie des Interaction Personne-Machine 6 Décembre 2006 Présentation réalisée par Mireille Bétrancourt (](https://reader036.vdocuments.site/reader036/viewer/2022070309/551d9db6497959293b8daf62/html5/thumbnails/17.jpg)
Outils de navigation : points de repères
![Page 18: La conception d hypermédias Cours Ergonomie des Interaction Personne-Machine 6 Décembre 2006 Présentation réalisée par Mireille Bétrancourt (](https://reader036.vdocuments.site/reader036/viewer/2022070309/551d9db6497959293b8daf62/html5/thumbnails/18.jpg)
HistoriqueII
I. L
es H
yper
text
es
Historique
![Page 19: La conception d hypermédias Cours Ergonomie des Interaction Personne-Machine 6 Décembre 2006 Présentation réalisée par Mireille Bétrancourt (](https://reader036.vdocuments.site/reader036/viewer/2022070309/551d9db6497959293b8daf62/html5/thumbnails/19.jpg)
Outils de navigation : informations locales
Clic ici
University of Georgia
http://www.uga.edu/
![Page 20: La conception d hypermédias Cours Ergonomie des Interaction Personne-Machine 6 Décembre 2006 Présentation réalisée par Mireille Bétrancourt (](https://reader036.vdocuments.site/reader036/viewer/2022070309/551d9db6497959293b8daf62/html5/thumbnails/20.jpg)
Conclusion
Evaluation sur la base de trois dimensions :
contenu
organisation
navigation : structurelle et sémantique