La conception dhypermdias

Lanalyse de systme :le cas des hypertextesCours Ergonomie des Interactions Personne-Machine

2 & 9 novembre 2011Mireille Btrancourt et Kalliopi Benetos http://tecfa,unige.chTECFATechnologies pour la Formation et lApprentissage

1Plan de la sancePrsentation collectiveComment mener lanalyse de systmes ?Exercice dexploration et danalyse de sites WebDebriefing collectifPrsentation des caractristiques des hypertextes et sites web

Analyse de lactivitTest utilisateurs Analyse du systmeContenu, organisation, fonctionnalits, outils daidePb dutilisabilit suppossScnario dutilisationContexte global dutilisationUn ou plusieurs exemplesde tches authentiquesProblmes rencontrsPb dutilisabilit observs :Diagnostic, propositions de remdiation1 entretien public cible5 utilisateurs / -trices dun mme public cibleVous avez ralisCette tapeVous tes iciNessayez pas encore de dterminer a !Aujourdhui on voit a3Relations entre vos analyses (en bleu) et le rsultat de ces analyses (en jaune).Le cerveau tous les niveauxUn peu de butinageSite UsabilisSite interactif Resto-rangIII. Les HypertextesEt aussi :Site communautaire TecfaseedHyperbook Engine for education4Voir activit prcise de recherche dinfos et de rponses aux questions : quelle est la structure ?- quels sont les outils de navigation ?Analyse du systmeQuel est le contenu propos ?Comment est-il organis ?

Quelles sont les fonctionnalits prvues ?Faire un schma (voir ci-aprs)

Quels sont les outils de navigation ?Quels sont les outils daide disponibles ?

Quels sont les problmes potentiels ?5Mthode ethno de plus en plus utilise en ergo.Part de plusieurs thories (tho de lactivit de Vygotsky, socio-lng de Labov, analyse contectuelle de Goffman entre autres) qui toutes ont deux caractritiques :- se focalise sur le comportement de lindividu en contexte voit le comportement comme un moyen de communication- ont pour postulat que la structure des interactions humaines est bas sur des rgles tacites dont les individus nont pas conscience.

Do techniquemultimthode base sur lobservation de lactivit en contexte, et sur entretien en terme dexprience interne, cd linterprtation du sujet.Ainsi, entretien ethno sera toujours dans un plus large contexte que celui du futur outil.Par exemple, si vous voulez faire un outil de rservation de billets davion, vous allez demander comment vous voyagez ?Si vous voulez faire une nouvelle appli de messagerie lectronique, vous allez observer une personne qui utilise (rellement) sa messagerie actuelle et noter ce quil aime, quil naime pas, quil souhaiterait. Principalement entretien non-directif, au sens o il ny a pas de question, mais juste reformulation, demande dexplicitation

12734568Exprience de navigationVoir Programme -> Activit du 2 Novembre

http://tecfa.unige.ch/tecfa/teaching/LMRI41/projet_phase3.htmlReprsentation des fonctionnalitsNcessite un formalisme de reprsentation de linteractionEx : bancomat8Formalisme FOF : Fonction - Action avec reprsentation du but utilisateur.Insrer carteEntrer codePINCodeerron ?ouiCodeoubli ?EchecouinonChoisir ou entrermontantChoisir ticketO / NnonRetrait carteRetrait billetsRussitenonRetrait carteRetrait billetsRetrait ticketRussiteoui9Un hypertexte, cest :Un programme informatique permettant de crer ou de prsenter de faon interactive un ensemble de donnes textuelles ouautres mdias (graphiques, vidos, tableaux = hypermdias).10Un peu dhistoire :Dj Vanevar Bush rvait dune immense base de documents ou les diffrents items seraient lis entre eux en fonction de leur smatique.Linvention de V. Bush na pas tant t le concept de lien hypertexte que lide de rapprocher dans le temps et lespace les lments relis smantiquement.En 1965 Thodore Nelson cre le mot hypertexte et les premiers docs hypertexte apparaissent dans les annes 68 - 69.En 1987, sortie dhypercardEn 1990, Tim Berners-Lee invente le WWW au CERN.

Faire diffrence entre hypertexte et WWW.Mode de gestion de linformation o cette dernire estreprsente par des units dinformations appeles nuds,relis par des liens, activables par action de la souris surdes ancres.La notion dhypertexteEt alors jhkje iuolj iuhziue wluizliuh luhgl jlierug uegh hjegkjh kej kjkjhgkj kkjhgkjhg iupiuoiEt alors jhkje iuolj iuhziue wluizliuh luhgl jlierug uegh hjegkjh kej kjkjhgkj kkjhgkjhg iupiuoiEt alors jhkje iuolj iuhziue wluizliuh luhgl jlierug uegh hjegkjh kej kjkjhgkj kkjhgkjhg iupiuoiEt alors jhkje iuolj iuhziue wluizliuh luhgl jlierug uegh hjegkjh kej kjkjhgkj kkjhgkjhg iupiuoiEt alors jhkje iuolj iuhziue wluizliuh luhgl jlierug uegh hjegkjh kej kjkjhgkj kkjhgkjhg iupiuoilienNud (ou unit dinformation)ancre@Pierre Dillenbourg11Dans un texte, information prsente de faon linaireLa structure des hypertextesA-------------A-------------A-------------A-------------A-------------A-------------A-------------A-------------A-------------A-------------12Dans un hypertexte, linformation est :dcoupe en units dinformationstructure en rseau.La structure des hypertextesA-------------A-------------A-------------A-------------A-------------A-------------A-------------A-------------A-------------A-------------Structure hirarchiqueStructure smantique13Niveaux de conceptionVision oriente tcheVision oriente informationGarrett, J.J. (2000). The elements of user experience. New Riders Publishing.14Comment faciliter la recherche dinformation dans les hypertextes ? Pourquoi il tait si difficile de trouver la structure crbrale implique dans la mmoire pisodique ? 15Le cycle valuation - slection - traitementI. La recherche dinformationsCONTRAINTESSITUATIONNELLESCONNAISSANCESDISPONIBLESEVALUATIONReprsentation de but

Plan de rechercheSELECTIONIdentification

Estimationpertinence

Choix de la cibleTRAITEMENTIntgration

Filtrage

ComprhensionEtat de la solutionsatisfaisanteFINTricot & Rouet, 199816Figure emprunte de Rouet et Tricot 1998: cycle valuation - slection - traitementLes processus se droulent squentiellement mais supposent lexistence dune reprsentation de but disponible tout momentExemple de recherche : les facteurs dclenchant de la rvolution franaisePremire tape : valuation - planificationsi lon utilise un moteur de recherche, on doit dabord dcider de la formulation de la requte, du choix des mots clsSi lon a dj une ressource identifie, il faut formuler un but prcis partir dune question assez vagueDeuxime tape : slectionparmi la liste de rubriques ou de rsultats de la recherche, on doit slectionner celui ou celle qui semble le plus apte rpondre la questionTroisime tape : traitementil faut ensuite lire linformation, ventuellement la scanner en fonction de lobjectif, puis intgrer linformation ce que lon a dj, ce que lon connat djRetour evaluation :On value ensuite ltat de la solution : est-elle pertinente par rapport lobjectif, suffit-elle, voire mme la question est-elle bien pose.

Information Problem Solving

Lazonder & Rouet, 2008Difficults de navigationSentiment de dsorientation

Calisir & Gurel, 2003

Source image :http://www.interactivearchitecture.org/nevel-moving-labyrinth.html Ne pas savoir comment retrouver une page particulire Ne pas savoir o aller maintenant, Ne pas savoir o trouver une information et comment y aller Ne pas savoir ce que lon a dj explorQue nous dit la recherche : LimitesSituation de double tche surcharge cognitive

Tche deRecherche dinfoLectureComprhensionMmorisationTche de navigationReprsentation de la structureMmorisation de son cheminComprhension des outils Que nous dit la recherche : facteursLes rsultats dpendentDe la structuration de lhypertexteDe la tche (lecture, rappel dinformation locale, comprhension globale)Des pr-requis des utilisateursEx : Connaissances pralables, comme mdiateur de la motivation et de lintrt (Moos & Marroquin, 2010)Des outils de guidage et de navigation disponiblesMoos DC, Marroquin E. Multimedia, hypermedia, and hypertext: Motivation considered and reconsidered. Computers in Human Behavior. 2010;26(3):265-276. Que nous dit la recherche : facteursDe la structuration de lhypertexte

Lee & Tedder (2003)Recherche dinfo est diffrente de la lecture complte

Struture : Hierarchique- matricielle

Depend de Que nous dit la recherche : facteursStructuration de lhypertexteOutils daccs cette structure fournis lutilisateur

Reprsentation de lorganisation du contenuNavigation dans la structure

Caro, S. & Btrancourt, M. (1998). Ergonomie de la prsentation des textes sur cran: guide pratique. in A. Tricot et J.F Rouet (eds.) Hypertextes et Hypermdias, Concevoir et utiliser les hypermdias: approches cognitives et ergonomiques. (pp. 123 - 137), Herms: Paris.Moos DC, Marroquin E. Multimedia, hypermedia, and hypertext: Motivation considered and reconsidered. Computers in Human Behavior. 2010;26(3):265-276. Que nous dit la recherche : facteursPotelle et Rouet, 2003

Effet de la reprsentation sur la comprhension, rsum et carte conceptuelle en fonction des connaissances antrieures -> si peu de connaissances, plan hierarchique facilite au plan global, pas deffet pour high K Pour recherche dinfo, un plan facilite la recherche dinfos locales, et un plan bien structur vaut mieux quun graphique complexeQuest-ce quun bon hypertexte ?Adquation du contenu aux objectifs et au publicIII. Les HypertextesDcoupage en units pertinentesStructure smantique et structure de navigationExemples vus en dbut de cours24Critres dvaluation des hypertextes ?Adquation du contenu aux objectifs et au publicOutils dorganisationaide la comprhension de la structuredu documentIII. Les Hypertextesplanindicateurs depositionnementindicateurs devolumePage 21/28Exemples25Quels outils ?Adquation du contenu aux objectifs et au publicOutils dorganisationaide la comprhension de la structuredu documentoutils de navigation ExemplesExemplesIII. Les Hypertexteshistoriquepoints de represdfilementretourannonces de destinationinfo locale26

RetourIII. Les Hypertextes28

HistoriqueIII. Les HypertextesHistorique30Outils de navigation : informations localesClic iciUniversity of Georgiahttp://www.uga.edu/31Exemple de dispositif de dfilement (en haut droite)A faire remarquer au passage : quest-ce qui ne va pas dans cet hypertexte ?Il ny a pas dindicateur de positionnement, donc on ne sait pas quelle rubrique de gauche est ouverte droite.A quoi vous attendez-vous i je clique droite ?ConclusionEvaluation sur la base de quatre dimensions : contenuorganisationnavigation : structurelle et smantiqueOutils daide lorganisation et la navigation32Exemple de dispositif de dfilement (en haut droite)A faire remarquer au passage : quest-ce qui ne va pas dans cet hypertexte ?Il ny a pas dindicateur de positionnement, donc on ne sait pas quelle rubrique de gauche est ouverte droite.A quoi vous attendez-vous i je clique droite ?