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 10 novembre 2010 Mireille Bétrancourt et KalliopiBenetos – http://tecfa,unige.ch

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. Vousavez réalisé ces 2 étapes Vous êtes ici Contexte global d’utilisation Analyse du système Analyse de l’activité 1 entretien public cible Contenu, organisation, fonctionnalités, outils d’aide Pb d’utilisabilité « supposés » Un ou plusieurs exemples de tâches authentiques Problèmes rencontrés N’essayez pas encore de déterminer ça ! 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. Expérience de navigation Voir Programme -> Activité du 10 Novembre http://tecfa.unige.ch/tecfa/teaching/LMRI41/projet_phase3.html

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

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

7. 5 6 7 3 2 1 4 8

8. Représentation des fonctionnalités Nécessite un formalisme de représentation de l’interaction Ex : bancomat

9. non Code erroné ? Code oublié ? Echec oui oui non Choisir ou entrer montant Choisir ticket O / N oui non Retrait carte Retrait carte Retrait billets Retrait billets Retrait ticket Réussite Réussite Insérer carte Entrer code PIN

10. 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). »

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

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

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

14. Niveaux de conception Vision orientée information Vision orientée tâche Garrett, J.J. (2000). The elements of user experience. New RidersPublishing.

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

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

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

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

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

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

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

22. III. Les Hypertextes

23. III. Les Hypertextes Retour

24. Outils de navigation : points de repères

25. Historique Historique III. Les Hypertextes

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

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