← Zurück zu Mediendesign & Digitale Medien
Informationsarchitektur (IA) ist die Disziplin der strukturellen Gestaltung von Informationsräumen – insbesondere digitaler Produkte – mit dem Ziel, Inhalte auffindbar, verständlich und navigierbar zu machen.

Rubrik: Mediendesign & Digitale Medien · Unterrubrik: UX Research · Niveau: Fortgeschritten


Was ist Informationsarchitektur?

Der Begriff Informationsarchitektur (englisch: Information Architecture, kurz IA) wurde maßgeblich durch Richard Saul Wurman geprägt, der ihn 1976 in seiner Rede zur American Institute of Architects-Konferenz einführte. In der digitalen Welt popularisierten ihn Peter Morville und Louis Rosenfeld mit ihrem einflussreichen Buch Information Architecture for the World Wide Web (1998, bekannt als das "Eisbär-Buch").

Informationsarchitektur beschäftigt sich mit der Frage: Wie organisieren, benennen und strukturieren wir Inhalte, damit Nutzende finden, was sie suchen? Sie ist keine rein technische Disziplin, sondern eine zutiefst nutzerzentrierte: Was logisch für das Unternehmen ist, muss nicht logisch für die Nutzenden sein.

IA ist eng mit UX Research verzahnt: Methoden wie Card Sorting und Tree Testing dienen direkt der empirischen Fundierung von Informationsarchitektur-Entscheidungen.

Erklärung

Die vier Komponenten der IA (nach Morville & Rosenfeld)

Peter Morville und Louis Rosenfeld unterscheiden vier Kernsysteme einer Informationsarchitektur:

1. Organisationssystem (Organization System) Wie werden Inhalte kategorisiert und gruppiert? Gängige Strukturprinzipien:

  • Hierarchisch: Baumstruktur mit Über- und Unterseiten (klassische Website-Struktur)
  • Sequenziell: Schrittfolge (z.B. Checkout-Prozess)
  • Matrixförmig: Mehrere Dimensionen gleichzeitig (z.B. Produkte nach Farbe und Größe)
  • Facettiert: Dynamische Filterung nach mehreren Attributen gleichzeitig

2. Beschriftungssystem (Labeling System) Wie werden Kategorien und Links benannt? Gute Labels sind konsistent, präzise und im Vokabular der Nutzenden gehalten – nicht im Unternehmensslang.

3. Navigationssystem (Navigation System) Wie bewegen sich Nutzende durch die Informationsstruktur? Unterschieden werden:

  • Globale Navigation: Immer sichtbare Hauptnavigation
  • Lokale Navigation: Kontextbezogene Unternavigation
  • Kontextualisierte Navigation: Inline-Links, verwandte Inhalte
  • Suchfunktion: Als Alternative oder Ergänzung zur Browse-Navigation

4. Suchsystem (Search System) Wie können Nutzende aktiv nach Inhalten suchen? Volltext, Facettensuche, Autocomplete, Synonyme.

Das "Eisbär-Modell" und die drei Kreise

Morville visualisierte IA als Schnittmenge von drei Bereichen:

  • Nutzende (users): ihre Bedürfnisse, Ziele, Verhaltensweisen
  • Inhalte (content): Menge, Formate, Strukturen, Metadaten
  • Kontext (context): Unternehmensziele, Politik, Technologie, Ressourcen

Gute IA balanciert alle drei – und berücksichtigt, dass sich alle drei im Laufe der Zeit verändern.

Taxonomien und Folksonomien

Eine Taxonomie ist eine kontrollierte, hierarchische Klassifikation – erstellt und gepflegt von Fachleuten. Eine Folksonomy (oder Tag-System) entsteht durch das freie Verschlagworten der Nutzenden selbst (vgl. Flickr, del.icio.us).

Im UX-Kontext werden Taxonomien häufig durch Card Sorting mit echten Nutzenden entwickelt und durch Tree Testing validiert.

Sitemap vs. Inhaltsbaum

Die Sitemap ist die visuelle Darstellung der IA – sie zeigt Seiten, Hierarchien und Verbindungen. Sie ist ein Planungsdokument für Design und Entwicklung, nicht für Nutzende.

Der Inhaltsbaum (Content Tree) konzentriert sich auf die Benennungen und Hierarchien aus Nutzendenperspektive und wird direkt für Tree-Tests verwendet.

Beispiele

Beispiel 1 – Nachrichtenportal: Ein großes Medienhaus reorganisiert seine Website. Das ursprüngliche Navigationsmenü spiegelt die Redaktionsstruktur wider (Inland, Ausland, Wirtschaft, Sport). Nutzende suchen jedoch nach thematischen Cluster (Klimawandel, Wahlen, Gesundheit). Card Sorting und Tree Testing zeigen: Eine teilweise thematische Strukturierung erhöht die Auffindbarkeit signifikant.

Beispiel 2 – E-Commerce: Ein Onlineshop kategorisiert Produkte intern nach Herstellern. Nutzende denken jedoch in Anwendungsfällen ("Camping", "Bergwandern", "Klettern"). Die neue IA kombiniert Use-Case-Kategorien mit Facettenfiltern.

Beispiel 3 – Unternehmenswebsite: Ein mittelständisches Unternehmen benennt Navigationspunkte mit internen Begriffen ("Unser Portfolio", "Corporate Solutions"). User Tests zeigen: Nutzende verstehen diese Begriffe nicht. Umbenennungen in alltagssprachtaugliche Labels erhöhen die Task Completion Rate um 34%.

In der Praxis

IA-Prozess

Ein typischer IA-Prozess umfasst folgende Schritte:

  1. Inhalts-Audit: Alle bestehenden Inhalte inventarisieren und analysieren
  2. Nutzerforschung: Mentale Modelle und Erwartungen der Nutzenden erheben (User Interviews, Contextual Inquiry)
  3. Card Sorting: Nutzende strukturieren Inhalte selbst (Card Sorting)
  4. IA-Entwurf: Taxonomien, Beschriftungen, Navigationsstrukturen entwerfen
  5. Tree Testing: Entwurf mit Nutzenden validieren (Tree Testing)
  6. Iteration: Schwachstellen beheben und erneut testen

Häufige Fehler

Interne Logik statt Nutzungslogik: Navigation spiegelt Organigramme oder Produktkategorien wider, nicht die Erwartungen der Nutzenden.

Zu tiefe Hierarchien: Nutzende verlieren sich in mehr als 3–4 Ebenen. Flachere Strukturen mit breiter Navigation (mehr Optionen auf einer Ebene) werden oft besser bewertet.

Unklare Labels: Markenjargon, Abkürzungen oder mehrdeutige Begriffe erhöhen die kognitive Last.

Vernachlässigung der Suche: Viele Nutzende nutzen bevorzugt die Suche. Schlechte Suchrelevanz untergräbt die gesamte IA.

Fehlende Metadaten: Ohne strukturierte Metadaten (Tags, Kategorien, Datum) sind automatisierte Sortier- und Filterfunktionen nicht realisierbar.

Werkzeuge

Für IA-Planung und -Dokumentation: Miro, Mural, Overflow, OmniGraffle, Whimsical, Notion, Confluence. Für Tree Testing und Card Sorting: Optimal Workshop (Treejack, OptimalSort), Maze, UXTweak.

Vergleich & Abgrenzung

KonzeptFokusMethoden
InformationsarchitekturStruktur & FindabilityCard Sorting, Tree Testing
Navigation DesignVisuelle UmsetzungWireframing, Prototyping
Content StrategyInhalte & RedaktionContent Audit, Editorial Planning
UX DesignGesamterlebnisUsability Testing, Prototyping

IA ist nicht dasselbe wie Navigation Design: IA definiert die logische Struktur; Navigation Design setzt diese visuell und interaktiv um.

Häufige Fragen (FAQ)

Muss jede Website eine formale IA haben? Ja – jede Website hat eine Informationsarchitektur, ob bewusst gestaltet oder nicht. Fehlende IA-Planung führt typischerweise zu inkonsistenter Navigation, schlechter Auffindbarkeit und hoher Absprungrate.

Was ist der Unterschied zwischen IA und UX? IA ist eine Disziplin innerhalb des UX-Design. UX umfasst das gesamte Nutzungserlebnis; IA konzentriert sich spezifisch auf Struktur, Organisation und Findability.

Wie oft sollte die IA überprüft werden? Bei signifikanten Inhaltserweiterungen, Redesigns oder wenn Nutzungsanalysen auf Orientierungsprobleme hinweisen. Kontinuierliches Monitoring (z.B. Suchanalyse, Heatmaps) kann frühzeitig Probleme aufzeigen.

Ist Card Sorting immer notwendig? Für neue Produkte oder grundlegende Umstrukturierungen: empfehlenswert. Für kleine Anpassungen können Experten-Reviews ausreichen. Entscheidend ist, dass Nutzende nicht durch interne Logik benachteiligt werden.

Verwandte Einträge

Weiterführend

  • Morville, P. & Rosenfeld, L. (2006). Information Architecture for the World Wide Web (3. Aufl.). O'Reilly Media.
  • Morville, P. (2005). Ambient Findability. O'Reilly Media.
  • Covert, A. (2014). How to Make Sense of Any Mess: Information Architecture for Everybody. CreateSpace.
  • Spencer, D. (2010). A Practical Guide to Information Architecture. Five Simple Steps.
  • Nielsen, J. & Loranger, H. (2006). Prioritizing Web Usability. New Riders.
  • Wurman, R. S. (1996). Information Architects. Graphis.
  • Kalbach, J. (2007). Designing Web Navigation. O'Reilly Media.
← Zurück zu Mediendesign & Digitale Medien
Infotag · 13. Mai · 15:00 Uhr · Vor Ort

Sei am Mittwoch dabei.
Bring Eltern oder Freunde mit.

Ein halber Nachmittag, der dir drei Jahre Klarheit bringen kann. Kostenlos, unverbindlich, ehrlich.

  • Rundgang durch Studios, Schnitträume und Tonstudio
  • Echte Absolventenfilme sehen
  • 1:1-Beratung zu Bewerbung & BAföG
  • Studierende direkt fragen
  • Kaffee, kein Sales-Pitch
  • Auch online möglich

Platz beim Infotag reservieren

Dauert 30 Sekunden. Bestätigung per E-Mail.
100 % kostenlos · keine Verpflichtung · jederzeit absagbar
Informationsarchitektur — Wiki | Lazi Akademie | Lazi Akademie Esslingen