staf 12 – période 4: architecture d’information

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


-+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


Types de sites - organisationMosaique et imageMtaphorique Newsletter Traditionnel Recherche


Typologie darchitecture dinformationTout en un et squentielHirarchique Etroit et profondLarge et sans profondeurExpertise et cibleNarrativeRseau Recherche


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


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


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


Site imagesLe centre du site contient des graphiques anims ou des images intressantesSites construits pour lexploration


Site mtaphoriqueSites Mtaphoriques ou associatifsBas sur des mtaphoresPoints forts:Encourage le browsing


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


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


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


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


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


Choix limit dactionswww.easyjet.com

RecommandationsDonnez du feedback lorsquune action est complte Dcoupez les actions en stages nexcdant pas 3.


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.


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

staf 12 – période 4: architecture d’information

Documents

utilisateurscharline

linformation charline

produitsle site service

classificationle but

lorganisationle site

sites webhttp

lactivit modles

actions des utilisateurs