Transcription
1. Bienvenue: Bienvenue à l'introduction à l'architecture de l'information. Je m'appelle Julia Davari, et je suis ravie de vous guider dans cet aperçu de l'architecture de l'information. Nous allons parler un peu de l'histoire un peu des disciplines qui composent information, l'architecture, les bols de livraison et l'architecte d'information produit et comment créer un site. Commençons. Saviez-vous que le terme « architecture de l'information » existe depuis 1976 ? En fait, ça a été un peu plus long que ça. Le terme a été utilisé quelques fois ici et là. Quelques papiers, mais il est vraiment devenu populaire en 1976 Richard Saul Foreman. Il a donné un discours liminaire lors d'une conférence. La conférence de l'Institut d'architecture de l'information en 1976 sur la manière dont l'information devait être architecturée à notre ère numérique. Richard Saul Warm C'est un graphiste et architecte de bâtiment qui a vraiment popularisé et créé le domaine de l'architecture de l'information telle que nous le connaissons aujourd'hui. Note de côté amusante. Il voulait aussi des co-créateurs des conférences Ted sur Ted. Alors, qu'est-ce exactement l'architecture de l'information ? Eh bien, c'est une pratique professionnelle et un domaine d'études axé sur la résolution des problèmes fondamentaux liés
à l' accès et à l'utilisation de grandes quantités d'informations. Alors, qu'est-ce que ça veut dire pour nous aujourd'hui ? Évidemment, l'avènement d'Internet a beaucoup changé les choses, donc vous avez souvent entendu parler du terme « architecture de l'information ». Lorsque vous parlez de la conception de sites Web ou APS lorsque vous discutez de cadres métalliques, les étiquettes de
contenu sont la navigation. Aujourd'hui, un architecte de l'information est avant tout un projet, et il s'appuie sur des lignes directrices, des pratiques
exemplaires et une expertise professionnelle. En d'autres termes, l'architecture de l'
information n'est pas une science mais un art appliqué. L' Architecte d'information sur les emplois était donc principalement axé sur l'identification et définition du contenu du site ou de l'APP et de ses fonctionnalités, ainsi que sur l'organisation,
la structure et la nomenclature sous-jacentes qui définissaient les relations entre le contenu d'un site et sa fonctionnalité.
2. Disciplines: Parlons des disciplines qui composent le domaine de l'architecture de l'information. Il y a trois disciplines clés qui construisent notre conjecture. La bibliothéconomie en psychologie cognitive examinera certains des principaux aspects de chacune
de ces disciplines et leur lien avec l'architecture de l'information elle-même. La bibliothéconomie est l'étude de la façon de classer, cataloguer et de localiser. ressources sont utilisées partout, des bibliothèques traditionnelles aux musées, laboratoires
scientifiques et hôpitaux pratiquement partout où vous êtes dans un grand espace et vous avez besoin de
trouver votre chemin, généralement en utilisant des panneaux. Si vous êtes familier avec,
comme l'aéroport,par
exemple,
et comment ils ont des terminaux et des portes différents. Si vous êtes familier avec, comme l'aéroport, par
exemple, C' est une autre façon de catégoriser les choses et de les localiser. Beaucoup de design industriel, d'information, d' architecture et évidemment, la
bibliothéconomie utilise les idées pour créer un schéma organisationnel. catalogage lui-même est le processus de création de métadonnées, qui sont des données sur les données et de les affecter au contenu afin de les retrouver à l' avenir. Donc, si vous êtes familier avec S CEO, par
exemple, l'optimisation des moteurs de
recherche lorsque vous recherchez un mot clé qui est des métadonnées ou les données
réelles qui ont été attribuées à la page Web pour que vous puissiez le trouver. Il y a beaucoup d'autres choses qui peuvent également tomber dans cette catégorie. Des choses telles que les hashtags pourraient être considérées comme des méta données. mots-clés, lorsque vous recherchez quelque chose, se
trouvent généralement dans les métadonnées ou les données réelles elles-mêmes. Le catalogage est donc très important pour notre ère numérique. archivage ou le processus de science archivistique consiste à créer et à conserver des archives
remplies de contenu, qui devront peut-être être modifiées ou supprimées à l'avenir afin de préserver l'intégrité des archives. Donc, vous pouvez être familier avec cela, comme lire Blonde Post. Les choses sont organisées par date. Hum, tu as besoin de garder tous les poteaux ? Si c'est il y a 10 ans, peut-être que vous devez en retirer certains. Hum, vraiment comprendre ce qui est pertinent pour votre public est une partie importante de la
science archivistique . psychologie cognitive est l'étude du fonctionnement de l'esprit et des processus mentaux qui s'y
déroulent . Et l'accent principal de I A avec la psychologie cognitive sont trois concepts importants. Charge cognitive, modèles
mentaux et prise de décision. La charge cognitive est lorsque vous avez des informations dans votre tête et que vous pouvez en ajouter davantage parce que vous allez simplement l'oublier. Des choses comme se souvenir d'une liste de courses ou se souvenir de numéros de téléphone. Une façon de se souvenir des numéros de téléphone, que vous êtes probablement familier avec si vous êtes aux États-Unis, est que nous Chunk Thumb Chungking en faisant 1er 3 numéros sont l'indicatif régional. Les trois numéros suivants sont votre préfixe, et les quatre derniers chiffres de votre propre numéro sont spécifiques à vous et un identifiant unique. Donc, en le divisant en 33 et quatre, il réduit la charge cognitive de se souvenir d'un numéro de téléphone que si vous aviez des
chiffres forts ensemble 10 . Les modèles mentaux sont les associations de la façon dont vous pensez que quelque chose fonctionne en fonction de vos connaissances
antérieures. Donc, si je monte dans une nouvelle voiture et qu'il y a quelque chose que je n'ai jamais vu auparavant, toutes les connaissances préalables que j'ai sur tout ce
que j'ai interagi dans le monde jusqu'à ce moment donneront des indices sur la façon dont je pense que cette chose inconnue devrait fonctionner ou être c'est un modèle
mental et, enfin, la prise de décisions,
évidemment, la prise de décisions, façon de décider entre plusieurs choses ou deux choses, ou quelque chose sur lequel l'architecte de l'information se concentre vraiment lorsqu'il décide la langue à utiliser pour des éléments tels que les métadonnées pour des éléments tels que les étiquettes d'un site Web ou le contenu d'un site Web. Et enfin, nous avons l'architecture du bâtiment. L' architecture elle-même est à la fois un processus et le produit de la planification, la conception et de la construction de bâtiments ou de toute autre structure. Vous êtes donc probablement familier avec des choses telles que les plans de l'architecture du bâtiment. Les cadres métalliques sont les plans d'un contenu numérique. Un architecte de l'information peut décider de leur organisation et des relations entre le contenu de ces différents écrans.
3. PRODUITS LIVRABLES: Nous avons parlé de l'histoire de l'architecture de l'information ainsi que des domaines ou disciplines qui composent le domaine lui-même de l'architecture de l'information. Parlons maintenant de ce que fournissent les bols et l'architecte d'information produit réellement. Il est important de garder à l'esprit que l'architecture de l'information est documentée et que les feuilles de calcul et les diagrammes ne sont pas dans des cadres métalliques, maquettes
visuelles ou des prototypes. Les bols de livraison les plus courants associés à un architecte d'information. Nos plans de sites, inventaires de
contenus, audits de
contenu, modèles de contenu, modèles
mentaux, taxonomie, facilité, métadonnées, organisation de l'
information, nous et les systèmes d'étiquetage passeront par un exemple de chacun de ces Next. Tout d'abord, nous avons l'exemple d'une carte du site. Le plan du site est généralement hiérarchique et indique diverses relations entre le contenu d'un site Web ou d'une application. Nous reviendrons plus en détail sur les plans du site un peu plus tard. Voici un exemple d'inventaire de contenu. L' inventaire de contenu est une feuille de calcul, comme vous pouvez le voir ici, qui passe en revue le contenu existant d'un site Web ou d'une application et indique ce qui est là pour l'examiner et voir ce qui pourrait être archivé, supprimé ou modifié. Le calme sur la page I d. Ces chiffres proviennent en fait de la carte du site, et les chiffres eux-mêmes indiquent le niveau de hiérarchie et l'endroit où ils se
trouvent, en relation avec d'autres contenus sur le site. Les éléments les plus courants inclus dans un inventaire de contenu sont la page i D ou la carte du site I D. L'U R L actuel de l'endroit où se trouve ce contenu. La description du contenu généralement le titre de l'écran ou de la page, qui est ici connu sous le nom et le sujet. Et puis il peut également inclure d'autres choses, telles que des mots ou une description médicaux ou le type de contenu situé sur cet écran. Celui-ci a d'autres choses, comme le statut 200 signifie les pages en direct. 404 signifie que la page est introuvable. Le Rio signifie que la page a été redirigée vers une nouvelle page. Ce n'est pas aussi important, mais l'inventaire du contenu peut contenir autant d'informations que vous le souhaitez,
mais il est très important d'avoir les éléments clés que j'ai mentionnés plus tôt, et vous pouvez en inclure d'autres au besoin. Un modèle de contenu est la façon dont le contenu sur une page et mémoriser le contenu peut être quelque chose d'une image à un orteil de phrase, un mot orteil plusieurs mots pour vous éléments I et comment ces choses sont liées les uns aux autres. Ceci est un très bon exemple de modèle de contenu de quelqu'un pour une page spécifique dans cet exemple. Pour l'Apple Web Store, il
s'agit d'un exemple de modèle mental. Celles-ci ont été popularisées par une personne nommée Indie Young. C' était un consultant professionnel en U X. Elle a de nombreux exemples ainsi qu'un livre entier sur le sujet. Si vous souhaitez plus d'informations, fondamentalement, la partie supérieure du modèle mental est ce qu'une personne ou
un acteur de véhicule pense et fait de manière linéaire. Et la partie inférieure est ce que l'organisation ou l'
entreprise peut faire pour cette personne. Ou pourrait être des opportunités liées au, euh, modèle ou ce qu'une personne fait. Donc, cette ligne verte sombre est ce que nous appelons la ligne d'interaction entre l' entreprise et l'individu, et alors vous pouvez voir qu'il s'agit d'une structure très linéaire et de phases spécifiques, sorte que ce sont les bases d'un modèle mental. Suivant est une taxonomie, donc ce n'est pas l'exemple d'un livreur à base de plantes spécifiquement, mais à quoi ressemble une taxonomie sur un site Web, donc vous êtes probablement très familier avec les livres, Donc c'est à partir de bonnes lectures. Donc, nous avons des catégories après dans une librairie, une bibliothèque ou des livres Howard en ligne organisés. Donc, il y a généralement des genres. Et donc ici, vous pouvez voir les différents genres sur la gauche, puis à l'intérieur de ce que vous pouvez organiser les choses d'autres façons. Et ici, il montre combien de personnes ont les jeux de la faim sur leurs étagères. Donc, vous avez un jeune adulte, et ensuite vous pouvez explorer les sous-catégories. taxonomie est donc l'étiquetage d'un étiquetage des catégories de la façon dont le contenu sera organisé. méta-données, comme nous l'avons déjà dit, sont rassemblées de manière à ce qu'il y ait la structure, puis les valeurs. Euh, donc un exemple très commun est comme les films ou la télé. Donc si vous êtes familier avec Je suis Devi, il y a le titre de l'épisode ou le film, euh, la description de ça. Ainsi, la structure est intitulée Description, Créateur, date et type, puis le contenu réel ou les valeurs qui vont dans cette structure sont répertoriés de l'autre côté. Donc, c'est une chose très courante sur un autre bon exemple de ceci est Si vous avez, disons, un menu déroulant ou un autre type de menu ou de champ de texte, quel type de contenu peut y aller ? Combien de caractères y sont autorisés ? Tout cela est lié à la livraison de métadonnées à base de plantes et ici dans le coin droit , et vous pouvez voir si vous avez des métadonnées. Voici donc ce que nous appelons le nom du champ ou peut-être l'élément U I. Et puis quel type de données s'y trouve, puis un exemple de ce que cela pourrait être, puis comment cela relie Ceci est un exemple d'une ancienne page de portail à la taxonomie. Nous avons donc le titre, puis la description de quel type de contenu est dans cette catégorie. Donc c'est une liste, et puis il y a des ordinateurs et ce qui passe sous ordinateur. Il y a donc le sujet, les ordinateurs et sa programmation, les langages et un langage spécifique. Donc, ce sont des métadonnées. Donc, il est beaucoup de penser à des mots spécifiques, ce qu'ils signifient et comment les choses sont liées ensemble. Enfin, nous avons un exemple de schéma d'organisation, qui est similaire un peu différent. Donc, si vous avez, euh, un exemple à gauche est un type d'information. Donc, nous avons, comme compagnie aérienne ou société ou organisme éducatif, si les types spécifiques que ceux-ci transmettent être, par
exemple, si vous avez, comme des boutons radio ou un autre type de indicateur où quelqu'un doit prendre une décision. Donc, sous l'organisation éducative, vous avez un collège ou une université. Il pourrait y avoir une école primaire, un lycée et un collège, préscolaire ou tout simplement une école. Donc si vous faites,
disons,desboutons
radio comme options sur Lee,
ces options seraient disponibles. Donc si vous faites,
disons, disons boutons
radio comme options sur Lee, Rien d'autre ne serait disponible. Ceci est de donner aux développeurs de savoir quoi coder, ainsi que de savoir comment la structure du contenu s'intègre dans,
disons, disons, la base de données back-end. Et enfin, nous avons un système d'étiquetage à base de plantes, donc il pourrait y avoir, dans cet exemple, le sujet réel de la page sur la gauche ou ce que nous allons l'étiqueter. Alors, quelle est l'étiquette sur la page elle-même ? Donc, si c'est la page de communication, en-tête de page
réel serait la communication life hat, puis cet auditeur dit, Titre sur parenthèses. Il s'agit de métadonnées. Alors quel type de métadonnées sera sur la page afin que Lorsque vous recherchez la page, que trouverez-vous ? Donc, nous avons l'étiquette réelle de ce que le contenu est le titre réel de la page, puis les métadonnées liées à cette page.
4. Pièces de marque: Nous avons parlé de l'histoire de l'architecture de l'information, disciplines qui composent
l'information, l'architecture et ils fournissent des bols et des produits d'architecte d'information. Maintenant, parlons de la façon de faire un de ces bols livrer. C' est mieux pour chaque designer de savoir comment faire. Et voici le plan du site. Les éléments de la même application sont des boîtes, lignes, la structure de leur organisation, les niveaux de hiérarchie, les étiquettes et une légende. Il est important de garder à l'esprit la différence entre l'information, l'architecture et la navigation. Beaucoup de gens utilisent ces termes de façon interchangeable, ce qui n'est pas exact. L' architecture de l'information est l'épine dorsale de l'information du site. navigation fait référence aux éléments de l'U. Je permet aux utilisateurs d'accéder à des informations spécifiques sur le site. navigation est donc la représentation visuelle de la façon dont les utilisateurs obtiennent deux éléments de contenu différents définis par l'architecture d'information. Donc, en commençant par un exemple très simple, vous regarderez les morceaux d'une carte du site. D' abord, nous avons les boîtes. Nous avons une structure hiérarchique, commençant par le niveau zéro. Nous avons des lions, puis nous faisons notre chemin dans la hiérarchie. Niveau 1, niveau 2 et niveau 3. C' est un aperçu très simple, et nous allons passer par des exemples plus détaillés maintenant. C' est un exemple que j'ai fait il y a de nombreuses années, et donc vous pouvez voir que nous avons une légende. Nous avons des boîtes et nous avons des lignes et nous avons une structure hiérarchique. On a la page d'accueil principale. Ce n'est pas toujours le top, comme nous le ferons sur ce plan. Cela pourrait être comme ça, mais une indication qui est la page d'accueil. Notre premier écran principal doit être indiqué. Nous avons ici nos lignes indiquant la navigation primaire, qui est notre niveau 1 jaune. Et puis nous avons le contenu qui vit dans chacune de ces catégories. s'agit d'un site simple de sorte qu'il ne dispose que de quelques informations et n'est pas aussi détaillé. Est d'autres cartes du site. Regardons certains d'entre eux maintenant. Voici un exemple d'une autre carte du site que j'ai faite il y a des années, et vous pourriez voir ici que nous avons la page d'accueil comme niveau zéro en haut, et ensuite nous travaillons notre chemin vers le niveau suivant. Il y a sept articles. Vous voulez les organiser par ordre d'importance, donc nous avons un à sept. C' est notre premier niveau et probablement notre navigation principale. Ensuite, nous avons le deuxième niveau, qui est toutes les choses qui vivent sous chacun de ces morceaux de navigation, le contenu, puis nous allons un peu plus loin et nous avons un autre niveau de navigation. Il est important de noter que si vous traversez des lignes pour avoir une petite bosse ici, cela indique qu'il traverse et ne la brise pas. C' est aussi important d'avoir des chiffres. Vous remarquerez que la dernière carte du site que j'ai montrée ne montre pas les nombres, mais il est préférable de toujours les inclure pour indiquer le niveau hiérarchique et emplacement de ce contenu, comme nous l'avons vu avec l'exemple d'inventaire du contenu. Ceux-ci peuvent ensuite servir de référence pour des parties du site plus tard, un autre exemple. Ici, nous avons la page d'accueil, alors nous avons les pages principales font la navigation primaire et puis tout le contenu ci-dessous que vous pouvez voir c'est un site très profond, mais pas très large. On est là. Nous avons peut-être un pied de page ou d'autres types de navigation qui n'est pas aussi important. Et puis nous avons ici de petites icônes qui indiquent peut-être un type de page. Cependant, celui-ci n'a pas de légende, qui est la meilleure pratique orteil. Inclure toujours une légende. Alors voici peut-être une annotation. Vous pouvez également annoter votre plan de site s'il y a des commentaires supplémentaires que vous souhaitez faire.
5. Types de navigation: nous avons parlé de la structure de la façon de créer une carte du site. Alors maintenant, parlons de savoir si différents types de navigation qui représentent conditionnellement une partie de cette architecture d'information. N' oubliez pas
qu'il y a une différence entre l'architecture de l'information, navigation et la navigation. navigation est la collection de composants d'interface utilisateur qui composent la façon dont les utilisateurs se
déplacent sur un site ou une application. L' objectif principal de la navigation est d'aider les utilisateurs à trouver des informations et des fonctionnalités et les
encourager à prendre les mesures souhaitables. Tu te souviens de ce morceau de psychologie cognitive sur la prise de décision ? C' est là que cela entre en jeu. composants de navigation peuvent inclure la navigation globale, utilitaire
local, chapelure, les filtres, les facettes, les liens
associés, les
pieds de page, etc. Examinons ces détails un peu plus en détail. Donc, une fois de plus, les types de navigation, notre global ou primaire ceux-ci peuvent être utilisés de manière interchangeable. Nous avons la navigation locale, utilité, la navigation, le pied de page dans le contexte ou la navigation facettée. Ce sont les types de navigation les plus courants que vous verrez sur une application ou un site Web. Regardons quelques exemples ici. Nous avons un exemple de cible dot com, donc la navigation que vous voyez généralement en haut à droite des sites Web est généralement un peu plus petite que la navigation principale,
um, um, est ce que nous appelons la navigation utilitaire. Vous pouvez voir que Target a beaucoup de choses ici, y compris les favoris, qui est montré par une icône par rapport aux mots. Et certaines choses ont des icônes et des mots. Alors faites attention lors de la conception de votre navigation que vous êtes cohérent et essayez de ne pas mélanger les choses comme elles le font ici. Ensuite, nous avons ce que nous appelons notre navigation globale ou primaire, donc ils ont utilisé leur logo pour la maison. Ensuite, nous avons les catégories que vous pouvez voir est une liste déroulante offres qu'ils ont inclus. Une grande barre de recherche fait partie de leur navigation. Vous pouvez ou le faire si vous le souhaitez. Ce n'est pas une exigence. Ensuite, nous avons mon compte et nous connectons, puis le panier choquant. Il s'agit donc d'une navigation globale, très courante pour les sites de commerce électronique. Et puis j'ai inclus ici aussi la navigation du pied de page. Donc, parfois, vous voyez des pieds de page qui sont vraiment grands avec perte d'informations. Target a utilisé des listes déroulantes à la place, euh, et puis ils ont aussi utilisé um, le pied de page. La navigation est généralement aussi vous déclenchez la vie privée, hum, termes et conditions, quelque chose comme ça, de
sorte que vous pouvez remarquer qu'ils ont tous ces différents styles de navigation, ce qui est quelque chose à garder à l'esprit sur la façon dont vous concevez votre site et votre navigation afin que les gens soient clairs. Qu' est-ce que la navigation ? Qu' est-ce que le contenu réel ? Personnellement, je ne pense pas que Target ait fait un très bon travail, mais c'est mon opinion personnelle. Et je ne suis pas dans l'équipe. Donc, je ne sais pas quelles autres facettes ou décisions ont été prises pour prendre la décision d'organiser une navigation comme celle-ci. Ensuite, nous avons un autre site de commerce électronique, Williams Sonoma. Ainsi, vous pouvez voir qu'ils ont une énorme navigation utilitaire en haut. C' est un rayon plus léger, euh, aussi une sorte de styles légèrement différents où nous avons un cas de phrase. Toutes les minuscules. C' est peut-être encore l'affaire Camel. Dis vraiment, euh, affaire
Kamel ici. Ensuite, il y a une mauvaise programmation ici où les choses sont rassemblées. Ensuite, nous avons cela un peu confus comment ils le font. C' est pour ça que je l'ai inclus. Et puis ils ont deux types différents. Donc, c'est la navigation à facettes. Où vous changez votre navigation en fonction de ce que vous sélectionnez. Donc nous sommes ici à Williams Sonoma lui-même. Et si vous voulez y aller, magasin à
domicile, c'est un onglet et vous cliquez dessus et je verrais une navigation globale différente. Ensuite, vous remarquerez leur logo pour rentrer à la maison car c'est énorme et brise la navigation sorte que vous pouvez voir qu'ils ont également rompu la navigation utilitaire tout ici, et ils ont aussi ci-dessous ici avec le panier et le chèque dans votre expédition dans aux États-Unis dans votre compte. Donc, ils ont vraiment mélangé les types de navigation. Hum, donc ce n'est pas non plus le meilleur exemple de la façon de le faire. Mais je veux vous montrer des choses différentes qui n'étaient pas si simples. Et puis en dessous de leur logo se trouve leur navigation globale. Vous remarquerez que c'est presque comme s'ils avaient une autre navigation utilitaire. Donc, ils ont le Williams Sonoma spécifique vous navigation utilitaire Nilla par rapport à la navigation Williams Sonoma et Williams Sonoma Home utilitaire de navigation. Donc, ce pourrait être un site web assez délicat, aussi. Faites l'architecture d'informations pour, puis voici votre
navigation standard globale ou principale . Le noir avec un texte blanc. Mais vous remarquerez qu'ils ont encore Williams Sonoma chez eux. Hum, donc vous pouvez voir que cela pourrait avoir besoin d'un peu plus de travail et notre dernier exemple est, euh, d'Amazon dot com. Voici donc un autre exemple, et vous êtes probablement très familier avec ce que nous appelons la navigation à facettes, qui est l'endroit où vous avez cette taxonomie ou catégorie est si populaire. Plus Amazon Kindle et manuels scolaires eso chacune de ces catégories peuvent changer. Um, la navigation qui est le niveau suivant vers le bas, en fonction de ce que vous cliquez dans les contacts. La navigation est généralement la navigation qui est avec dans le contenu à l'écran. Donc, ici, vous avez des gagnants et des offres et des livres, que vous remarquerez est répété sous populaire dans les livres. Nous avons des gagnants de prix Eh bien, voyons A et offres et livres ainsi que vous pouvez le faire et dupliquer la navigation. Euh, habituellement dans les contacts. La navigation pourrait avoir un peu plus de design autour d'elle, plutôt que simplement le texte de son principal, mais dans le type de liens. Mais vous pouvez voir qu'il y a beaucoup de façons différentes orteils visuellement, représenter l'architecture de l'information et afficher la navigation de votre site Web ou application. Enfin, regardons comment vous décidez quel type de navigation vous devez utiliser. Tout d'abord, vous voulez examiner la priorité d'utilisation. Combien nos utilisateurs vont compter sur cette navigation si globale ou principale navigation est quelque chose que vous voulez être accessible à partir de chaque écran ou page Web du site ou de l'application. Vont-ils utiliser plus en contexte, choses
navillantes qui sont vraiment liées au contenu ? Donc, il pourrait être dans la navigation contextuelle. Ensuite, Voulez-vous regarder quel modèle de navigation allez-vous utiliser ou même utiliser des onglets ? Méga menus ? Autre. Ces menus déroulants avec d'énormes carrés qui sont généralement la largeur de la page. Vous pouvez utiliser un carrousel Accordéons. Il y a tellement d'autres types différents de modèles de navigation. La chapelure. Alors, comment veux-tu représenter ça visuellement ? Quel sera le plus facile pour les gens découvrir et les belles choses et enfin, le placement. Nous avons donc vu quelques exemples différents de la façon dont les choses étaient placées. Où est-il placé dans la douleur ? Juge ? , C'
est toujours en haut,c'est que la gauche est en bas. Ce sont les trois choses que vous devez prendre en compte lorsque vous décidez de la façon dont vous
allez représenter visuellement, mais votre chemin sur un site Web ou une application
6. Redesign du graphique: nous avons parlé de la structure et des éléments nécessaires à la création d'une carte du site. Nous avons également parlé des différents types de navigation qui peuvent représenter cette information . Parlons maintenant de la façon de créer une carte du site. Lorsque vous reconcevez un site Web ou une application, il est généralement plus facile pour les personnes qui commencent à le faire à partir d'un site Web existant ou à partir d'un site Web existant. Parce que le contenu existe déjà par rapport à une toute nouvelle carte de site sans contenu. C' est une bonne pratique de prendre le site existant et d'essayer de faire des cartes du site à partir de celui-ci, ce qui sera un projet que nous aurons plus tard. Alors parlons étape par étape, comment faire cela ? Donc, la façon idéale de le faire est de créer une carte du site existant, et vous commencerez par effectuer un inventaire de contenu comme nous l'avons vu plus tôt de tout le
contenu et les écrans ou pages existants sur l'APP ou le site Web. Vous le feriez, puis décidez quel contenu doit rester, être modifié, archivé ou supprimé. Puis, avec tout ce contenu organisé dans une impulsion, elle vous effectuez une activité que nous appelons une épée de carte. Il existe deux types différents de types de cartes. Il y a une carte ouverte, une plaie de carte fermée et un tri de carte hybride. L' activité de tri des cartes est l'endroit où vous prenez les étiquettes de navigation qui existent, ainsi que les éléments clés du contenu et d'autres mots-clés. Associer à l'application ou au site Web et repositionner chacun individuellement sur une fiche d'index. Ensuite, les participants arrivent et organisent ces cartes pour vous dans les catégories qu'ils pensent avoir du sens. Un tri de carte ouverte permet aux utilisateurs de la session de créer les noms de catégorie qui, selon eux appartiennent aux catégories qu'ils ont créées. Après avoir fait cela avec,
disons, disons, 5 à 7 utilisateurs, vous faites ce que nous appelons un test d'arbre. Le test d'arborescence est un moyen de valider votre navigation en créant une version texte de votre navigation. Il y a quelques outils en ligne qui le feront pour vous. Ensuite, vous l'envoyez à des personnes, préférence des utilisateurs existants et potentiels de votre application ou site Web dans votre public cible, et voyez s'ils peuvent accomplir la tâche que vous leur demandez de faire, par exemple la recherche de contenus spécifiques. Il est important de noter qu'un test d'arborescence n'inclut aucune recherche et comme une
fonctionnalité de navigation Onley pour tester la capacité de recherche de la facilité d'utilisation de votre navigation. Une fois que vous en êtes assez satisfait. Vous pouvez effectuer un tri de carte de fermeture, qui est l'endroit où vous donnez déjà les titres de catégorie, puis demandez aux utilisateurs de placer le contenu qu'ils pensent appartenir sous ces titres de catégorie. Faire le même type d'activité est ouvert tri de carte. La seule différence est que vous donnez les noms de catégorie à l'avance. Ensuite, vous faites un autre test d'arborescence La validation est-elle toujours dans la bonne direction ? On va mieux ? Enfin, une fois que vous avez les résultats qui vous conviennent bien, vous créez les étapes quatre à sept de la carte de site recommandée. Vous pouvez le faire de manière narrative afin de continuer à améliorer votre
architecture de navigation et d'information autant que nécessaire jusqu'à ce que vous créez le site final recommandé maintenant.
7. Nouveau: nous avons parlé de la façon de faire une carte du site pour un site qui existe déjà et vous le
remaniez . Parlons maintenant d'elle à un plan de site pour un site ou une application qui n'existe pas déjà, et vous n'avez pas de contenu. Comment créer un plan de site pour quelque chose sans contenu ? Donc, comme je le fais, y a-t-il aussi huit étapes ? abord, vous voulez comprendre le domaine, qui est le domaine de, um, information pour laquelle vous allez concevoir. C' est de la finance ? C' est de l'automobile ? C' est de l'éducation ? Quoi qu'il en soit, essayez
vraiment de comprendre les mots, la philosophie, les phrases et les processus qui entrent dans cet espace de travail. Alors vous voulez interviewer des gens dans le public cible, idéalement, hum, huit ou plus. Et lorsque vous effectuez ces entretiens, assurez-vous de prendre note du jargon ou de la terminologie spécifique. gens utilisent des mots ou des phrases qui sont répétés par différentes personnes qui sont identiques à partir de cela, vous allez définir une taxonomie de l'organisation de la structure du type de langue ou organisations FEMA que vous utiliserez. Et puis, à partir de ces mots, fera un tri de carte ouverte. Et comme avant après le tri de votre carte ouverte, vous faites un test d'arborescence pour valider. Ensuite, vous faites un tri de panier fermé. Ensuite, vous effectuez un vrai test de validation à nouveau, puis vous créez les étapes de plan de site recommandées. Quatre à sept peuvent être itérés jusqu'à ce que vous obteniez la satisfaction souhaitée que vous soyez prêt à créer la carte de site que vous voulez et le résultat de test de 80% ou plus des tâches terminées de votre test d'arborescence afin d'être sûr que vous avez créé sur le site est capable de représenter vos informations et votre contenu avec précision.
8. Types d'outils: nous avons parlé de la structure et de la création de cartes du site. Parlons des différents outils et processus que les architectes d'information utilisent
pour créer les différents bols dont ils ont besoin. Premièrement, nous avons des systèmes d'étiquetage et une organisation. Donc, certaines de ces choses ou activités qu'ils feraient notre tri de cartes, dont nous avons parlé des études ethnographiques antérieures. Une recherche sur la SLA d'observation. C' est tout ce que le chercheur utilisateur pourrait aussi faire. Mais cela relève aussi de la compétence d'un architecte de l'information afin de trouver des étiquettes et de l'organisation sur la façon dont les choses devraient se trouver sur un site Web ou une application. La taxonomie et les métadonnées sont les mêmes activités. étude ethnographique de tri de cartes est une recherche d'observation. Vous voulez voir comment les gens parlent, comment ils pensent, quels processus ils font, quels tests ils font et comprendre leurs modèles mentaux, comment organiser les choses et utiliser langage logique pour eux pour les modèles de contenu et les modèles mentaux. Nous faisons également la recherche observationnelle et les études ethnographiques. Nous avons également été finissent par les entrevues des utilisateurs avec votre public cible. Sur le plus d'entre eux, vous pouvez faire jusqu'à ce que vous commenciez à entendre des informations répétées de manière cohérente, vous aurez une meilleure compréhension des modèles mentaux de vos utilisateurs et comment vous devriez organiser le contenu pour eux d'une manière qui sera la plus utile. Et puis, comme nous avons parlé de la validation de votre navigation, vous pourriez faire des tests d'arborescence. Vous pouvez d'abord effectuer des tests de clic. Vous pouvez faire des cartes de chaleur pour voir où les gens cliquent sur un écran. Ensuite, enfin, quelques outils que vous pouvez utiliser pour ces activités ou atelier optimal. Facilité d'utilisation à domicile. Il y a une nouvelle plate-forme ish de Zerbe appelée Helio qui a beaucoup d'activités similaires. En tant que hub de convivialité. Vous pouvez utiliser le zoom utilisateur et voir Inspecteur est spécifique au test de l'arborescence où vous pouvez créer un
test d'arborescence . Optimal Workshop a la plus large gamme d'activités que vous pouvez faire sur leurs sites Web, telles que les tests d'arbre, tests de
premier clic et vous faites également le tri de cartes en ligne. Cependant, en utilisant tous ces éléments en conjonction ou au besoin pour valider et créer vos informations, l'architecture est très utile
9. PROJET: vous avez appris beaucoup de choses prêts à commencer à travailler sur un projet pour mettre en pratique ce que vous avez appris ici est votre projet. Choisissez l'un des sites suivants et créez un plan de site pour celui-ci. J' ai un couple comme National Geographic dot org's The Red list dot com, qui est un site de commerce électronique, g e dot com, qui est une société, dire Mazda usa dot com, qui est un site COS invité spécial point c O, qui est un type d'état très spécial, ce qui peut être un peu déroutant. Donc celui-là est assez dur. Alors allez-y, choisissez-en un et commencez. J' ai hâte de voir ce que tu as trouvé.
10. Merci !: Nous avons couvert beaucoup de terrain dans les dernières vidéos, et j'aimerais faire un bref résumé de la classe avant la fin. Donc, nous avons appris ce que le domaine de l'information, l'architecture et des contes comme une personne qui a popularisé le terme Richard Saul réchauffement. Nous avons également appris les disciplines qui composent les architectures d'information telles que bibliothèques, la science, la psychologie
cognitive et l'architecture du bâtiment. Nous avons également pris connaissance de certaines terminologies et activités différentes. Associer à l'architecture d'informations telles que le tri des cartes, la
taxe sur toutes les métadonnées et d'autres termes comme ça. Et enfin, lorsque nous avons parlé de la façon de créer une carte du site, que ce soit pour un site ou une application redessiné ou un nouveau site ou application et n'oubliez pas de rester en ligne, jamais utiliser des flèches sur les plans du site. Merci d'avoir regardé et j'adore vos commentaires.