introduction à l'architecture de l'information - 2011
13 j'aime8,918 vues
Le document traite des fondamentaux de l'architecture de l'information, en mettant l'accent sur son rôle dans l'organisation et l'accès à l'information sur les plateformes numériques. Il explore l'évolution de cette discipline, les métiers associés et l'importance de la conception centrée sur l'utilisateur. Enfin, il souligne les défis liés à la technologie et aux besoins changeants des utilisateurs dans un environnement digitalement dynamique.
introduction à l'architecture de l'information - 2011
- 1. Christophe COTIN VALOIS USER EXPERIENCE DESIGN ARCHITECTURE DE L’INFORMATION Fondamentaux et enjeux d’une discipline 100% digitale 1/… ARCHITECTURE DE L'INFORMATION
- 2. Sommaire Comprendre les fondamentaux et les enjeux d’une discipline 1. Vous avez-dit architecture ? 2. Le cœur de métier 3. La Conception Centrée Utilisateur 4. Des métiers en mutation 5. Perspectives ARCHITECTURE DE L'INFORMATION 19/10/12 2
- 3. 1 Z’ AVEZ DIT ARCHITECTURE DE… ? ARCHITECTURE DE L'INFORMATION 19/10/12 3
- 4. Vous avez dit architecture ? DÉFINITION ACTUELLE « l’art et la science d’organiser l’information des sites web, des intranets et des applications logicielles pour aider les utilisateurs à combler leurs besoins en information et en faciliter l’usage. » ARCHITECTURE DE L'INFORMATION 19/10/12 4
- 5. ARCHITECTURE + INFORMATION ARCHITECTURE DE L'INFORMATION 19/10/12 5
- 6. ARCHITECTURE + INFORMATION ARCHITECTURE DE L'INFORMATION 19/10/12 6
- 7. ARCHITECTURE DE L'INFORMATION 19/10/12 7
- 8. ARCHITECTURE DE L'INFORMATION 19/10/12 8
- 10. ARCHITECTURE + INFORMATION ARCHITECTURE DE L'INFORMATION 19/10/12 10
- 11. ARCHITECTURE DE L'INFORMATION 19/10/12 11
- 12. ARCHITECTURE DE L'INFORMATION 19/10/12 12
- 13. ARCHITECTURE DE L'INFORMATION 19/10/12 13
- 14. ARCHITECTURE DE L'INFORMATION 19/10/12 14
- 15. L’ACCES A L’INFORMATION ARCHITECTURE DE L'INFORMATION 19/10/12 15
- 16. Une problématique de fond dans l’émergence de l’informatique Technologiquement et idéologiquement ARCHITECTURE DE L'INFORMATION 19/10/12 16
- 17. 1985 Lancement du Machintosh "Le principe de la démocra0e tel qu'il s'applique à la technologie est : une personne, un ordinateur". ARCHITECTURE DE L'INFORMATION 19/10/12 17
- 18. 1998 Lancement de Google « Organiser l’informa0on mondiale et la rendre universellement accessible et u0le à tous. » ARCHITECTURE DE L'INFORMATION 19/10/12 18
- 19. TECHNOLOGIE COMMUNICATION ARCHITECTURE DE L'INFORMATION 19/10/12 19
- 20. Les projets qui s’appuient sur la technologie et l’informatique imposent historiquement un formalisme de représentation de concepts abstraits ARCHITECTURE DE L'INFORMATION 19/10/12 20
- 21. Vous avez dit architecture ? Naissance du terme par l’ américain Richard Saul Wurman en 1976 pour : «répondre à l’explosion des données créées. »
- 22. Vous avez dit architecture ? LES MAITRES En 1996, Lou Rosenfeld et Peter Morville, qui se l’approprient pour l’appliquer au processus de conception de sites web. Information Architecture for the World Wide Web édité en 1998 ARCHITECTURE DE L'INFORMATION 19/10/12 22
- 23. Vous avez dit architecture ? LES MAITRES Krzysztof Lenk et Paul Kahn, C'est l'un des rares livres d'architecture de l'information qui traite d'un sujet précis : les plans de sites. Architecture des sites web édité en 2001 ARCHITECTURE DE L'INFORMATION 19/10/12 23
- 24. Vous avez dit architecture ? INFORMATION DESIGN Dynamics Diagrams 1990 ARCHITECTURE DE L'INFORMATION 19/10/12 24
- 25. ARCHITECTURE DE L'INFORMATION 19/10/12 25
- 26. Le cœur de métier UNE CULTURE D’INGENIEUR • Un historique centré DATA • Solution tech. = réponse au besoin métier • Logique de documentalistes 4 3 5 2 1 ARCHITECTURE DE L'INFORMATION 19/10/12 26
- 27. Le cœur de métier UNE DEMARCHE A L’ANGLO-SAXONNE • Des marchés demandeurs de services • Un débit faible • Une culture de l’efficacité 27
- 28. Des projet dématérialisés ARCHITECTURE DE L'INFORMATION 19/10/12 28
- 29. Un volume abstrait à baliser ORIENTER • Recherche d’informaFon • Accès à l’informaFon CONSULTER • Favoriser la lecture malgrès les contraintes • Evoluter dans une somme d’informaFon MANIPULER • Des systèmes de navigaFon efficients • Dialogue cogniFf ARCHITECTURE DE L'INFORMATION 19/10/12 29
- 30. Un volume abstrait à baliser ARCHITECTURE DE L'INFORMATION 19/10/12 30
- 31. Fédérer autour d’un dispositif ARCHITECTURE DE L'INFORMATION 19/10/12 31
- 32. Proposer des solutions d’interface 01 02 01 02 HEADER SUPPORT HEADER SUPPORT NAVIGATION N1 NAVIGATION N2 MON COMPTE ESPACE PERSO CHEMIN DE NAV 03 ESPACE 03 PERSO UNE TOP DOWN GROUPE + BRANCHE MES OUTILS CŒUR DE PAGE CŒUR DE PAGE MES EWS N 04 04 (RSS) MON ESPACE DE TRAVAIL MODULE UNE P ROFILEE PARTAGE SONDAGE 06 06 MODULE SONDAGE NAVIGATION DE RELANCE FOOTER FOOTER 05 05 ARCHITECTURE DE L'INFORMATION 19/10/12 32
- 33. Formaliser des plans détaillés ARCHITECTURE DE L'INFORMATION 19/10/12 33
- 34. Des projets qui imposent des challenges techniques et psychologiques qui s’inscrivent souvent dans le changement ARCHITECTURE DE L'INFORMATION 19/10/12 34
- 35. 2 LE CŒUR DE METIER ARCHITECTURE DE L'INFORMATION 19/10/12 35
- 36. Partir d’un existant ARCHITECTURE DE L'INFORMATION 19/10/12 36
- 37. Imaginer ? ? ARCHITECTURE DE L'INFORMATION 19/10/12 37
- 38. Modéliser ARCHITECTURE DE L'INFORMATION 19/10/12 38
- 39. Le cœur de métier CONSTRUIRE / RENOVER • Répondre à des objecFfs • Manipuler des contraintes • Connaitre les uFlisateurs • Définir un espace où circuler • Coordonner des corps de méFers • Maitriser les effets de bord liés au changement STOCK Définir une architecture qui réponde à des besoins ARCHITECTURE DE L'INFORMATION 19/10/12 39
- 40. Le cœur de métier ARCHITECTE ET ERGONOME Sciences cognitives Psychologie 2 compétences complémentaires AI ergo. Design Communication ARCHITECTURE DE L'INFORMATION 19/10/12 40
- 41. Des compétences complémentaires AI Ergo. ARCHITECTURE DE L'INFORMATION 19/10/12 41
- 42. Vous avez dit architecte ? LES FONDAMENTAUX Enumérer Catégoriser Structurer 1 2 3 1.1 2.1 3.1 1.2 2.2 3.3 1.3 POUR ORGANISER LES CONTENUS (et fonctions) ARCHITECTURE DE L'INFORMATION 19/10/12 42
- 43. Vous avez dit architecte ? LES FONDAMENTAUX définir des parcours 1 2 3 METTRE EN SCENE ARCHITECTURE DE L'INFORMATION 19/10/12 43
- 44. Le cœur de métier DES MISSIONS • Recueillir / Identifier le besoin • EntreFens et ITW (stakeolder, méFers et uFlisateurs finaux) + Recueil de données • Audit foncFonnel et ergonomique • Traduire • les problémaFques méFers en enjeux foncFonnel et vice-‐versa • Proposer des solutions • Documents experts + AnimaFon de réunion avec les méFers • Formaliser la conception • Suivre l’évolution des chantiers ARCHITECTURE DE L'INFORMATION 19/10/12 44
- 45. Le cœur de métier FORMALISER LA SOLUTION • L’organisation des contenants et des contenus • Les systèmes de navigation • Les systèmes d’interaction RÉPONDRE AUX ENJEUX BUSINESS ARCHITECTURE DE L'INFORMATION 19/10/12 45
- 46. SCENARIO STRATEGIC ARCHITECTURE DE L'INFORMATION 19/10/12 46
- 47. DISPOSITIF ARCHITECTURE DE L'INFORMATION 19/10/12 47
- 48. ARBORESCENCE GENERALE ARCHITECTURE DE L'INFORMATION 19/10/12 48
- 49. ZONING CHOIX DE LANGUE NAVIGATION DANS LA GALAXIE Groupe La Poste Espace entreprise Espace particulier Boutique du timbre HEADER COMPTE PERSO RECHERCHER Objet de votre recherche et / ou Recherche avancée MENU GENERAL ZONE D’ANIMATION DE LA HP PRESENTATION PEDAGOGIQUE SERVICE EN VIDEO ZONE D’ INCITATION A LA CREATION DE COMPTE Trouvez le produit adapté !
- 50. WIREFRAME English Deutch Italiano Espanol Aller au contenu Groupe La Poste Espace entreprise Espace particulier Boutique du timbre Login Panier (0) Visuel de la charte Mot de passe Mes listes Mes abonnements S’inscrire Se se connecter connecter Mot de passe oublié ? Mon compte RECHERCHER Objet de votre recherche et / ou Recherche avancée Guide Envois Envois Envois Envois Envois Services Accueil des produits courants InternaFonaux importants volumineux praFques personnalisés Accueil : onglet découvrir Comprendre les produits en Vidéo Gagnez du temps ! Comprendre -‐1-‐ Le DisFngo suivi La livraison en 24h Après règlement ou récepFon du chèque Créez un compte pour votre entreprise Lire ceie vidéo de 2 mn et pour vos collaborateurs en moins de 5 mn Découvrez d’autres produits et services en vidéo Créer mon compte pro Changer de produit Afficher Toutes les vidéos Trouvez le produit adapté ! Donnez du cachet
- 51. GRAPHISME
- 52. FORMALISATION
- 53. La complexité (et l’historique) des projets web ont amenés les communicants à interroger ces compétences sur des projets marketing. ARCHITECTURE DE L'INFORMATION 19/10/12 53
- 54. Sédimentation de systèmes d’information PUBLICITÉ INTERNET E-‐COMMERCE EXTRANETS INTRANET CRM STOCK SI INFRA BASE CLIENT ARCHITECTURE DE L'INFORMATION 19/10/12 54
- 55. Des écho systèmes ont commencés à émerger Panorama et enjeux du web octobre 2010 55
- 56. Par successions d’actions autonomes sur les points de contacts POINTS DE CONTACT ARCHITECTURE DE L'INFORMATION 19/10/12 56
- 57. Souvent le reflet de l’organisation de l’entreprise face aux initiatives CORPORATE BUSINESS POINTS DE CONTACT ARCHITECTURE DE L'INFORMATION 19/10/12 57
- 58. Des enjeux divers et des fonctionnements autonomes MEDIA CORPORATE BUSINESS PAYS APPS WEB A D N API S I APPS CONTENT APPS BRAND CONTENT APPS SEMANTIQUE DATA TECHNIQUE
- 59. Des enjeux divers et des fonctionnements autonomes MEDIA MARKET PLACES MEDIA BRANDING APPS APPS APPS APPS PAYS CORPORATE PAYS BUSINESS PAYS PAYS PAYS DISPLAY PAYS SEM APPS WEB SEO A D N API S I APPS CONTENT APPS BRAND CONTENT NATURAL APPS SEMANTIQUE DATA CRM SOCIAL SOCIAL CONTENT TECHNIQUE MEDIA PLACES MICRO BLOGING
- 60. Le message est confu MEDIA MARKET PLACES MEDIA BRANDING APPS APPS APPS APPS PAYS CORPORATE PAYS BUSINESS PAYS PAYS PAYS DISPLAY PAYS SEM APPS WEB SEO A D N API S I APPS CONTENT APPS BRAND CONTENT NATURAL APPS SEMANTIQUE DATA CRM SOCIAL SOCIAL CONTENT TECHNIQUE MEDIA PLACES MICRO BLOGING
- 61. Le message est confu, la marque a du mal à émerger EXEMPLE DE MAPPING SEMANTIQUE SUR L’INFORMATIQUE ARCHITECTURE DE L'INFORMATION 19/10/12 61
- 62. Avec la crise, le point de contact digital devient central, l’ergonomie primordiale, le design ROI ARCHITECTURE DE L'INFORMATION 19/10/12 62
- 63. De l’application métier à l’interface client CRM MOBILITÉ VISIBILITÉ REPUTATION E-SERVICES E-COMMERCE ARCHITECTURE DE L'INFORMATION 19/10/12 63
- 64. De l’application métier à l’interface client ARCHITECTURE DE L'INFORMATION 19/10/12 64
- 65. Des applications dans l’interface client ARCHITECTURE DE L'INFORMATION 19/10/12 65
- 66. Communiquer L’ARCHITECTE DEVIENT UN COMMUNICANT Marketing Image AI Technique L’architecte est devenue un traducteur entre différents monde ou la qualité des livrables ouvre les esprits ARCHITECTURE DE L'INFORMATION 19/10/12 66
- 67. Communiquer QUAND LA MARQUE DEVIENT PROTEIFORME ARCHITECTURE DE L'INFORMATION 19/10/12 67
- 68. Communiquer ET LA COMMUNICATION MUTANTE ARCHITECTURE DE L'INFORMATION 19/10/12 68
- 69. Communiquer ON CHANGE DE CAP ! Technologie Utilisateurs ARCHITECTURE DE L'INFORMATION 19/10/12 69
- 70. Communiquer ON CHANGE DE CAP ! Technologie Utilisateurs ARCHITECTURE DE L'INFORMATION 19/10/12 70
- 71. Communiquer SIMPLE CONCEPT DE SIMPLEXITE ARCHITECTURE DE L'INFORMATION 19/10/12 71
- 72. Etude sur le webstress juillet 2009 http://www.generation-nt.com/web-stress-achat-ligne-etude-ca-indisponibilite-site-actualite-871151.html http://www.slideshare.net/jdeyaref/ergonomie-des-sites-web
- 73. des internautes rencontrent encore souvent des difficultés pour trouver ce qu’ils cherchent sur les sites qu’ils consultent 75%
- 74. des consommateurs français confrontés à un problème d'utilisation d'une application en ligne font porter la responsabilité sur l'entreprise propriétaire du site ou sur l'hébergeur. 71%
- 76. 30% Se tourne vers un site concurrent
- 77. 7 sur 10 ne reviennent pas sur un site où ils ont rencontré des problèmes de navigation ou d’orientation
- 78. > 10 sec. 44 % quitte le site
- 79. My Brand Expérience Expérience Expérience Utilisateur Consommateur Produit Utilisateur Digitale AU CŒUR DES PARCOURS CLIENT
- 80. 3 LA CONCEPTION CENTREE UTLISATEUR ARCHITECTURE DE L'INFORMATION 19/10/12 80
- 81. ARCHITECTURE DE L'INFORMATION 19/10/12 81
- 82. Une norme Comprendre et spécifier le contexte € € d’uWlisaWon € * Fin Ok * 1 2 Comprendre et spécifier les exigences uWlisateurs + Iso 13407 * Définir les Norme Issue de indicateurs de la l’industrie du logiciel performance Évaluer les soluWons 4 en foncWon des exigences prédéfinies 3 Produire des soluWons de concepWon ARCHITECTURE DE L'INFORMATION 19/10/12 82
- 83. Transposée à des cycles courts pour réponde au TTM DEFINITION EXECUTION EXPLOITATION ETUDE STRATEGIE CONCEPTION PRODUCTION RECETTE ANIMATION TEMPS WEB ARCHITECTURE DE L'INFORMATION 19/10/12 83
- 84. Des méthodes de d’optimisation centrées HUMAIN 84 ARCHITECTURE DE L'INFORMATION 19/10/12 84
- 85. Des méthodes centrées ROI 85 ICI ICI x100 X1 x10 ROI and usability (Mauro, 2003) "La règle d'or dans beaucoup d'organisation pratiquant la conception centrée utilisateur est que le ratio coût-bénéfice est d'environ $1:$10-$100. Une fois que le système est en cours de développement, corriger le même problème coute jusqu'à 10 fois plus cher que lors de la phase de conception. Si le système a déjà été finalisé, le coût peut être jusqu'à 100 fois plus cher." (Gilb, 1988) ARCHITECTURE DE L'INFORMATION 19/10/12 85
- 86. Des méthodes de d’optimisation centrées DATA 86 ARCHITECTURE DE L'INFORMATION 19/10/12 86
- 87. Des méthodes de d’optimisation centrées DATA 87 MULTI VARIABLE TESTING ARCHITECTURE DE L'INFORMATION 19/10/12 87
- 88. 4 UN METIER EN MUTATION ARCHITECTURE DE L'INFORMATION 19/10/12 88
- 89. USER EXPERIENCES SKILLS User eXperience Une infographie est apparue à la fin de l’été 2010 aux US, et nous présente les différents méFers de l’UX, ainsi que leurs foncFons respecFves : 19/10/12 89
- 90. USER EXPERIENCES SKILLS 19/10/12 90
- 91. USER EXPERIENCES SKILLS 19/10/12 91
- 92. User eXperience « User research » : Analyse profonde du comportement des uFlisateurs, de leurs besoins et de leurs moFvaFons. Ils peuvent intervenir dans toutes les phases du processus de design de UX l’interface, de la concepFon du projet à la mise en œuvre. « Usability analyst » : Applique les conclusions des études réalisées sur les uFlisateurs, et idenFfie les problèmes d’uFlisaFon. Il s’assure que les objecFfs d’uFlisabilité sont raccords avec les objecFfs du projet. Il analyse les résultats des études. Ces deux premiers méFers sont souvent représentés par un seul profil, celui de l’ergonome. « InformaWon architect » : Se concentre sur la définiFon du périmètre, la construcFon et l’opFmisaFon de l’organisaFon de l’informaFon et de la manière dont elle est présentée à l’uFlisateur. Il développe des plans réalistes qui prennent en charge les objecFfs de l’expérience uFlisateur. uWlisabilité « InteracWon designer » : Pense et met en forme des concepts d’interacFon qui permeient des expériences transparentes, fluides et perFnentes pour les uFlisateurs. « Visual designer » : Transforme les prototypes pour en faire des concepFons visuelles à la fois conviviales pour l’uFlisateur et respectueuses des direcFves de la marque. Il s’appuie sur la compréhension et l’interprétaFon de la charte graphique de la marque. Le designer prend le plus souvent en charge ces deux dernières disciplines. « UX Designer » : Connecté à tous les méFers de l’UX lors du processus de créaFon centrée plaisir uFlisateur. Son rôle est de réaliser des expériences uFlisateur réussies en Frant le meilleur de toutes les experFses citées précédemment. ARCHITECTURE DE L'INFORMATION
- 93. Démultiplication des écrans NAVIGATION GENERALE FAVORIS SOCIAL MESSAGES FAVORIS SOCIAL MESSAGES AGENDA M Nouveau Rechercher MENU FONCTIONNEL Mes contacts Nouveau Rech GROUPES IMPORTS Filtres (modifie la liste) Christophe Ti cous COTIN VALOIS UX CREATIVE DIRECTOR Zorght da ouff 12 : 06 Mamie (2) RE : t’as eu mon msg ? Changer de compte Mamie Valois 09 : 56 Voir tous mes contacts Laurenc Noël Raph le T hier Liste des derniers GROUPES Créer + Amand contacts Filtres Laurence Louis hier (derniers échanges avec mes contacts) (s’adaptent en IMPORTS Ajouter -‐ Zorght fonctions des Raph le T hier terminaux) Gmail Mamie FaceBook (421) Derniers Ab - Yz Activités hier Fonction trieur Foursquare Stépha (Autres vues sur la liste) Mélanie Mamie Stépha Mélanie PARCOURS ET REFERENCES -‐ OCTOBRE ARCHITECTURE DE L'INFORMATION 2011 19/10/12 93
- 94. Démultiplication des écrans ARCHITECTURE DE L'INFORMATION 19/10/12 94
- 95. CONCLUSION PERSPECTIVES ARCHITECTURE DE L'INFORMATION 19/10/12 95
- 96. Créer des points d’ancrage Pour accéder aux contenus de la marque
- 97. Rationnaliser les dispositifs Pour optimiser les points de contacts
- 98. Organiser les flux Favoriser la circulation pour répondre aux besoins ARCHITECTURE DE L'INFORMATION 19/10/12 98
- 99. Simplifer les messages Le branding au service de la fonction ARCHITECTURE DE L'INFORMATION 19/10/12 99
- 100. Explorer Le digital est un espace un quantifiable ARCHITECTURE DE L'INFORMATION 19/10/12 100
- 101. Merci ! ccv@cotinvalois.com ARCHITECTURE DE L'INFORMATION 19/10/12 101