La conception d hypermédias Cours Ergonomie des Interaction Personne-Machine 11 Janvier 2006...

20
La conception d ’hypermédias Cours Ergonomie des Interaction Personne- Machine 11 Janvier 2006 réalisée par Mireille Bétrancourt (http://tecfa.unige.ch/perso/mireille) TECFA Technologies pour la Formation et l’Apprentissage

Transcript of La conception d hypermédias Cours Ergonomie des Interaction Personne-Machine 11 Janvier 2006...

Page 1: La conception d hypermédias Cours Ergonomie des Interaction Personne-Machine 11 Janvier 2006 Présentation réalisée par Mireille Bétrancourt (

La conception d ’hypermédias

Cours Ergonomie des Interaction Personne-Machine

11 Janvier 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 11 Janvier 2006 Présentation réalisée par Mireille Bétrancourt (

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 11 Janvier 2006 Présentation réalisée par Mireille Bétrancourt (

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 11 Janvier 2006 Présentation réalisée par Mireille Bétrancourt (

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 11 Janvier 2006 Présentation réalisée par Mireille Bétrancourt (

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 11 Janvier 2006 Présentation réalisée par Mireille Bétrancourt (

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 11 Janvier 2006 Présentation réalisée par Mireille Bétrancourt (

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 11 Janvier 2006 Présentation réalisée par Mireille Bétrancourt (

Les hypertextes facilitent-ils la recherche d’information et la

compréhension ?

Page 9: La conception d hypermédias Cours Ergonomie des Interaction Personne-Machine 11 Janvier 2006 Présentation réalisée par Mireille Bétrancourt (

Qu ’apportent les hypertextes ?

Organisation en réseau sémantique

A BC

DEFG

Page 10: La conception d hypermédias Cours Ergonomie des Interaction Personne-Machine 11 Janvier 2006 Présentation réalisée par Mireille Bétrancourt (

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 11 Janvier 2006 Présentation réalisée par Mireille Bétrancourt (

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 11 Janvier 2006 Présentation réalisée par Mireille Bétrancourt (

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 11 Janvier 2006 Présentation réalisée par Mireille Bétrancourt (

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 11 Janvier 2006 Présentation réalisée par Mireille Bétrancourt (

Quel hypertexte choisir ?

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 11 Janvier 2006 Présentation réalisée par Mireille Bétrancourt (

III.

Les

Hyp

erte

xtes

Page 16: La conception d hypermédias Cours Ergonomie des Interaction Personne-Machine 11 Janvier 2006 Présentation réalisée par Mireille Bétrancourt (

Retour

III.

Les

Hyp

erte

xtes

Page 17: La conception d hypermédias Cours Ergonomie des Interaction Personne-Machine 11 Janvier 2006 Présentation réalisée par Mireille Bétrancourt (

Outils de navigation : points de repères

Page 18: La conception d hypermédias Cours Ergonomie des Interaction Personne-Machine 11 Janvier 2006 Présentation réalisée par Mireille Bétrancourt (

HistoriqueII

I. L

es H

yper

text

es

Historique

Page 19: La conception d hypermédias Cours Ergonomie des Interaction Personne-Machine 11 Janvier 2006 Présentation réalisée par Mireille Bétrancourt (

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 11 Janvier 2006 Présentation réalisée par Mireille Bétrancourt (

Conclusion

Evaluation sur la base de trois dimensions :

contenu

organisation

navigation : structurelle et sémantique