Einführung in die Informationsarchitektur

1. Willkommen: Willkommen zur Einführung in die Informationsarchitektur. Mein Name ist Julia Davari und ich freue mich, Sie durch diesen Überblick über die Informationsarchitektur zu führen. Wir werden ein wenig über die Geschichte sprechen ein wenig über Disziplinen, die Informationen, Architektur, Architektur, die Lieferung Bols und Informationsarchitekt produziert und wie man eine Website zurück zu erstellen. Lasst uns anfangen. Wussten Sie, dass der Begriff Informationsarchitektur seit 1976 existiert? Es ist eigentlich ein bisschen länger als das da. Der Begriff wurde ein paar Mal hier und da verwendet. Ein paar Papiere, aber es wurde wirklich populär im Jahr 1976 Richard Saul Foreman. Er hielt einen Keynote Vortrag auf einer Konferenz. Die Konferenz des Instituts für Informationsarchitektur im Jahr 1976 darüber, wie Informationen in unserem digitalen Zeitalter gestaltet werden mussten . Richard Saul Warm Es ist ein Grafikdesigner und Architekt Bauarchitekt, der wirklich popularisiert und erstellt das Gebiet der Informationsarchitektur, wie wir es heute kennen. Lustige Randnotiz. Er wollte auch Mitschöpfer der Ted-Talks auf Ted-Konferenzen. Was genau ist die Informationsarchitektur? Nun, es ist professionelle Praxis und Bereich der Studien konzentriert sich auf die Lösung der grundlegenden Probleme des Zugriffs und der Verwendung großer Mengen an Informationen. Was genau bedeutet das für uns heute? Offensichtlich hat das Aufkommen des Internets die Dinge sehr verändert, so dass Sie normalerweise von dem Begriff Informationsarchitektur gehört haben. Wenn Sie über das Design von Websites oder APS sprechen, wenn Sie Drahtrahmen diskutieren, sind Inhaltsbeschriftungen Navigation. Heute ist ein Informationsarchitekt in erster Linie ein Entwurf und stützt sich auf Richtlinien, Best Practices und fachliche Expertise. Mit anderen Worten, Informationsarchitektur ist keine Wissenschaft, sondern eine angewandte Kunst. So konzentrierte sich der Job Information Architect in erster Linie auf die Identifizierung und Definition von Website- oder APP-Inhalten und dessen Funktionalität sowie die zugrunde liegende Organisation, Struktur und Nomenklatur, die die Beziehungen definiert zwischen einem Website-Inhalt und seiner Funktionalität. 2. Disziplinen: Lassen Sie uns über die Disziplinen sprechen, die das Gebiet der Informationsarchitektur ausmachen. Es gibt drei Schlüsseldisziplinen, die unsere Vermutung aufbauen. Bibliothekswissenschaft in der kognitiven Psychologie wird einige der wichtigsten Aspekte jeder dieser Disziplinen durchlaufen und wie sie sich mit der Informationsarchitektur selbst beziehen. Bibliothekswissenschaft ist die Untersuchung, wie man kategorisiert, katalogisiert und lokalisiert. Ressource ist diese überall verwendet, von traditionellen Bibliotheken zu Museen, Wissenschaftslabors und Krankenhäusern im Grunde überall, wo Sie in einem großen Raum sind und Sie brauchen, um sich zurechtzufinden , in der Regel mit Schildern. Wenn Sie mit dem Flughafen vertraut sind, zum Beispiel, und wie sie verschiedene Terminals und Gates haben. Wenn Sie mit dem Flughafen vertraut sind, zum Beispiel, zum Beispiel, Es ist eine andere Art, Dinge zu kategorisieren und das zu lokalisieren. Viele Industriedesign, Information, Information, Architektur und natürlich, Bibliothekswissenschaft nutzen diese Ideen, um Organisationsschema zu erstellen. Katalogisierung selbst ist der Prozess der Erstellung von Metadaten, also Daten über Daten und deren Zuweisung zu Inhalten, um sie in Zukunft wieder zu finden . Wenn Sie also mit S CEO vertraut sind, zum Beispiel Suchmaschinenoptimierung, wenn Sie nach einem Schlüsselwort suchen, das Metadaten sind oder die tatsächlichen Daten, die der Webseite zugeschrieben wurden, damit Sie es finden können. Es gibt viele andere Dinge, die auch in diese Kategorie fallen können. Dinge wie Hashtags könnten als Meta-Daten betrachtet werden. Keywords, wenn Sie nach etwas suchen, finden Sie in der Regel in Metadaten oder den tatsächlichen Daten selbst. Daher ist die Katalogisierung sehr wichtig für unser digitales Zeitalter. Die Archivierung oder der Prozess der Archivwissenschaft baut und kuratiert Archive, die mit Inhalten gefüllt sind , die möglicherweise in Zukunft bearbeitet oder entfernt werden müssen, um die Integrität der Archive zu erhalten . So können Sie mit diesem vertraut sein, wie zum Beispiel Lesen Blonde Post. Die Dinge sind nach Datum geordnet. Müssen Sie jeden Block-Posten behalten? Wenn es 10 Jahre zurück ist, müssen Sie vielleicht einige davon entfernen. , Wirklich zu verstehen,was für Ihre Zielgruppe relevant ist, ist ein wichtiger Teil der Archivwissenschaft . Kognitive Psychologie ist die Untersuchung, wie der Geist funktioniert und welche mentalen Prozesse dort stattfinden . Und ich As Hauptaugenmerk auf die kognitive Psychologie sind drei wichtige Konzepte. Kognitive Belastung, mentale Modelle und Entscheidungsfindung. Kognitive Belastung ist, wenn Sie Informationen in Ihrem Kopf haben und dann können Sie mehr hinzufügen weil Sie es einfach vergessen werden. Dinge wie die Erinnerung an eine Einkaufsliste oder die Erinnerung an Telefonnummern. Eine Möglichkeit, Telefonnummern zu erinnern, die Sie wahrscheinlich vertraut sind, wenn Sie in den USA sind, ist wir Chunk Thumb Chungking, indem Sie 1st 3 Zahlen sind die Vorwahl. Die nächsten drei Zahlen sind Ihr Präfix, und die letzten vier Ziffern Ihrer eigenen Nummer sind spezifisch für Sie und eine eindeutige Kennung. Durch die Aufteilung in 33 und vier reduziert es die kognitive Belastung, sich an eine Telefonnummer zu erinnern, als wenn Sie alle 10 Nummern zusammen stark hätten . Mentale Modelle sind die Assoziationen, wie Sie denken, etwas funktioniert, basierend auf dem, was Ihr Vorwissen ist. Wenn ich also in ein neues Auto einsteige und da etwas gibt, das ich noch nie gesehen habe, all das Vorwissen, das ich über alles habe, mit dem ich bis zu diesem Moment in der Welt interagiert wird all das Vorwissen, das ich über alles habe, mit dem ich bis zu diesem Moment in der Welt interagierthabe, Hinweise darauf geben, wie ich denke, dass das Unbekannte funktionieren sollte das ist ein mentales Modell und dann schließlich Entscheidungsfindung, Entscheidungsfindung, offensichtlich Entscheidungen treffen, wie man zwischen mehreren Dingen oder zwei Dingen entscheidet, oder etwas, auf das sich der Informationsarchitekt wirklich konzentriert, wenn er sich entscheidet die Sprache , die für Dinge wie Metadaten für Dinge wie Etiketten auf einer Website oder Inhalte auf einer Website verwendet werden soll. Und schließlich haben wir Gebäudearchitektur. Architektur selbst ist sowohl ein Prozess als auch das Produkt der Planung, Planung und Konstruktion von Gebäuden oder anderen Strukturen. So sind Sie wahrscheinlich mit Dingen wie Blaupausen aus der Gebäudearchitektur vertraut. Drahtrahmen sind die Blaupausen eines digitalen Inhalts. Ein Informationsarchitekt kann entscheiden, wie diese organisiert sind und welche Beziehungen zwischen den Inhalten auf diesen verschiedenen Bildschirmen bestehen. 3. Deliverables: Wir haben über die Geschichte der Informationsarchitektur sowie über die Bereiche oder Disziplinen gesprochen , die das Gebiet der Informationsarchitektur selbst ausmachen. Lassen Sie uns nun darüber sprechen, was liefern Bols und Informationsarchitekt tatsächlich produziert. Es ist wichtig zu beachten, dass die Informationsarchitektur dokumentiert ist und Tabellenkalkulationen und Diagramme nicht in Drahtrahmen, visuellen Mock ups oder Prototypen. Die gebräuchlichsten Lieferbole, die mit einem Informationsarchitekten verbunden sind. Unsere Site-Karten, Inhaltsinventare, Content-Audits, Content-Modelle, mentale Modelle, Taxonomie, Leichtigkeit, Metadaten, Informationsorganisation, Schema uns und Etikettierungssysteme werden durch ein Beispiel für jeden dieser Weiter gehen. Zuerst haben wir das Beispiel einer Sitemap. Die Sitemap ist in der Regel hierarchisch strukturiert und zeigt verschiedene Beziehungen zwischen Inhalten auf einer Website oder einer App an. Wir gehen ein wenig später näher auf die Sitekarten ein. Weiter oben ist ein Beispiel für ein Inhaltsinventar. Inhaltsbestand ist eine Tabellenkalkulation, wie Sie hier sehen können, die den vorhandenen Inhalt einer Website oder einer App durchläuft und angibt, was vorhanden ist, um sie zu überprüfen und zu sehen, was möglicherweise archiviert, gelöscht oder bearbeitet werden muss . Die Ruhe auf der linken Seite Seite I d. Diese Zahlen kommen tatsächlich von der Site-Map, und die Zahlen selbst zeigen die Ebene der Hierarchie und wo sie sich befinden, in Beziehung zu anderen Inhalten auf der Website. Die häufigsten Dinge, die in einem Inhaltsinventar enthalten sind, sind die Seite i D oder Site-Map I D. Die aktuelle U R L, wo sich dieser Inhalt befindet. Die Inhaltsbeschreibung in der Regel der Bildschirm oder Seitentitel, die hier als Name und Thema bekannt ist. Und dann kann es auch andere Dinge, wie Sanitäter e Wörter oder Beschreibung oder die Art des Inhalts auf diesem Bildschirm enthalten. Dieser hat einige andere Dinge, wie zum Beispiel Status 200 bedeutet, dass die Seiten live sind. 404 bedeutet, dass die Seite nicht gefunden werden kann. Die Rio eine bedeutet, dass die Seite auf eine neue Seite umgeleitet wurde. Dies ist nicht so wichtig, aber das Inhaltsinventar kann so viele Informationen enthalten, wie Sie möchten, aber es ist sehr wichtig, die wichtigsten Dinge zu haben, die ich bereits erwähnt habe, und dann können Sie andere bei Bedarf einbeziehen. Ein Inhaltsmodell ist, wie Inhalt auf einer Seite und erinnern Inhalt könnte alles von einem Bild zu einem Satz toe, Wort toe mehrere Wörter zu Ihnen I Elemente und wie diese Dinge miteinander verwandt sind . Dies ist ein wirklich gutes Beispiel für das Inhaltsmodell einer Person für eine bestimmte Seite in diesem Beispiel. Für den Apple Web Store ist dies ein Beispiel für ein mentales Modell. Diese wurden von jemandem namens Indie Young popularisiert. Er war ein professioneller U X Berater. Sie hat viele Beispiele sowie ein ganzes Buch zum Thema. Wenn Sie mehr Informationen wünschen, im Grunde der obere Teil des mentalen Modells das, ist im Grunde der obere Teil des mentalen Modells das,was eine Person oder ein Fahrzeugdarsteller in einer linearen Art und Weise denkt und tut . Und der untere Teil ist, was die Organisation oder das Geschäft für diese Person tun kann. Oder könnten Chancen im Zusammenhang mit dem, ähm, ähm, Modell oder dem, was eine Person tut, sein. Diese Mitte liegende dunkelgrüne Linie ist das, was wir die Interaktion zwischen dem Unternehmen und dem Individuum nennen , und dann kann man sehen, dass es sich um eine sehr lineare Struktur und spezifische Phasen handelt, also das sind die Grundlagen eines mentalen Modells. Weiter oben ist eine Taxonomie, also ist dies kein Beispiel für einen Befreier Kräuter speziell, aber was eine Taxonomie sieht aus auf einer Website, so dass Sie wahrscheinlich sehr vertraut mit Büchern, Also ist dies von guten Lesungen. So haben wir Kategorien nach in einer Buchhandlung, einer Bibliothek oder online Howard Bücher organisiert. Also gibt es normalerweise Genres. Und so können Sie hier die verschiedenen Genres auf der linken Seite sehen und dann innerhalb, dass Sie Dinge auf andere Weise organisieren können . Und hier zeigt es, wie viele Menschen die Hungerspiele in ihren Regalen haben. So haben Sie junge Erwachsene, und dann können Sie Drilldown in Unterkategorien. Taxonomie ist also die Kennzeichnung einer Kennzeichnung von Kategorien, wie der Inhalt organisiert werden soll. Meta-Daten, wie wir zuvor gesprochen haben, so zusammengestellt, dass es die Struktur und dann die Werte gibt. Ähm, ein sehr häufiges Beispiel sind wie Filme oder Fernsehen. Wenn Sie also mit mir vertraut sind, dass ich Devi bin, gibt es den Titel der Episode oder den Film, ähm, die Beschreibung davon. Die Struktur trägt also den Titel Beschreibung, Ersteller, Datum und Typ, und dann werden die tatsächlichen Inhalte oder Werte, die in dieser Struktur gehen, auf der anderen Seite aufgelistet . Also, das ist eine sehr häufige Sache an einem anderen guten Beispiel dafür ist, wenn Sie, sagen wir, ein Dropdown-Menü oder eine andere Art von Menü oder Textfeld haben sagen wir, , welche Art von Inhalt kann dort hineingehen? Wie viele Zeichen sind da drin erlaubt? All dieses Zeug ist mit Metadaten Lieferung pflanzlichen und hier in der rechten Ecke verwandt , und Sie können sehen, ob Sie Metadaten haben. Also hier ist, was wir den Feldnamen oder vielleicht das U I-Element nennen. Und dann, welche Art von Daten dort hineingeht und dann ein Beispiel dafür, was das sein könnte , wie das dann in Beziehung steht. Dies ist ein Beispiel für eine alte Portalseite zur Taxonomie. Also haben wir Titel und dann die Beschreibung, welche Art von Inhalt in dieser Kategorie ist. Das ist also eine Liste, und dann steht es, dass es Computer gibt und was unter Computer geht. Es gibt also das Thema, Computer und seine Programmierung und Sprachen und eine bestimmte Sprache. Also, das sind Metadaten. Es ist also eine Menge an bestimmten Wörtern nachzudenken, was sie bedeuten und wie die Dinge zusammenhängen. Schließlich haben wir ein Beispiel für ein Organisationsschema, das ein bisschen anders ist. Also, wenn Sie, ähm, ein Beispiel auf der linken Seite ist eine Art von Informationen. So haben wir, wie Fluggesellschaft oder Unternehmen oder Bildungsorganisation, ob die spezifischen Arten, die diese vermitteln, zum Beispiel, wenn Sie haben, wie Radiobuttons oder eine andere Art von Indikator, wo jemand hat, um eine Entscheidung zu treffen. Unter Bildungsorganisation haben Sie also ein College oder eine Universität. Es könnte eine Grundschule, eine High School und Mittelschule, Vorschule oder einfach nur Schule geben. Wenn Sie also beispielsweise Optionsfelder als Optionen auf Lee machen,wären diese Optionen verfügbar. Wenn Sie also beispielsweise Optionsfelder als Optionen auf Lee machen beispielsweise , Sonst wäre nichts verfügbar. Dies ist, um Entwicklern zu geben, zu wissen, was zu codieren ist, sowie zu wissen, wie die Struktur des Inhalts in, sagen wir, der Back-End-Datenbank zusammenpasst sagen wir, . Und dann haben wir schließlich ein Etikettiersystem liefern pflanzliche, so dass es in diesem Beispiel das eigentliche Thema der Seite auf der linken Seite oder was wir werden es beschriften. Was ist dann das Etikett auf der eigentlichen Seite selbst? Also, wenn es die Kommunikationsseite ist, würde der eigentliche Seitenkopf Leben Hat-Kommunikation sein, und dann sagt dieser Hörer, Titel in Klammern. Das sind Metadaten. Also, welche Art von Metadaten wird auf der Seite sein, so dass Wenn Sie nach der Seite suchen, was werden Sie finden? Also haben wir tatsächliche Label, was der Inhalt ist der eigentliche Titel der Seite, und dann die Metadaten auf diese Seite bezogen. 4. Sitze: Wir haben über die Geschichte der Informationsarchitektur gesprochen, die Disziplinen, die Informationen, Architektur und sie liefern Bols und Informationsarchitekten produziert. Lassen Sie uns jetzt darüber reden, wie man einen dieser Bols liefern lässt. Das ist am besten für jeden Designer, um zu wissen, wie es geht. Und das ist die Standortkarte. Die Teile der gleichen App sind Boxen, Linien, die Struktur ihrer Organisation, die Ebenen der Hierarchie, die Beschriftungen und eine Legende. Es ist wichtig, den Unterschied zwischen Information, Architektur und Navigation zu beachten . Viele Menschen verwenden diese Begriffe austauschbar, und das ist nicht richtig. Informationsarchitektur ist das Informationsrückgrat der Website. Navigation bezieht sich auf die Elemente in der U. Ich erlaube Benutzern, bestimmte Informationen auf der Website zu erreichen. Navigation ist also die visuelle Darstellung, wie Benutzer zwei verschiedene Inhalte erhalten, die durch die Informationsarchitektur definiert werden. Beginnen Sie also mit einem wirklich einfachen Beispiel, werden sich die Teile einer Sitemap ansehen. Zuerst haben wir die Kisten. Wir haben eine hierarchische Struktur, beginnend mit Ebene Null. Wir haben Löwen, dann arbeiten wir uns in der Hierarchie hinunter. Ebene eins, Ebene zwei und Ebene drei. Dies ist eine wirklich einfache Gliederung, und wir werden jetzt ausführlichere Beispiele durchlaufen. Dies ist ein Beispiel, das ich vor vielen Jahren getan habe, und so können Sie sehen, dass wir eine Legende haben. Wir haben Boxen und wir haben Linien und wir haben eine hierarchische Struktur. Wir haben die Hauptseite. Es muss nicht immer die Spitze sein, wie wir es auf diesem Umriss tun werden. Es könnte so sein, aber einige Hinweise darauf, dass die Homepage ist. Unser erster Hauptbildschirm muss angezeigt werden. Wir haben hier unsere Linien, die die primäre Navigation angeben, die unsere Ebene eins gelb ist. Und dann haben wir den Inhalt, der in jeder dieser Kategorien lebt. Dies ist eine einfache Website, so dass es nur ein paar Informationen hat und nicht so detailliert ist . Ist einige andere Site-Karten. Schauen wir uns jetzt ein paar davon an. Hier ist ein Beispiel für eine andere Site-Map, die ich vor Jahren gemacht habe, und Sie konnten hier sehen, wir haben die Homepage als Ebene Null oben, und dann arbeiten wir unseren Weg nach unten auf der nächsten Ebene. Es gibt sieben Gegenstände. Sie wollen sie in der Reihenfolge ihrer Wichtigkeit organisieren, also haben wir eins bis sieben. Das ist unsere erste Ebene und wahrscheinlich unsere primäre Navigation. Dann haben wir die zweite Ebene, die all die Dinge, die unter jedem dieser Stücke der Navigation leben, den Inhalt, und dann gehen wir ein wenig weiter und wir haben eine andere Ebene der Navigation. Es ist wichtig zu beachten, dass, wenn Sie Linien kreuzen, um hier einen kleinen Buckel zu haben, dies bedeutet, dass es durchkreuzt und nicht bricht. Ähm, es ist auch wichtig, Zahlen zu haben. Sie werden feststellen, dass die letzte Siteübersicht, die ich gezeigt habe, die Zahlen nicht anzeigt, aber es ist empfehlenswert, immer diejenigen einzubeziehen, die die Hierarchieebene und den Speicherort dieses Inhalts angeben , wie wir im Beispiel für Inhaltsinventar gesehen haben. Diese können dann später als Referenz für Teile der Website dienen, ein weiteres Beispiel. Hier haben wir die Homepage, dann haben wir die Hauptseiten machen primäre Navigation und dann alle Inhalte unten , dass Sie sehen können, dies ist eine sehr tiefe Website, aber nicht sehr breit. Wir sind hier. Wir haben vielleicht Fußzeile oder andere Arten von Navigation, die nicht so wichtig ist. Und dann haben wir hier kleine Symbole, die vielleicht auf einen Seitentyp hinweisen. jedoch Dieser hatjedochkeine Legende, was Best Practice Toe ist. Fügen Sie immer eine Legende ein. Dann ist hier vielleicht eine Anmerkung. Sie können Ihre Siteübersicht auch mit Anmerkungen versehen, wenn Sie zusätzliche Kommentare machen möchten. 5. Navigation: wir sprachen über die Struktur, wie man eine Sitemap erstellt. Lassen Sie uns nun darüber sprechen, ob verschiedene Arten von Navigation, die bedingt einen Teil dieser Informationsarchitektur darstellen . Denken Sie daran, es gibt einen Unterschied zwischen Informationsarchitektur, er und Navigation. Navigation ist die Sammlung von Benutzeroberflächenkomponenten, aus denen hervorgeht, wie sich Personen auf einer Website oder App bewegen . Das primäre Ziel der Navigation ist es, den Benutzern zu helfen, Informationen und Funktionen zu finden und sie zu ermutigen, wünschenswerte Maßnahmen zu ergreifen. Erinnerst du dich an das Stück aus der kognitiven Psychologie über Entscheidungsfindung? Hier kommt das ins Spiel. Navigationskomponenten können globale Navigation, lokales Dienstprogramm, Breadcrumbs, Filter, Facetten, verwandte Links, Fußzeilen usw. umfassen lokales Dienstprogramm, Breadcrumbs, Filter, Facetten, verwandte Links, . Lassen Sie uns diese etwas genauer durchgehen. Also wieder, die Arten der Navigation, unsere globale oder primäre diese können austauschbar verwendet werden. Wir haben lokale Navigation, Dienstprogramm, Navigation, Fußzeile im Kontext oder facettierte Navigation. Dies sind die häufigsten Navigationstypen, die Sie auf einer APP oder einer Website sehen. Schauen wir uns hier einige Beispiele an. Wir haben ein Beispiel von target dot com, so dass die Navigation, die Sie in der Regel oben rechts auf Websites sehen, ist in der Regel ein wenig kleiner als die Hauptnavigation, um, ist, was wir Dienstprogramm Navigation nennen. Sie können sehen, dass Target eine ganze Menge Dinge hier oben hat, einschließlich Favoriten, die durch ein Symbol im Vergleich zu Wörtern angezeigt wird. Und einige Dinge haben Symbole und Worte. Seien Sie also vorsichtig, wenn Sie Ihre Navigation entwerfen, dass Sie konsistent sind und versuchen Sie nicht, Dinge zu mischen , wie sie es hier tun. Dann haben wir das, was wir unsere globale oder primäre Navigation nennen, also haben sie ihr Logo für Zuhause verwendet. Dann haben wir die Kategorien, die Sie sehen können, ist ein Drop-Down-Angebote sie enthalten. Eine große Suchleiste ist Teil ihrer Navigation. Sie können oder tun, wenn Sie möchten. Es ist keine Voraussetzung. Dann haben wir mein Konto und melden Sie sich an und dann den schockierenden Einkaufswagen. Dies ist also globale Navigation, sehr häufig für E-Commerce-Websites. Und dann habe ich hier auch die Fußzeilennavigation aufgenommen. Manchmal sehen Sie Fußzeilen, die wirklich groß sind mit Informationsverlust. Target hat stattdessen Drop-Downs verwendet, um, und dann haben sie auch die Fußzeile verwendet . Navigation ist in der Regel auch Sie die Privatsphäre Zeug, um Allgemeine Geschäftsbedingungen, so dass Sie feststellen können, dass sie alle diese verschiedenen Arten der Navigation haben, die etwas zu halten im Hinterkopf darüber, wie Sie Ihre Website und Ihre Navigation so gestalten , dass die Menschen klar sind. Was ist Navigation? Was ist der eigentliche Inhalt? persönlich glaube nicht, Ichpersönlich glaube nicht,dass Target eine sehr gute Arbeit geleistet hat, aber das ist meine persönliche Meinung. Und ich bin nicht im Team. Also weiß ich nicht, welche anderen Facetten oder Entscheidungen die Entscheidung getroffen haben, eine Navigation wie diese zu organisieren . Als nächstes haben wir eine weitere E-Commerce-Website, Williams Sonoma. So können Sie sehen, dass sie eine riesige Utility-Navigation an der Spitze haben. Es ist ein leichterer Strahl, Ähm, auch irgendwie etwas andere Stile, in denen wir Satzfall haben. Alles Kleinbuchstaben. Das ist vielleicht wieder Camel Fall. Sagen Sie wirklich, äh, Kamel-Fall hier. Dann gibt es einige schlechte Programmierung hier, wo die Dinge zusammengesetzt werden. Dann haben wir das ein wenig verwirrend, wie sie es machen. Deswegen habe ich es aufgenommen. Und dann haben sie zwei verschiedene Arten. Das ist also eine facettierte Navigation. Wo sich Ihre Navigation ändert, je nachdem, was Sie auswählen. Also hier sind wir bei Williams Sonoma selbst. Und wenn Sie dorthin gehen wollen, Home-Store, dies ist eine Registerkarte und Sie klicken darauf und ich würde verschiedene globale Navigation sehen. Dann werden Sie feststellen, ihr Logo nach Hause zu gehen, denn dies ist humongous und bricht die Navigation so dass Sie sehen können, dass sie tatsächlich auch die Utility-Navigation alle hier oben, und sie haben es auch unten mit dem Warenkorb und der Kasse in Ihrem Versand in die USA in Ihrem Konto. Also haben sie wirklich Navigationstypen gemischt. Ähm, also ist das auch nicht das beste Beispiel dafür. Aber ich möchte Ihnen einige andere Dinge zeigen, die nicht so einfach waren. Und dann unter ihrem Logo ist ihre globale Navigation. Sie werden feststellen, dass es fast so ist, als hätten sie eine andere Dienstprogrammnavigation. So haben sie die spezifische Williams Sonoma Sie Nilla Dienstprogramm Navigation gegen die Williams Sonoma und Williams Sonoma Home Dienstprogramm Navigation. Das könnte also auch eine ziemlich knifflige Website sein. Führen Sie die Informationsarchitektur für und dann ist hier Ihre standardmäßige globale oder primäre Navigation. Das schwarze mit einem weißen Text. Aber dann wirst du bemerken, dass sie Williams Sonoma wieder zu Hause haben. Ähm, Sie können sehen, dass das ein bisschen mehr Arbeit benötigt und unser letztes Beispiel ist, ähm, von amazon dot com. Also hier ist ein weiteres Beispiel, und wahrscheinlich sind Sie sehr vertraut mit dem, was wir facettierte Navigation nennen, wo Sie haben, dass Taxonomie oder Kategorie ist so beliebt. Mehr Amazon Kindle und Lehrbücher eso jede dieser Kategorien kann sich ändern. Ähm, die Navigation, die die nächste Ebene nach unten ist, je nachdem, was Sie in Kontakten klicken. Navigation ist in der Regel Navigation, die mit Inhalt auf dem Bildschirm ist. Also hier haben Sie Preisträger und Angebote und Bücher, die Sie feststellen werden, wird unter populär in Büchern wiederholt. Wir haben Preisträger Nun, lassen Sie uns sehen A und Angebote und Bücher sowie so können Sie das tun und Duplikate Navigation. Ähm, normalerweise in Kontakten. Navigation könnte ein wenig mehr Design um sie herum haben, versus nur Text ihrer Haupt, aber in Art von Links. Aber Sie können sehen, dass es viele verschiedene Möglichkeiten gibt, visuell zu sehen, die Informationsarchitektur darzustellen und die Navigation Ihrer Website oder App anzuzeigen. schließlich an, Sehen wir unsschließlich an,wie Sie entscheiden, welche Art von Navigation Sie verwenden sollten. Zuerst möchten Sie sich die Nutzungspriorität ansehen. Wie viel unsere Benutzer auf diese Navigation verlassen, so globale oder primäre Navigation ist etwas, das Sie von jedem Bildschirm oder Webseite der Website oder App zugänglich sein wollen. Werden sie mehr im Kontext, Navisite-Dinge verwenden , die wirklich mit dem Inhalt verwandt sind? Dann könnte es in der Kontext-Navigation sein. Als nächstes, Möchten Sie sehen, welche Navigationsmuster werden Sie verwenden oder sogar Tabs verwendet? Mega-Menüs? Sonstiges. Diese Drop-Down-Menüs mit riesigen Quadraten, die normalerweise die Breite der Seite sind. Sie können ein Karussell Akkordeons verwenden. Es gibt so viele andere Arten von Navigationsmustern. Semmelbrösel. Also, wie willst du das visuell darstellen? Was wird am einfachsten für die Menschen entdecken und schöne Dinge und schließlich, Platzierung. So sahen wir ein paar verschiedene Beispiele, wie die Dinge platziert wurden. Wo wird es innerhalb des Schmerzes platziert? Richter? Ähm, ist es immer oben, dass die linke unten ist. Dies sind alle drei Dinge, die Sie berücksichtigen müssen, wenn Sie entscheiden, wie Sie visuell darstellen, aber Ihren Weg um eine Website oder eine App 6. Sitemap neu: wir sprachen über die Struktur und Teile für die Erstellung einer Sitemap. Wir sprachen auch über die verschiedenen Arten der Navigation, die diese Informationen darstellen können . Lassen Sie uns jetzt darüber sprechen, wie man eine Sitemap erstellt. Wenn Sie eine Website oder eine App neu entwerfen, ist es normalerweise einfacher für Benutzer, die es von einer vorhandenen Website oder von dort aus tun. Da der Inhalt bereits vorhanden ist, im Vergleich zu einer brandneuen Siteübersicht ohne Inhalt. Es ist eine gute Praxis, vorhandene Website zu nehmen und versuchen, Site-Karten daraus zu erstellen, was ein Projekt sein wird, das wir später haben werden. Lassen Sie uns also Schritt für Schritt sprechen, wie das zu tun ist? Der ideale Weg, dies zu tun, ist die Erstellung einer Sitemap der vorhandenen Website, und Sie würden beginnen, indem Sie eine Inhaltsinventur durchführen, wie wir zuvor alle vorhandenen Inhalte und Bildschirme oder Seiten in der APP oder Website gesehen haben . Sie würden das tun und dann entscheiden, welcher Inhalt bleiben soll, bearbeitet, archiviert oder gelöscht werden soll. Dann, mit all dem Inhalt in einem Spurt organisiert, sie Sie führen eine Aktivität, die wir ein Kartenschwert nennen. Es gibt ein paar verschiedene Arten von Kartensorten. Es gibt eine offene Karte wund eine enge Karte wunde und eine Hybrid-Kartensortierung. Bei der Kartensortierungsaktivität nehmen Sie die vorhandenen Navigationsbeschriftungen sowie wichtige Inhaltselemente und andere Schlüsselwörter auf. Verknüpfen Sie mit der App oder Website und ordnen Sie jede einzelne einzeln auf einer Karteikarte. Dann lassen Sie die Teilnehmer kommen und organisieren diese Karten für Sie in die Kategorien, die sie denken, dass es sinnvoll ist. Bei einer offenen Kartensortierung erstellen die Benutzer in der Sitzung die Kategorienamen, von denen sie glauben, dass sie den von ihnen erstellten Kategorien gehören. Nachdem Sie das mit, sagen wir, 5 bis 7 Benutzern getan haben sagen wir, , tun Sie, was wir einen Baumtest nennen. Der Baumtest ist eine Möglichkeit, Ihre Navigation zu validieren, indem Sie eine Textversion Ihrer Navigation erstellen. Es gibt einige Online-Tools, die dies für Sie tun werden. Dann senden Sie es an Personen, vorzugsweise vorhandene und potenzielle Nutzer Ihrer App oder Website in Ihrer Zielgruppe, und sehen, ob diese die Aufgabe, die Sie von ihnen verlangen, erledigen können, z. B. nach bestimmten Inhalten. Es ist wichtig zu bemerken, dass ein Baumtest keine Suche enthält und als Browse Onley Funktionalität, um die Suche Fähigkeit zu testen, wie einfach es ist, Ihre Navigation zu verwenden. Sobald du damit ziemlich zufrieden bist. Sie können eine Close-Kartensortierung durchführen, bei der Sie bereits die Kategorietitel angeben und dann die Leute den Inhalt, den sie für gehören, unter diese Kategorieüberschriften setzen lassen. Führen Sie die gleiche Art von Aktivität ist offene Kartensortierung. Der einzige Unterschied besteht darin, dass Sie die Kategorienamen im Voraus angeben. Dann machen Sie einen anderen Baumtest Die Validierung Ist es immer noch in die richtige Richtung? Geht es uns besser? Und schließlich, sobald Sie die Ergebnisse haben, die Sie für gut halten, erstellen Sie die empfohlene Sitemap Schritte vier bis sieben. Sie können es narrativ tun, um Ihre Navigation und Informationsarchitektur so viel wie nötig zu verbessern , bis Sie die endgültige empfohlene Website jetzt erstellen. 7. Sitemap: haben wir darüber gesprochen, wie man eine Sitemap für eine Website erstellt, die bereits existiert, und Sie sind neu gestaltet . Lassen Sie uns nun über sie sprechen mit einer Sitemap für eine Site oder App, die noch nicht existiert, und Sie haben keinen Inhalt. Wie erstellen Sie eine Siteübersicht für etwas ohne Inhalt? So, wie ich es mache, gibt es auch acht Schritte? Zuerst möchten Sie die Domäne verstehen, die den Bereich der Informationen ist , ,für die Sie entwerfen werden. Ist es Finanz? Ist es Automobil? Ist es Bildung? Was auch immer es sein mag, versuchen Sie wirklich, die Wörter und Philosophie und Phrasen und Prozesse zu verstehen, die in diesen Arbeitsbereich gehen . Dann wollen Sie Leute in der Zielgruppe interviewen, idealerweise, ähm, acht oder mehr. Und wenn Sie diese Interviews machen, achten Sie darauf, den Jargon oder bestimmte Terminologie zu beachten. Personen verwenden Wörter oder Ausdrücke, die von verschiedenen Personen wiederholt werden, diegleich sind , die Sie definieren eine Taxonomie der Strukturorganisation der Art der Sprache oder Organisationen FEMA Sie verwenden. Und dann, von diesen Worten, wird eine offene Karte sortieren. Und wie zuvor nach Ihrer offenen Kartensortierung, machen Sie einen Baumtest, um zu validieren. Dann machen Sie eine geschlossene Warenkorbsortierung. Dann führen Sie einen echten Test der Validierung erneut, und erstellen Sie dann die empfohlenen Siteübersichtsschritte. Vier bis sieben können durchlaufen werden, bis Sie die gewünschte Zufriedenheit erfüllen, dass Sie bereit sind , die gewünschte Siteübersicht zu erstellen, und das Testergebnis von 80% oder mehr der abgeschlossenen Aufgaben aus Ihrem Baumtest zu testen, um sicher zu sein, dass Sie vor Ort erstellt haben -Architektur, die in der Lage ist, Ihre Informationen und Inhalte genau darzustellen. 8. Arten von Tools: haben wir über die Struktur und die Erstellung von Site-Karten gesprochen. Lassen Sie uns über einige verschiedene Werkzeuge und Prozesse sprechen, die von den Informationsarchitekten verwendet werden, um die verschiedenen Lieferbole zu erstellen, die sie benötigen. Erstens haben wir Kennzeichnungssysteme und -organisation. Also einige dieser Dinge oder Aktivitäten, die sie unsere Karte sortieren, die wir über frühere ethnographische Studien gesprochen. Eine Beobachtungs-ALS-Forschung. Das ist alles, was User Researcher auch tun könnte. Aber das fällt auch in den Zuständigkeitsbereich eines Informationsarchitekten, um Labels und Organisation zu finden , wie die Dinge auf einer Website oder App sein sollten. Taxonomie und Metadaten sind die gleichen Aktivitäten. Kartensortierung ethnographische Studie ist eine Beobachtungsforschung. Sie wollen sehen, wie Menschen reden, wie sie denken, welche Prozesse sie tun, welche Tests sie machen und ihre mentalen Modelle verstehen und wie sie Dinge organisieren und Sprache verwenden , die für sie sinnvoll ist, für Content-Modelle und mentale Modelle. Wir führen auch die Beobachtungsforschung und ethnographische Studien durch. Wir haben auch am Ende der User Interviews mit Ihrer Zielgruppe. Je mehr diese können Sie tun, bis Sie beginnen, wiederholte Informationen konsequent zu hören, desto besser verstehen Sie Ihre Benutzer mentale Modelle und wie Sie Inhalte für sie so organisieren sollten , dass am nützlichsten sein wird. Und dann, als wir über die Validierung Ihrer Navigation sprachen, könnten Sie Baumtests durchführen. Sie könnten zuerst Klick-Tests durchführen. Sie können Heatmaps erstellen, um zu sehen, wo Personen auf einen Bildschirm klicken. Dann, schließlich, einige Werkzeuge, die Sie für diese Aktivitäten oder optimale Werkstatt verwenden können. Benutzerfreundlichkeit zu Hause. Es gibt eine neue ish Plattform von Zerbe namens Helio, die viele ähnliche Aktivitäten hat. Als Usability-Hub. Sie können den Benutzerzoom verwenden und sehen, dass der Inspektor Baumtest spezifisch ist, wo Sie einen Baumtest erstellen können . Optimal Workshop hat die breiteste Palette von Aktivitäten, die Sie auf ihren Websites tun können, wie Baumtests, erste Klick-Tests und Sie auch Online-Kartensortierung. Allerdings ist die Architektur sehr hilfreich, diese in Verbindung oder nach Bedarf verwenden, um Ihre Informationen zu validieren und zu erstellen Architektur sehr hilfreich 9. Projekt: Sie haben viel gelernt, um mit der Arbeit an einem Projekt zu beginnen, um zu üben, was Sie hier gelernt haben , ist Ihr Projekt. Wählen Sie eine der folgenden Websites aus, und erstellen Sie eine Siteübersicht dafür. Ich habe ein paar wie National geographic dot org die rote Liste dot com, das ist eine e-Commerce-Website, g e dot com, das ist ein Unternehmen, sagen Mazda usa dot com, das ist eine COS Website spezielle Gast dot c O, das ist eine ganz besondere Art von Staat, der ein wenig verwirrend sein kann. Also, dass man ziemlich hart ist. Also geh weiter, wähle eins aus und fahr los. Ich kann es kaum erwarten zu sehen, was du dir einfallst. 10. Vielen Dank!: Wir haben in den letzten Videos viel Boden gedeckt, und ich möchte eine kurze Zusammenfassung der Klasse machen, bevor wir enden. So lernten wir, was das Feld der Information, Architektur und Geschichten wie eine Person, die den Begriff Richard Saul Erwärmung popularisiert. Wir lernten auch die Disziplinen kennen, aus denen Informationsarchitekturen wie Bibliotheken, Wissenschaft, Wissenschaft, kognitive Psychologie und Gebäudearchitektur besteht. Wir lernten auch einige verschiedene Terminologie und Aktivitäten kennen. Assoziieren Sie mit Informationsarchitektur wie Kartensortierung, Steuern auf alle Metadaten und andere Begriffe wie diese. Und schließlich, wenn wir darüber gesprochen haben, wie man eine Sitemap erstellt, sei es für eine neu gestaltete Website oder App oder eine neue Website oder App und denken Sie daran, in der Schlange zu bleiben, nie, jemals Pfeile auf Sitemap verwenden. Vielen Dank für das Anschauen und ich liebe Ihr Feedback.