Lanalyse de système : le cas des hypertextes Cours Ergonomie des Interactions Personne-Machine 10 novembre 2010 Mireille Bétrancourt et Kalliopi Benetos – TECFA Technologies pour la Formation et lApprentissage

Plan de la séance Présentation collective Comment mener lanalyse de systèmes ? Exercice dexploration et danalyse de sites Web Debriefing collectif Présentation des caractéristiques des hypertextes et sites web

Analyse de lactivité Test utilisateurs Analyse du système Contenu, organisation, fonctionnalités, outils daide Pb dutilisabilité « supposés » Scénario dutilisation Contexte global dutilisation Un ou plusieurs exemples de tâches authentiques Problèmes rencontrés Pb dutilisabilité observés : Diagnostic, propositions de remédiation 1 entretien public cible 5 utilisateurs / -trices dun même public cible Vous avez réalisé ces 2 étapes Vous êtes ici Nessayez pas encore de déterminer ça !

Expérience de navigation Voir Programme -> Activité du 10 Novembre

Le cerveau à tous les niveaux Un peu de butinage… SiteSite « Usabilis » Site interactif Site interactif Resto-rang III. Les Hypertextes Et aussi : Site communautaire TecfaseedTecfaseed Hyperbook Engine for educationEngine 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 daide disponibles ? Quels sont les problèmes potentiels ?

Représentation des fonctionnalités Nécessite un formalisme de représentation de linteraction Ex : bancomat

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

Un hypertexte, cest : « 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). »

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

stratégie Objectif stratégique Besoin utilisateur Focus Contenu Fonctionna- lités Structure Architecture Design de linteraction Squelette Navigation Design de linterface Surface Design visuel Esthétique 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 dinformation dans les hypertextes ?

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

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

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

Quest-ce quun « bon » hypertexte ? Adéquation du contenu aux objectifs et au public III. Les Hypertextes 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 dorganisation aide à la compréhension de la structure du document III. Les Hypertextes planindicateurs de positionnement indicateurs de volume Page 21/28 Exemples

Quels outils ? Adéquation du contenu aux objectifs et au public Outils dorganisation aide à la compréhension de la structure du document outils de navigation Exemples III. Les Hypertextes historiquepoints de repères défilementretourannonces de destination info locale

III. Les Hypertextes

Retour III. Les Hypertextes

Outils de navigation : points de repères

Historique III. Les Hypertextes Historique

Outils de navigation : informations locales Clic ici University of Georgia

Conclusion Evaluation sur la base de trois dimensions : contenu organisation navigation : structurelle et sémantique Outils daide à lorganisation et à la navigation