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