20
Des hypertextes utilisables Cours Ergonomie des Interactions Personne- Machine 15 octobre 2008 éalisée par Mireille Bétrancourt (http://tecfa.unige.ch/perso/mireille) TECFA Technologies pour la Formation et l’Apprentissage

Des hypertextes utilisables Cours Ergonomie des Interactions Personne-Machine 15 octobre 2008 Présentation réalisée par Mireille Bétrancourt (

Embed Size (px)

Citation preview

Page 1: Des hypertextes utilisables Cours Ergonomie des Interactions Personne-Machine 15 octobre 2008 Présentation réalisée par Mireille Bétrancourt (

Des hypertextes utilisables

Cours Ergonomie des Interactions Personne-Machine

15 octobre 2008

Présentation réalisée par Mireille Bétrancourt (http://tecfa.unige.ch/perso/mireille)

TECFATechnologies pour la

Formation et l’Apprentissage

Page 2: Des hypertextes utilisables Cours Ergonomie des Interactions Personne-Machine 15 octobre 2008 Présentation réalisée par Mireille Bétrancourt (

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

Page 3: Des hypertextes utilisables Cours Ergonomie des Interactions Personne-Machine 15 octobre 2008 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: Des hypertextes utilisables Cours Ergonomie des Interactions Personne-Machine 15 octobre 2008 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: Des hypertextes utilisables Cours Ergonomie des Interactions Personne-Machine 15 octobre 2008 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 6: Des hypertextes utilisables Cours Ergonomie des Interactions Personne-Machine 15 octobre 2008 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 hiérarchique

Structure sémantique

Page 7: Des hypertextes utilisables Cours Ergonomie des Interactions Personne-Machine 15 octobre 2008 Présentation réalisée par Mireille Bétrancourt (

Comment faciliter la recherche d’information dans les hypertextes ?

Page 8: Des hypertextes utilisables Cours Ergonomie des Interactions Personne-Machine 15 octobre 2008 Présentation réalisée par Mireille Bétrancourt (

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

Page 9: Des hypertextes utilisables Cours Ergonomie des Interactions Personne-Machine 15 octobre 2008 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 10: Des hypertextes utilisables Cours Ergonomie des Interactions Personne-Machine 15 octobre 2008 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

site

Savoir ce qu’on ignore

Se souvenir de son cheminII

I. L

es H

yper

text

es

Page 11: Des hypertextes utilisables Cours Ergonomie des Interactions Personne-Machine 15 octobre 2008 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 vus en début de cours

Page 12: Des hypertextes utilisables Cours Ergonomie des Interactions Personne-Machine 15 octobre 2008 Présentation réalisée par Mireille Bétrancourt (

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

Page 13: Des hypertextes utilisables Cours Ergonomie des Interactions Personne-Machine 15 octobre 2008 Présentation réalisée par Mireille Bétrancourt (

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 14: Des hypertextes utilisables Cours Ergonomie des Interactions Personne-Machine 15 octobre 2008 Présentation réalisée par Mireille Bétrancourt (

III.

Les

Hyp

erte

xtes

Page 15: Des hypertextes utilisables Cours Ergonomie des Interactions Personne-Machine 15 octobre 2008 Présentation réalisée par Mireille Bétrancourt (

Retour

III.

Les

Hyp

erte

xtes

Page 16: Des hypertextes utilisables Cours Ergonomie des Interactions Personne-Machine 15 octobre 2008 Présentation réalisée par Mireille Bétrancourt (

Outils de navigation : points de repères

Page 17: Des hypertextes utilisables Cours Ergonomie des Interactions Personne-Machine 15 octobre 2008 Présentation réalisée par Mireille Bétrancourt (

HistoriqueII

I. L

es H

yper

text

es

Historique

Page 18: Des hypertextes utilisables Cours Ergonomie des Interactions Personne-Machine 15 octobre 2008 Présentation réalisée par Mireille Bétrancourt (

Outils de navigation : informations locales

Clic ici

University of Georgia

http://www.uga.edu/

Page 19: Des hypertextes utilisables Cours Ergonomie des Interactions Personne-Machine 15 octobre 2008 Présentation réalisée par Mireille Bétrancourt (

Conclusion

Evaluation sur la base de trois dimensions :

contenu

organisation

navigation : structurelle et sémantique

Outils d’aide à l’organisation et à la navigation

Page 20: Des hypertextes utilisables Cours Ergonomie des Interactions Personne-Machine 15 octobre 2008 Présentation réalisée par Mireille Bétrancourt (

Démarche pour vos projets

fonctionnalités, mode d’interaction, organisation, outils d’aide, contenu

Objectif, démarche,problèmes rencontréscontraintesattitude et représentation

test utilisateurs sur scénarios

Analyse du système

Analyse de l ’activitéutilisateur et scénario

Evaluation de l’activité avec l’IPM

Analyse du contexte objectifs, public cible, contexte d’usage