Presentation INF03 : Expérience utilisateur

  • Published on
    25-Jun-2015

  • View
    1.029

  • Download
    1

Embed Size (px)

Transcript

  • 1. MASTER ARCHITECTURE DE LINFORMATION INF03 Approche utilisateurs et design web AGROUPE Mercredi 23 avril 2014 Loup Cellard . Joachim Chevry . Camille Leblond . Laetitia Pot 1

2. LE CONTEXTE Rappel de la commande . Lquipe Archinfo . Le Commanditaire 2 3. LA COMMANDE INF03 Une solution pour amliorer larchitecture de linformation au sein de lUnit dEnseignement : INF03 Approche utilisateurs et design web, en agrgeant les contenus et les fonctionnalits existantes et, si besoin, en proposant de nouvelles fonctionnalits Loup Cellard Camille Leblond Joachim Chevry Laetitia Pot LQUIPE Jean-Michel Salan Directeur pdagogique du Master Architecture de linformation LE CLIENTA 3 4. NDE INF03 architecture de linformation ent : et design web, es fonctionnalits existantes et, velles fonctionnalits. Jean-Michel Salan Directeur pdagogique du Master Architecture de linformation. LE CLIENT Responsables pdagogiques Professeurs de lUE INF03 tudiants dans lUE Partenaires de lUE UTILISATEURS Linterface propose devra tenir compte des outils existants et des ralisations dj effectues par lquipe support du master : intgration dAloes, prsence sur Hypothses CONTRAINTES 4 5. MTHODE DE TRAVAIL Les entretiens . Les ateliers de travail . Le productions et les tests 5 6. 6 quipe pdagogique ENTRETIENS ET TESTS Candidats tudiants 7. 7 quipe pdagogique ENTRETIENS ET TESTS ATELIERS DE TRAVAIL Candidats tudiants Card sorting Rdaction des personas Brainstorming des Scenarii Atelier de codage 8. 8 quipe pdagogique ENTRETIENS ET TESTS ATELIERS DE TRAVAIL PRODUCTIONS Candidats tudiants Card sorting Rdaction des personas Brainstorming des Scenarii Atelier de codage Mapping des outils Personas 3x Wireframes 3x Scenario dusage Prototype 9. quipe pdagogique ENTRETIENS ET TESTS ATELIERS DE TRAVAIL PRODUCTIONS Candidats tudiants Card sorting Rdaction des personas Brainstorming des Scenarii Atelier de codage Mapping des outils Personas 3x Wireframes 3x Scenario dusage Prototype 9 10. LES OUTILS ET LES TRACES PHASE DENTRETIENS ET TESTS LE PAD 11. LES OUTILS ET LES TRACES ATELIERS DE TRAVAIL 12. LES OUTILS ET LES TRACES PRODUCTIONS Accder et editer le planning Informer sur le master Publier les travaux Archiver les travaux Communiquer sur le master partager de la veille Communiquer distance, Runions Construire le plan de cours Lier les cours au referentiel de comptences Homogeniser les UE Communiquer distance (Webinaire) Annoter des documents Communiquer de manire asynchrome Informer sur les droulements du cours Diffuser des documents Evaluer les travaux des tudiants Dpots et telechargements des ressources lier les cours au rferentiel de comptences Partager de la veille Communiquer de manire asynchrome Archivages des documents de groupe Produire de manire synchrome et asynchrome sur des docs Prendre des notes sur les cours Verifier la comprhension des cours Coordination Publication Communication Production 13. LES OBJECTIFS 3 enjeux cls : la coordination, la communication, la production des contenus 13 14. Faciliter laccs et la comprhension des ressources du module Raliser une interface permettant de distribuer les outils dj existants (au lieu de les rinventer) Prendre en compte les prols et besoins trs divers des utilisateurs des ressources 1 2 3 14 15. Gagner en visibilit et en notorit an de valoriser le master lextrieur et de recru- ter des tudiants (en formation initiale et en formation continue) Mettre en avant lenseignement dUX, trs peu prsent en France Apporter une solution dclinable aux autres Units dEnseignement du master 4 5 6 15 16. Jean, enseignant dans le Master AI Age : 43 ans Sexe : Homme Etat civil : Mari Statut professionnel : Enseignant Ville : Meyzieu Jean est intress par utiliser les technologies web pour enrichir ses mthodes pdagogiques et pour en exprimenter de nouvelles. Il est trs occup par ses multiples responsabilits, il anime plusieurs cours, encadre certains tudiants et dirige des recherches. Son caractre Pratiques quipement Recherche sur le web Rseaux sociaux Programmation Informatique Travaux collaboratifs Ses activits sur la plateforme Usage intense Usage frquent Usage rare Ses attentes Ses motivations Ses freins deviennent autonomes. en main. sources dinformations. Dropbox ALIVR BLES Accder et editer le planning Informer sur le master Publier les travaux Archiver les travaux Communiquer sur le master partager de la veille Communiquer distance, Runions Construire le plan de cours Lier les cours au referentiel de comptences Homogeniser les UE Communiquer distance (Webinaire) Annoter des documents Communiquer de manire asynchrome Informer sur les droulements du cours Diffuser des documents Evaluer les travaux des tudiants Dpots et telechargements des ressources lier les cours au rferentiel de comptences Partager de la veille Communiquer de manire asynchrome Archivages des documents de groupe Produire de manire synchrome et asynchrome sur des docs Prendre des notes sur les cours Verifier la comprhension des cours Coordination Publication Communication Production MAPPING DES FONCTIONNALITS PERSONAS WIREFRAME SCENARII DUSAGE PROTOTYPE CAHIER DES CHARGES WIREFRAME WIREFRAME 17. Objectifs Mapping Personas Scenarii dusage Wireframes 17 Prototype 18. MAPPING Mapping des fonctionnalits et des outils identis lors des entretiens 18 19. Accder et editer le planning Informer sur le master Publier les travaux Archiver les travaux Communiquer sur le master partager de la veille Communiquer distance, Runions Construire le plan de cours Lier les cours au referentiel de comptences Homogeniser les UE Communiquer distance (Webinaire) Annoter des documents Communiquer de manire asynchrome Informer sur les droulements du cours Diffuser des documents Evaluer les travaux des tudiants Dpots et telechargements des ressources lier les cours au rferentiel de comptences Partager de la veille Communiquer de manire asynchrome Archivages des documents de groupe Produire de manire synchrome et asynchrome sur des docs Prendre des notes sur les cours Verifier la comprhension des cours Coordination Publication Communication Production 20 20. Google Agenda hypotheses Le site ENS Le site du master Twitter hangout Moodle Crocodoc Google Drive Cahier de cours Le PAD Adresse mail ENS Aloes Coordination Publication Communication Production 19 21. OBJECTIFS COMMENT ? AVEC QUOI ? Quels sont les outils existants prendre en compte ? Quelles sont les fonctionnalits de la plateforme ? Mthode : Ateliers brainstorming Droul du test (1h30) : Prsentation de nos hypothses Brainstorming Debrief et synthse des ides Dnition des pro- chains enjeux et rendez- vous RSULTATS 21 Prise de notes Dnition des objec- tifs de la plateforme volutions : Remplacer Moodle par Own Cloud Remplacer les pads par le cahier de cours MTHODOLOGIE DE TEST 22. PERSONAS Lenseignant, ltudiant archinfo, et ltudiant candidat 22 23. Jean, enseignant dans le Master AI Age : 43 ans Sexe : Homme Etat civil : Mari Statut professionnel : Enseignant Ville : Meyzieu Jean est intress par les technologies web et les nouvelles mthodes pdago- giques. Il est trs occup par ses multiples responsabilits, il anime plusieurs cours, encadre certains tudiants et dirige des recherches. Son caractre Pratiques quipement Recherche sur le web Rseaux sociaux Informatique Travaux collaboratifs Ses activits sur la plateforme Usage intense Usage frquent Usage rare Ses attentes Ses motivations Ses freins Faire en sorte que ses tudiants aient bien assimil son cours Participer un master en cration laissant de la place la crativit pdagogique La multiplicit des supports prendre en main Laccumulation des mails Optimiser son temps Pouvoir valuer ses tudiants Avoir des liberts dans ses mthodes pdagogiques Sophie, tudiante en Master Architecture de linformation Age : 23 ans Sexe : Fminin Etat civil : Clibataire Statut professionnel : Etudiante Ville : Lyon Sophie est quelquun de curieux, passionne par les nouvelles technologies. Intresse par les problmatiques du web, elle na pourtant aucune connais- sance technique. Srieuse et attentive aux autres, elle aime travailler en groupe et acquiert, grce au master Architecture de lInformation, des mthodes et outils collaboratifs (pad collaboratif, Google Drive, Crocodoc, etc.). Elle regarde 60 000 fois par jour sa boite e-mail. Son caractre Pratiques quipement Recherche sur le web Rseaux sociaux Informatique Travaux collaboratifs Ses activits sur la plateforme Usage intense Usage frquent Usage rare Ses attentes Ses motivations Ses freins Dvelopper ses comptences et apprendre les mthodes UX afin de devenir UX designer. Travailler de manire collaborative et pouvoir compter sur les autres tudiants pour la prise de notes Accroitre son identit numrique, sa visibilit sur le web via les articles publis dans hypothse.org. Devoir rpter des informations diffrents interlocuteurs Laccumulation des mails (gnrs par le Forum Moodle) Elle se perd dans la dmultiplica- tion des outils, les mots de passe, les differents accs... Que le travail soit davantage mutualis. Quelle puisse travailler aussi bien sur son Macbook Pro, son portable ou sa tablette. Quil y ait plus de transparence dans lvaluation et le contenu du cours. Se faire un rseau de professionnel Louis, candidat potentiel du Master AI Age : 24 ans Sexe : Homme Etat civil : Clibataire Statut professionnel : Etudiant en L3 Sciences de l'Information Ville : Marseille Louis est quelquun de sociable, intress par les problmatiques du web et plus particulirement par les dmarches UX. Sil na pas normment dexprience dans le domaine, sa curiosit la pouss se renseigner et se former par lui-mme. Il souhaiterait acqurir des notions plus thoriques et travailler en quipe sur des projets concrets. Son caractre Pratiques quipement Recherche sur le web Rseaux sociaux Informatique Travaux collaboratifs Ses activits sur la plateforme Usage intense Usage frquent Usage rare Ses attentes Ses motivations Ses freins La crdibilit que lui voque une ENS Le fait quil sagit dune discipline nouvelle Le choix vari des UE qui lui est propos et la possibilit davoir un parcours personnalis Le fait de devoir chercher long- temps des informations prcises sur les cours La difficult prendre contact avec un ancien tudiant Avoir une meilleure vision des modalits daccs au master Faciliter le contact avec les tudiants du master Avoir une meilleure comprhension de la construction du master Apprhender de nouvelles notions en UX (liens vers des ressources exterieures : blogs, sites, livres) Obtenir des pistes pour construire son potentiel dossier de candida- ture tudiant AI CandidatEnseignant 23 24. 24 COMMENT ? AVEC QUOI ? Est-ce que nos per- sonas sont pertinents ? Est-ce que les us- ages sur la plateforme sont conformes la ralit ? Mthode : Entretiens semi-directifs Droul du test (20min) : Prsentation du test Questions/rponses Avis global Dbrief Enregistrement audio Prise de notes Modications des ac- tivits sur la plateforme Modications des freins et des attentes MTHODOLOGIE DE TEST OBJECTIFS RSULTATS 25. Jean, enseignant dans le Master AI Age : 43 ans Sexe : Homme Etat civil : Mari Statut professionnel : Enseignant Ville : Meyzieu Jean est intress par utiliser les technologies web pour enrichir ses mthodes pdagogiques et pour en exprimenter de nouvelles. Il est trs occup par ses multiples responsabilits, il anime plusieurs cours, encadre certains tudiants et dirige des recherches. Son caractre Pratiques Recherche sur le web Rseaux sociaux Programmation Informatique Travaux collaboratifs Ses activits sur la plateforme Usage intense Usage frquent Usage rare Ses motivations Ses freins deviennent autonomes. en main. sources dinformations. Dropbox 26. WIREFRAMES Silicon Valley . Mashup . Coquillage 26 27. Wireframe Coquillage Wireframe Silicon Valley Wireframe Mashup 27 28. 28 29. 29 30. 30 31. 31 COMMENT ? AVEC QUOI ? Est-ce que larchitec- ture de linformation cor- respond leurs besoins et attentes ? La plateforme est- elle pertinente et coh- rente en terme dutilis- abilit ? Mthode : Entretiens semi-directifs Droul du test (30min) : Prsentation du test Critres Bastien & Scapin Avis global Dbrief Enregistrement audio et screen record- ing avec QuickTime Prise de notes Coquillage : modica- tions des liens et ajout de lours Mashup : remplacer Publications par Res- sources et supprimer Twitter Silicon Valley : Rem- placer Prsentation par Accueil MTHODOLOGIE DE TEST OBJECTIFS RSULTATS 32. 32 33. SCENARII DUSAGE Silicon Valley . Mashup . Coquillage 33 34. Louis souhaite prendre contact avec des tudiants du master Archinfo. Sophie souhaite prendre des notes sur le cours avec les autres tudiants. Jean souhaite mettre disposition des lves le support du prochain du cours Wireframe Silicon Valley Wireframe Coquillage Wireframe Mashup 34 35. 35 36. 36 COMMENT ? AVEC QUOI ? Laction demande est-elle ralisable par lutilisateur ? Les interactions de- mandes sont-elles lo- giques ? Mthode : test utili- sateurs Droul du test (30min) : Prsentation du test et instructions Ralisation du test par lutilisateur Dbrief Enregistrement audio et vido Prise de notes Modication principa- lement sur les wireframes Amlioration des inter- actions sur Silicon Valley Amlioration du mashup (barre de menu, liens) MTHODOLOGIE DE TEST OBJECTIFS RSULTATS 37. 37 38. PROTOTYPE Ralisation du prototype Coquillage en HTML5, CSS3 et jQuery 238 39. 39 40. 40 41. COMMENT ? AVEC QUOI ? valuer laffordance des interactions de loutil Mthode : test utili- sateurs Droul du test (20min) : Observation des ac- tions intuitives Explicitation de la part du testeur Prise de note Changement de style du curseur Modication du hover MTHODOLOGIE DE TEST OBJECTIFS RSULTATS 42. BILAN Points positifs . Points ngatifs . Bilan 41 43. 42 Scnario Persona li Points forts Points faibles Cot de ralisation Mashup Jean (enseignant du master) Travail collaboratif Accs aux ressources Valorisation faible du master Faible Silicon Valley Louis (candidat pour le master) Attractif Ralisation et mises jour des contenus coteuses Fort Coquillage Sophie (tudiante dans le master) Re-distribution des ressources Amlioration de laccs aux outils mais pas leurs administrations Moyen 44. PROPOSITIONS DVOLUTION le dveloppement de loutil sous forme de plugin navigateur (Firefox/Chrome) PRINCIPAUX ENSEIGNEMENTS DU CAS DCOLE Prise en compte des problmatiques de lutilisateur dans la dmarche de conception Lintgration dlments mthodologiques, centrs utilisateurs dans la conception des productions

Recommended

View more >