L’analyse de système : le cas des hypertextes

1. TECFA Technologies pour la Formation et l’Apprentissage L’analyse de système :le cas des hypertextes Cours Ergonomie des Interactions Personne-Machine 28 octobre 2009 Présentation réalisée par Mireille Bétrancourt (http://tecfa.unige.ch/perso/mireille)

2. 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

3. Contexte global d’utilisation Analyse du système Analyse de l’activité Vous êtes ici 1 entretien Contenu, organisation, fonctionnalités, outils d’aide Pb d’utilisabilité « supposés » Un ou plusieurs exemples de tâches authentiques Scénario d’utilisation Test utilisateurs 5 utilisateurs / -trices d’un même public cible Pb d’utilisabilité observés : Diagnostic, propositions de remédiation

4. 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 ?

5. 5 6 7 3 2 1 4 8

6. Exemple sur le site de la FPSE

7. Un peu de butinage… Le cerveau à tous les niveaux Site « Usabilis » III. Les Hypertextes Site interactif Resto-rang Et aussi : Site communautaire Tecfaseed Hyperbook Engine for education

8. 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 ou autres médias (graphiques, vidéos, tableaux = hypermédias). »

9. Et alors jhkje iuoléj iuhziue wluizliuh luhgl jlierug uegh hjegkjh kej kjkjhgkj kkjhgkjhg iéupéiuoi lien Et alors jhkje iuoléj iuhziue wluizliuh luhgl jlierug uegh hjegkjh kej kjkjhgkj kkjhgkjhg iéupéiuoi Nœud (ou unité d’information) 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 ancre La notion d ’hypertexte Mode de gestion de l ’information où cette dernière est représentée par des unités d’informations appelées nœuds, reliés par des liens, activables par action de la souris sur des ancres. @Pierre Dillenbourg

10. A--- ----- ----- A--- ----- ----- A--- ----- ----- A--- ----- ----- A--- ----- ----- A--- ----- ----- A--- ----- ----- A--- ----- ----- A--- ----- ----- A--- ----- ----- La structure des hypertextes Dans un texte, information présentée de façon linéaire

11. Structure sémantique La structure des hypertextes Dans un hypertexte, l’information est : découpée en unités d ’information structurée en réseau. Structure hiérarchique A--- ----- ----- A--- ----- ----- A--- ----- ----- A--- ----- ----- A--- ----- ----- A--- ----- ----- A--- ----- ----- A--- ----- ----- A--- ----- ----- A--- ----- -----

12. Comment faciliter la recherche d’information dans les hypertextes ?

13. CONTRAINTES SITUATIONNELLES CONNAISSANCES DISPONIBLES EVALUATION Représentation de but Plan de recherche satisfaisante FIN Etat de la solution SELECTION TRAITEMENT Identification Estimation pertinence Choix de la cible Intégration Filtrage Compréhension Le cycle évaluation - sélection - traitement I. La recherche d’informations Tricot & Rouet, 1998

14. où suis-je et où vais-je ? gestion de la tâche manque d ’indices discursifs et structurels Foss (1989) Deux problèmes… la désorientation III. Les Hypertextes

15. Savoir ce qu’on ignore Elaborer une stratégie Formuler et maintenir un but Elaborer une représentation du site Se souvenir de son chemin Deux problèmes la désorientation III. Les Hypertextes la charge cognitive augmente lorsque la structuration diminue la surcharge cognitive

16. Qu’est-ce qu’un « bon » hypertexte ? Adéquation du contenu aux objectifs et au public Découpage en unités pertinentes III. Les Hypertextes Structure sémantique et structure de navigation Exemples vus en début de cours

17. Critères d’évaluation des hypertextes ? Adéquation du contenu aux objectifs et au public Outils d’organisation III. Les Hypertextes Exemples aide à la compréhension de la structure du document indicateurs de volume plan indicateurs de positionnement Page 21/28

18. outils de navigation Quels outils ? Adéquation du contenu aux objectifs et au public Outils d’organisation III. Les Hypertextes Exemples aide à la compréhension de la structure du document Exemples défilement annonces de destination retour points de repères historique info locale

19. III. Les Hypertextes

20. III. Les Hypertextes Retour

21. Outils de navigation : points de repères

22. Historique Historique III. Les Hypertextes

23. Outils de navigation : informations locales University of Georgia Clic ici http://www.uga.edu/

24. Conclusion Evaluation sur la base de trois dimensions : contenu organisation navigation : structurelle et sémantique Outils d’aide à l’organisation et à la navigation