Post on 06-Jan-2016
description
Staf 12 Priode 4:Architecture dinformationCharline Poirier, PhDEthnography/User research
Phases de dveloppementConceptionEntretiensObservationsBesoins de lorganisationStratgie de lorganisationDivergences culturellesAnalyse concurrentielleArchitectureExtraction des contenusClassification des contenusAnalyse des tches et activitsProduction de scnariosDfinition de la stratgieConstructionCration de prototypesUsabilitModifications du prototypeDploiement
Styles de sites webhttp://www.continental.com/
http://www.dancearea.ch/
Charline Poirier, PhDEthnography/User research
Styles de sites webhttp://www.continental.com/Fonctionnel:Site organis autour des activits des utilisateurs (verbes dans les menus)Souvent offre un service plutt quun produitSites interactifs et conviviaux.
http://www.dancearea.ch/Thmatique:Site organis autour de descriptions (noms dans les menus)Centr sur le sujet trait et non sur les actions des utilisateurs
Charline Poirier, PhDEthnography/User research
-+Niveau dengagement de lutilisatuer
Critres pour la classificationLe but du site (Pourquoi?)Larchitecture dinformation (Comment linformation est-elle structure et interrelie? )La prsentation des contenus (O est lemphase du site; comment on aborde lutilisateur)Les activits possibles sur le site..
Classifiez ces siteshttp://www.tenbyten.org/10x10.htmlhttp://www.kartoo.com/http://www.deviantart.com/http://www.k10k.net/http://www.mirrorproject.com/http://turnerclassicmovies.com/http://zed.cbc.ca/go.ZeD?page=homehttp://www.bigfuntoys.com/http://www.netflix.com/Defaulthttp://www.marthastewart.com/http://www.colette.fr/index.phphttp://www.thephaeton.co.uk/universe/index.phphttp://www.spellboundmovie.com/http://kidshealth.org/index.htmlhttp://www.village247.comhttp://www.jobsearch2.jobinthebox.comhttp://www.samsys.com/http://www.britannica.com/http://www.cookps.act.edu.au/http://www.benjaminmoore.com/index.asphttp://www.amazon.fr/exec/obidos/tg/static/-/books/search/ref=cs_nav_sn_11/402-5116584-8389727
Charline Poirier, PhDEthnography/User research
Types de sites - organisationMosaique et imageMtaphorique Newsletter Traditionnel Recherche
Charline Poirier, PhDEthnography/User research
Typologie darchitecture dinformationTout en un et squentielHirarchique Etroit et profondLarge et sans profondeurExpertise et cibleNarrativeRseau Recherche
Charline Poirier, PhDEthnography/User research
Typologies de linformation Charline Poirier, PhDEthnography/User researchVitrineCatalogueServiceOutilsInteractionsLe site vitrine met lemphase sur la prsentation de lorganisationLe site catalogue met lemphase sur les produitsLe site service met lemphase sur les besoins dinformation des utilisateursLe site outils/interactions met lenphase sur les actions des utilisateurs sur le site.www. dancearea.chwww.mossonline.comwww2.ac-lyon.fr/etab/lycees/lyc-69/cchaplin/svt/svtsite.htmlwww. continental.comThmatiqueUtilisateur reoitFunctionnelUtilisateur fait
Comment choisir la bonne structure?
Types de modles pour illustrer lactivit Modles vont dcrire 3 perspectives de lactivit:Objets:Physiques EnvironmentauxActions: WorkflowOprations:Processus et squences dactionsCharline Poirier, PhDEthnography/User research
Le modle dun objetMotivation:Organiser sa vie
Usage:Elastique qui spare le pass et le prsentCalendier sert dalertes(Lagenda qui devient trop lourd signal des choses faire)
Structure:SancesCalendierRappelTo do list
Holtzblatt, K. (1995) Representing Work for the Purpose of Design.
Le modle dun objetInformation (contenu et forme)Dcortiquer lobjet en partiesStructure des partiesLa manipulation des objets Usage informelCaractristiques physiquesDistinction entre certaines partiesCharline Poirier, PhDEthnography/User research
Rponses aux questions suivantesComment les gens organisent-ils linformation?Quels sont les alertes et signaux quils se donnent?Quelle est la relation entre les objets qui sont utiliss?Charline Poirier, PhDEthnography/User research
Modle physiqueMotivation:Minimiser les InterruptionsAccs facile aux outils de travail
Division du travail:Communication et coordination espacepublique/espace privEspace travailTravail immdiatHoltzblatt, K. (1995) Representing Work for the Purpose of Design.
Le modle physiqueComment lespace influence, facilite ou cre des difficults la ralisation de lactivitEspace de lactivitStructure de ldificeEspace primaire et secondaireEspace publique et privOutilsAccs
Charline Poirier, PhDEthnography/User research
Modle de flowElments importants qui constituent le flow sont:Personnes impliques ou leurs rlesActions Interactions OutilsCharline Poirier, PhDEthnography/User research
Modle de flowQui communique quoi qui?Quels sont les rles des utilisateurs?Comment les tches sont-elles distribues?Qui donne de laide?Avec qui les utilisateurs accomplissent-ils leurs tches?A qui communiquent-ils les rsultats de leurs activits? Quels sont les changes qui sont formels et ceux qui sont informels?
Modle de flowHoltzblatt, K. (1995) Representing Work for the Purpose of Design.Flches: Mouvement dinformation ou dobjetsCercles: acteursTextes: actionsCarrs: objetsFlches rouges: CassuresLigne continue: formelLigne brise: Informel
Modle de flowCoordination: Comment les utilisateurs se complmentent-ils?Comment les rles et les responsabilits sont dfinis en pratique et comment les gens communiquent pour accomplir leur tches et maintenir leurs sphres dinfluence.Quels sont les rles des utilisateurs?Do viennent et o vont les objets?Quelles sont les activits formelles et informelles?Quel genre daide est-ce que les utilisateurs recherchent?Charline Poirier, PhDEthnography/User research
Modle de flowHoltzblatt, K. (1995) Representing Work for the Purpose of Design.Autour des rlesCercles: rlesCarrs: actionsFlches: relations
Modle de flowHoltzblatt, K. (1995) Representing Work for the Purpose of Design.Autour des rlesCercles: rlesCarrs: actionsFlches: relations
Modle squentielReprsenter la squence des actions et oprations qui sont ncessaires pour complter une activitIntentionCauseOrdre des oprationsIndicateurs des relations entre les oprations et les individusCharline Poirier, PhDEthnography/User research
Modle squentielGroupementhirarchique des oprationsen actionsHoltzblatt, K. (1995) Representing Work for the Purpose of Design.
Modle squentielNotification descauses principales des actions
Notification desmotivations pour les oprations
Illustration delenchainement desoprations et des choix possibles.
Holtzblatt, K. (1995) Representing Work for the Purpose of Design.
Modles servent Illustrer les actions:Modle workflowIllustrer les oprations:Modle squentielLes outils:Modle des objetsModle de lespace physiqueCharline Poirier, PhDEthnography/User research
Production de scnariosLe scnario est utilis pour:Dcrire comment de vrais utilisateurs utiliseront le systme.Identifier des manques dans nos connaissances des utilisateursEtablir des prioritsEtablir des relations entre fonctionnalitsCommuniquer avec ceux qui vont construire lapplicationCharline Poirier, PhDEthnography/User research
chances pour les travaux
15 mars: Mapping des activits des utilisateurs5 avril: Prototype - Mettre le prototype sur la page travaux.
Pour la priode 5 (11 et 12 avril), apportez une photocopie de toutes les pages de votre site ainsi que des photocopies de vos personas.
Charline Poirier, PhDEthnography/User research
AnnexeDfinition des types de sites webEtude sur les modes de consultation de site webCheck-list pour llaboration des sitesCharline Poirier, PhDEthnography/User research
Site mosaiqueContient plusieurs lments visuels non liblls but est ludique (cherchez la clef dorganisation du site!)Le site donne limpression dtre complex et sophistiquBien pour des sites axs sur lexprience et lexploration
Charline Poirier, PhDEthnography/User research
Site imagesLe centre du site contient des graphiques anims ou des images intressantesSites construits pour lexploration
Charline Poirier, PhDEthnography/User research
Site mtaphoriqueSites Mtaphoriques ou associatifsBas sur des mtaphoresPoints forts:Encourage le browsing
Charline Poirier, PhDEthnography/User research
Site NewsletterPage daccueil avec le plus dinformation et de liens possibles (portails).Site sur 3 colonnes
NavigationprimaireContenu ditorialLiens contextuelsNavigation localeCharline Poirier, PhDEthnography/User research
Site traditionnelSites les plus frquents qui en sont venus contenir les standars:Logo et bar de navigation sur la gauchePartie de contenu sur la droite Souvent les dernires newsExcellent site pour b2bCharline Poirier, PhDEthnography/User research
Site rechercheSites de rechercheMinimum de navigation hirarchiqueBas sur la rechercheCe genre de site est bon pour:Visiteurs qui savent exactement ce quils cherchentCharline Poirier, PhDEthnography/User research
Dans quel mode de consultation les gens visitent-ils le site?VisiteurShopperDans le besoinMoniteurTravailleurCharline Poirier, PhDEthnography/User research
Visiteur : Principe -dcouverteCharline Poirier, PhDEthnography/User research
Caractristiques du mode visiteurNavigation facileNavigation organise autour dune mtaphore spatialeOrientation facilite par des images et non des motsLa faon dont linformation est prsente porte elle-mme une significationObjets peuvent tre manipulsAccs multiples linformation - Information peut tre consulte rapidement image ou animation ou peu-tre lue plus en dtails Linformation est rvle progressivement Information est hirarchise du gnral au particulier Information est inhrent au contexte de lactivit: lemphase est sur lactivit et non sur linformation. Les processus sont concrets et contextualissInformation est souvent particulire, factodsCharline Poirier, PhDEthnography/User research
Tout se voit dun coup doeil
Information se groupe par activitswww.HEB.com
Les produits sont prsents de faon familirewww.mossonline.com
Linformation est hirarchisewww.mossonline.com
Multiples accs linformationwww.howstuffworks.com
Information est visuellewww.ebay.com
La prsentation de linformation est elle-mme la significationwww.kartoo.com
Processus est concretwww.NYSE.com
Linformation est particulirewww.NYSE.com
RecommandationsPrsenter linformation simplement viter les termes techniquesRendre laccs linformation rapide et facileRespecter les standards webCrer plusieurs faons daccder linformation viter dtre trop concisUtiliser des couleurs vives pour la navigationUtiliser des polices visibles La page daccueil doit rvler la richesse du siteUtiliser des icnes pour accder linformation Charline Poirier, PhDEthnography/User research
Shopper: Principe - slectionCharline Poirier, PhDEthnography/User research
Caractristiques du shopperAccs des choix multiplesComparaison visuelle, descriptive, fonctionnelle de produits Outils dassistance la dcisionPossibilit de retrouver ses choix et ses prfrences
Charline Poirier, PhDEthnography/User research
Calculateurs pour montrer les consquences des dcisionswww.Quicken.com
Comparaisonwww.Quicken.com
Outils de comparaisonwww.kbb.com
Outils de prise de dcisionwww.kbb.com
Facilit de cration des axes de comparaisonwww.kbb.com
Comparaisonwww.kbb.com
Dfinition des critres de slectionwww.kbb.com
RecommandationsLe langage doit tre professionnel et techniqueAssurez-vous que linformation que vous proposez est comparable linformation sur dautres sitesAssurez-vous que linformation est courante Rendez possible le bookmarkOffrez de lespace personnelOffrez des outils de slection et de comparaison
Aide: Principe - contacterCharline Poirier, PhDEthnography/User research
Caractristiques de contacterCration de familiarit:Personnage est un(e) vendeur(se)Reproduit ltat desprit de lutilisateur sous forme de questionsAide est centr sur la reconnaissance dun context. Aide est un processusAide est catgorise par types de support
Charline Poirier, PhDEthnography/User research
Questions/rponseswww.NYSE.com
Catgorisation de laidewww.NYTimes.com
Prsentation du processus en phaseswww.NYTimes.com
Anthropomorphisme de laidewww.mossonline.com
Aide est contextualisewww.NYSE.com
RecommandationsLaide doit rpondre des questions spcifiquesGrouper tous les contactsAnthropomorphisez laide pour quelle appraisse familire
Charline Poirier, PhDEthnography/User research
Moniteur: Principe - observationCharline Poirier, PhDEthnography/User research
Caractristiques de lobservationInformation est prsente de faon hirarchique - division trs nette du background/foregroundOffrent plusieurs vues de la mme informationInformation est mise en reliefInformation est accessible avec un clickCharline Poirier, PhDEthnography/User research
Caractristiques de lobservationPrsentation de linformation est supporte par une mtaphore connuePersonnalisation
Charline Poirier, PhDEthnography/User research
Linformation se voit en un clin doeilwww.eBay.com
On peut recevoir des alerteswww.eBay.com
Accs linformation diffrents niveauxwww.NYSE.com
Vues diffrentes de la mme informationwww.NYSE.com
Sources multiples dinformationwww.NYSE.com
Information accessible avec 1 clickPeut accder partout dans le site directementwww.NYSE.com
Travailleur: Principe - actionCharline Poirier, PhDEthnography/User research
Caractristiques de lactionChoix limits Processus est divis par phases:DescriptionChoixActionCest lutilisateur qui a le contrle
Charline Poirier, PhDEthnography/User research
Choix limit dactionswww.easyjet.com
RecommandationsDonnez du feedback lorsquune action est complte Dcoupez les actions en stages nexcdant pas 3.
Charline Poirier, PhDEthnography/User research
Points de dcisionPrsentation de soiChoix du styleChoix des techniques du styleStratgie de communicationTon et expression dmotionsContenusPrsentation de lutilisateur
Droulement des activitsActivitsPoints daccs linfoCharline Poirier, PhDEthnography/User research
Processus de constructionInformation secondaire?MenusContatsSite mapCe siteFAQsSearchLiens, etc.
Charline Poirier, PhDEthnography/User research
ChecklistNomenclature:Est-ce que le langage est appropri pour notre audience (personnalis ou neutre)?Est-ce que la nomenclature est prcise et informative?Est-ce que certaines de nos catgorisations peuvent avoir des interprtations multiples?
Contenu:Est-ce que nos catgories sont cohrentes?Est-ce que le contenu suit les processus de nos visiteurs?Est-ce quil y a des catgories de contenus qui nont pas de classes?Est-ce que le visiteur peut voir immdiatement ce qui est nouveau sur notre site?Est-ce que nous avons des lieux communs avec nos utilisateurs?Est-ce que nous avons tablie la confiance?
Navigation:Est-ce que le site est trop large (pas suffisamment de profondeur)?Est-ce que le site est trop profond?Est-ce quil y a des rptitions des contenus?Est-ce que nous pouvons rduire le nombre de clicks?Avons-nous pourvu pour les diffrents styles dutilisateurs?Est-ce que linformation est bien lie aux autres parties du site?
ChecklistPages individuelles:Est-ce que toutes les pages ont de linformation ou sont-elles des menus dguiss?Est-ce quil y a des pages qui ont t cr artificiellement juste pour avoir un site complet?
Buts et expansionEst-ce que la structure sert nos buts les plus importants?Est-ce que le site facilite les buts de nos utilisateurs?Est-ce que les utilisateurs vont vouloir revenir sur le site?Est-ce que le site est flexible au changement?Charline Poirier, PhDEthnography/User research