Informationsangebote, in denen sich Nutzer zurecht finden Letzte Aktualisierung: Spree SoSe 2005 Informationsarchitektur

Zum Einstieg eine kleine Umfrage Einstieg Was halten Sie für die wichtigsten Elemente einer guten Website? reichhaltig bebildert einfache Navigation coole Bezeichnungen informativer und nützliche Inhalte Übersichtlichkeit viele verschiedene Navigationsmöglichkeiten Einsatz neuester Technologie (plug ins...) Seminar I-Prax: Inhaltserschließung visueller Medien, Spree SoSe 2005 Umfrage Definitionen Aufgaben Ordnen Strukturieren Benennen Navigieren Fazit Quellen

Definitionen Definitionen Die IT – Definition Information Architecture ist Planung und Verwaltung der IT-Infrastruktur einer Organisation. Darin eingeschlossen ist die Entwicklung von Grundstrukturen und Richtlinien dafür, wie IT-Ressourcen wie Computer, Daten, Software und Kommunikations Möglichkeiten verwaltet werden sollen. Die Wissensorganisations-Definition Informations-Architektur ist der Prozess des Organisierens, Benennens und des Entwickelns von Navigations- und Suchsystemen um Nutzer bei der Suche nach und dem Management von Informationen zu unterstützen. Seminar I-Prax: Inhaltserschließung visueller Medien, Spree SoSe 2005 Umfrage Definitionen Aufgaben Ordnen Strukturieren Benennen Navigieren Fazit Quellen

Was tut ein Informationsarchitekt? Aufgaben Informationen ordnen Informationen strukturieren Informationen benennen Erstellen eines Navigationssystems Erstellen eines Suchsystems Seminar I-Prax: Inhaltserschließung visueller Medien, Spree SoSe 2005 Umfrage Definitionen Aufgaben Ordnen Strukturieren Benennen Navigieren Fazit Quellen

Informationen ordnen Informationen ordnen Seminar I-Prax: Inhaltserschließung visueller Medien, Spree SoSe 2005 Nehmen Sie sich 5 Minuten Zeit und ordnen Sie die unten aufgeführten Begriffe: Architekt, U-Bahn, Bahnhof, Krankenschwester, Krankenhaus, Lehrer, Haus, Meer, Wissenschaftler, Arzt, Schule, Mechaniker, Seemann Was fällt an dieser Inhaltsübersicht einer Website einer Bibliothek auf? - Benutzerausweis beantragen - Bücher vormerken - Erwachsene - Jugendliche - Kultur und Medien - Naturwissenschaften - Teenager - Über uns Umfrage Definitionen Aufgaben Ordnen Strukturieren Benennen Navigieren Fazit Quellen

Ordnungsschemata Ordnungsschemata Seminar I-Prax: Inhaltserschließung visueller Medien, Spree SoSe 2005 Man unterscheidet unterschiedliche Ordnungsschemata Exakte Ordnungsschemata Alphabetisch Chronologisch Geographisch Sprache … Mehrdeutige Ordnungsschemata Nach Themen Architektur, Bildung, Erziehung,... Nach Aufgaben Bearbeiten Einfügen Formatieren Nach Nutzergruppen Studenten, Lehrende, Frauen,… Metaphorisch Virtueller Klassenraum Umfrage Definitionen Aufgaben Ordnen Strukturieren Benennen Navigieren Fazit Quellen

Ordnung und Webdesign Ordnungsschemata Seminar I-Prax: Inhaltserschließung visueller Medien, Spree SoSe 2005 Die visuellen Muster sollen die logischen und funktionalen Beziehungen zwischen den Informationselementen widerspiegeln Gruppierung Sind verwandte Elemente durch 'white space', grafische Begrenzungen, gleiche Helligkeit, Farbe oder Textur gruppiert? Sind nicht-verwandte Elemente optisch voneinander unterschieden oder räumlich voneinander getrennt? Abstufung von Bedeutung Wird die Abstufung der Bedeutung einzelner Elemente im Verhältnis zu anderen Elementen grafisch unterstützt? Farbgebung, Platzierung, Größe, Isolierung, Komplexität und Kontrast erregen besonders leicht Aufmerksamkeit. Konsistenz und Vorhersagbarkeit Ist das Design konsistent und vorhersagbar? Werden Elemente, die logisch oder funktional gleich sind, optisch gleich behandelt? Ist das Platzierungsmuster der Elemente auf den Seiten konsistent? Ist der Hintergrund konstant? Reihenfolge Unterstützt das Design die Reihenfolge, in der der Besucher die Informationselemente wahrnehmen soll? vgl. Website von Ursula Schulz: Umfrage Definitionen Aufgaben Ordnen Strukturieren Benennen Navigieren Fazit Quellen

Strukturieren Strukturieren Seminar I-Prax: Inhaltserschließung visueller Medien, Spree SoSe 2005 Die Struktur einer Site ist dadurch bestimmt, in welcher Beziehung Informationen zueinander stehen: Abb. 1 Flache Hierarchie Abb. 2 Tiefe Hierarchie Abb. 3 Hypertext Umfrage Definitionen Aufgaben Ordnen Strukturieren Benennen Navigieren Fazit Quellen

Strukturieren Strukturieren Seminar I-Prax: Inhaltserschließung visueller Medien, Spree SoSe 2005 Die richtige Struktur für eine Aufgabe finden Für welche Aufgaben würden Sie eine flache Hierarchie wählen? Für welche Aufgaben würden Sie eine tiefe Hierarchie wählen? Für welche Aufgaben würden Sie eine Hypertextstruktur wählen? Umfrage Definitionen Aufgaben Ordnen Strukturieren Benennen Navigieren Fazit Quellen

Benennen Benennung Seminar I-Prax: Inhaltserschließung visueller Medien, Spree SoSe 2005 Anforderungen an Benennungen Konsistenz z.B. im Sprachstil eine Benennung sollte nicht auf verschiedenen Seiten unterschiedliche Bedeutungen haben Berücksichtigung von bestehenden Konventionen wenn Sie abweichen, sollte das einen Grund haben Linkbenennungen: z. B. keywords als Links Benennungen im Kontext und ohne Kontext Bilder? ein Wort sagt mehr als tausend Worte? Umfrage Definitionen Aufgaben Ordnen Strukturieren Benennen Navigieren Fazit Quellen

Navigieren Navigieren Seminar I-Prax: Inhaltserschließung visueller Medien, Spree SoSe 2005 Funktionen von Navigationssystemen Offensichtliche Funktionen von Navigationssystemen Standortbestimmung Suchhilfe / Browsingstruktur 'Übersehene' Funktionen von Navigationssystemen Orientierungsfunktion - bietet Sicherheit und Kontrolle Macht die Inhalte der Site sichtbar Zeigt, wie die Seite zu nutzen ist Wo ist der Anfang? Welche Auswahlmöglichkeiten gibt es? Schafft Vertrauen in die Urheber der Seite "...denn sie wissen, was sie tun" (vgl. Steve Krug: Don't make me think! A Common Sense Approach toWeb Usability. Indianapolis: Macmillan, 2000 ) Umfrage Definitionen Aufgaben Ordnen Strukturieren Benennen Navigieren Fazit Quellen

Typen von Navigationssystemen Navigieren Seminar I-Prax: Inhaltserschließung visueller Medien, Spree SoSe 2005 Typen von Navigationssystemen Hierarchie / Architektur der Site globale Navigationssysteme Hilfsmittel, die die Navigation quer zur Hierarchie erlauben Navigationsleiste Home-Button Frames lokale Navigationssysteme für Unterbereiche spontane Navigationssysteme durch interne und externe Links ausgelagerte Navigationssysteme Inhaltsverzeichnis Index Site map Umfrage Definitionen Aufgaben Ordnen Strukturieren Benennen Navigieren Fazit Quellen

Tipps zur Gestaltung von Navigationssystemen Navigieren Seminar I-Prax: Inhaltserschließung visueller Medien, Spree SoSe 2005 Halten Sie sich an die gängigen Konventionen Berücksichtigen Sie die Navigationsmöglichkeiten der gängigen Browser URL eingeben (sprechende URL wählen) Titelanzeige im Kopf des Browserfensters (sprechenden Titel wählen) Vorwärts- / Rückwärts-Button Verlauf (History) (Wo war ich alles?) Bookmarks (Was war relevant für micht?) Verfärbung besuchter Hypertext-Links von blau zu violett (Wo war ich schon?) Prospektive Anzeige der URL am Fuß des Browser-Fensters (Wo komme ich hin?) Berücksichtigen Sie die Standards seitenintegrierter Navigationssysteme Navigationsleisten sollen am oberen und unteren Ende der Seite platziert werden Die Nutzer sehen sofort, wo sie sind, während die Seite sich lädt Eine bewährte Platzierung von Navigationsleisten ist das umgedrehte L. Grafiken laden sich langsamer als Text und sind aufwändiger zu ändern oder zu ergänzen. Grafische Lösungen immer durch eine textuelle Alternative ergänzt werden (ALT-tag) Icons als Navigationselemente sind nicht so eindeutig wie Text. Umfrage Definitionen Aufgaben Ordnen Strukturieren Benennen Navigieren Fazit Quellen

Tipps zur Gestaltung von Navigationssystemen Navigieren Seminar I-Prax: Inhaltserschließung visueller Medien, Spree SoSe 2005 Vor- und Nachteile von Navigationssystemen Frames Vorteile: Mehrere Fenster können unabhängig voneinander gescrollt werden Links in einem Fenster können Inhalt in einem anderen Fenster kontrollieren. Nachteile: Jedes weitere Fenster kostet Platz. Frames können wichtige Browser-Funktionen außer Kraft setzen: : Bookmarking, History- Liste, Zurück-Button, eine Seite neu laden. Eine Seite mit Frames lädt sich langsamer. Ein Design mit Frames kann sehr kompliziert werden. Pull-down Menüs Vorteile: Man kann viele Optionen unter bringen Platz sparend Nachteile: Je mehr Optionen, desto schwieriger ist die Anwendung für den Benutzer. Benutzer müssen selbst aktiv werden, um zu sehen, welche Optionen ihnen zur Verfügung stehen. Umfrage Definitionen Aufgaben Ordnen Strukturieren Benennen Navigieren Fazit Quellen

Schnelltest von Navigationssystemen Test Seminar I-Prax: Inhaltserschließung visueller Medien, Spree SoSe 2005 Der Fallschirmspringertest Stellen Sie sich vor, Sie sind als Fallschirmspringerin auf einer Website ausgesetzt. Wissen Sie sofort, wo Sie sind? Beantwortet Ihnen das Navigationssystem folgende Fragen? Umfrage Definitionen Aufgaben Ordnen Strukturieren Benennen Navigieren Fazit Quellen Testablauf Schritt 1: Wählen Sie eine beliebige Website und drucken Sie aus Schritt 2: Nehmen Sie einen Stift zur Hand und versuchen Sie so rasch wie möglich folgende Elemente zu finden: Was ist das hier für eine Webseite? Wo genau befinde ich mich? Wie ist die Webseite gegliedert? Welche Abschnitte gibt es? Welche Wahlmöglichkeiten habe ich auf dieser Ebene? Auf welcher Ebene befinde ich mich in der Gesamtstruktur? Wie kann ich suchen? 1. Wo steht die Site ID? 2. Name der Seite 3. Abschnitte und Unterabschnitte 4. Lokale Navigation 5. Wo bin ich- Hinweis? 6. Suche

Fazit Fazit Seminar I-Prax: Inhaltserschließung visueller Medien, Spree SoSe 2005 Umfrage Definitionen Aufgaben Ordnen Strukturieren Benennen Navigieren Fazit Quellen Informationsarchitektur basiert auf Methoden der Wissensorganisation Ordnung und Struktur Konsistenz Klassifikation Benennung Indexierung und Thesaurus Navigation Recherchesysteme, Browsinghierarchien

Quellen und weiterführende Ressourcen Quellen / Ressourcen Seminar I-Prax: Inhaltserschließung visueller Medien, IID Potsdam - Inhaltserschließung: AbstractingJutta Lindenthal zurück zu Folie RegelwerkeRegelwerke Umfrage Definitionen Aufgaben Ordnen Strukturieren Benennen Navigieren Fazit Quellen Krug, Steve: Dont make me thiink! Indianapolis: Macmillan, 2000 Rosenfeld, Louis Rosenfeld und Peter Morville: Information Architecture for the World Wide Web. Sebastopol, CA: O'Reilly & Associates, 1998 Shiple, John: Information Architecture Tutorial s/tutorial1.htmlhttp://webmonkey.wired.com/webmonkey/design/site_building/tutorial s/tutorial1.html einführender E-learningkurs. Weiterführende Links: University of Minnesota: Web Design References