--- title: "Informationsarchitektur" url: "https://insideuxdesign.com/de/glossar/informationsarchitektur" language: "de" description: "Was ist Informationsarchitektur? Einfach erklärt mit Beispiel und Praxistipps. Erfahre, wie du Inhalte so ordnest, dass Menschen finden, was sie suchen." published: "2026-10-14T09:50:31+02:00" updated: "2026-10-14T13:03:53+02:00" --- # Informationsarchitektur Informationsarchitektur beschreibt, wie Inhalte einer Website oder App strukturiert und benannt sind. Sie sorgt dafür, dass Menschen finden, was sie suchen, und wissen, wo sie gerade sind. - **Buchstabe:** I - **Englischer Begriff:** Information Architecture UX-Glossar · engl. Information Architecture # Informationsarchitektur Informationsarchitektur beschreibt, wie Inhalte einer Website oder App strukturiert und benannt sind. Sie sorgt dafür, dass Menschen finden, was sie suchen, und wissen, wo sie gerade sind. Stell dir vor, du willst auf der Website deiner Stadtverwaltung herausfinden, wie du einen neuen Personalausweis beantragst. Im Menü stehen „Dezernat II“, „Fachbereich Bürgerdienste“ und „Rathaus aktuell“. Du klickst dich durch, landest bei Öffnungszeiten der Bibliothek und gibst irgendwann auf. Die Informationen sind alle da. Sie sind nur so sortiert, wie die Verwaltung intern denkt, und nicht so, wie Menschen suchen. ## Einfach erklärt Informationsarchitektur (kurz IA) beschreibt, wie die Inhalte einer Website oder App strukturiert und benannt sind, damit Menschen finden, was sie suchen, und verstehen, wo sie sich gerade befinden. Ein Vergleich aus dem Alltag: In einem Supermarkt entscheidet jemand, dass Nudeln neben der Tomatensoße stehen, welche Gänge es gibt und was auf den Schildern darüber steht. Diese unsichtbare Ordnung ist die Informationsarchitektur. Die Schilder selbst entsprechen eher der Navigation. Geprägt hat den Begriff der Architekt und Designer Richard Saul Wurman, nach eigener Aussage 1976 auf der Jahrestagung des American Institute of Architects. Bekannt wurde das Fachgebiet im Web vor allem durch das Buch von Louis Rosenfeld und Peter Morville, das 1998 erstmals erschien und heute als „Information Architecture: For the Web and Beyond“ (mit Jorge Arango) vorliegt. ## Woraus Informationsarchitektur besteht Rosenfeld und Morville unterscheiden vier Systeme, die zusammenspielen: das **Ordnungssystem** (Nach welcher Logik wird gruppiert, etwa nach Thema, Zielgruppe oder Aufgabe?), das **Beschriftungssystem** (Welche Wörter stehen auf Menüpunkten und Links?), das **Navigationssystem** (Wie bewegen sich Menschen durch die Struktur?) und das **Suchsystem** (Wie finden sie Inhalte über die Suche?). Wichtig ist der Unterschied zur Navigation. Die Nielsen Norman Group beschreibt die IA als Fundament, das im Interface selbst gar nicht sichtbar ist. Sie wird in Tabellen und Diagrammen dokumentiert. Menüs, Breadcrumbs oder Filter sind die sichtbaren Elemente, die auf dieser Struktur aufbauen. Deshalb gilt: erst die IA festlegen, dann die Navigation gestalten. Mehr dazu im Artikel [Einführung in die Informationsarchitektur](https://insideuxdesign.com/de/blog/einfuehrung-in-die-informationsarchitektur). ## Ein Beispiel Zurück zur Stadtverwaltung. Vorher spiegelt die Website das Organigramm: Ämter, Dezernate, Fachbereiche. Das Team führt ein [Card Sorting](https://insideuxdesign.com/de/glossar/card-sorting) mit Menschen aus der Stadt durch. Fast alle gruppieren nach Lebenslagen wie „Umzug“, „Ausweis und Pass“ oder „Familie“. Nachher ist die Website nach diesen Anliegen geordnet, und die Ämter stehen nur noch als zuständige Stelle auf den jeweiligen Seiten. Ein anschließendes [Tree Testing](https://insideuxdesign.com/de/glossar/tree-testing) bestätigt, dass Testpersonen die Infos zum Ausweis nun deutlich schneller finden. ## Warum das wichtig ist Eine schwache IA lässt sich durch schönes Design kaum retten. Wenn Begriffe unklar sind oder Inhalte an unerwarteten Stellen liegen, suchen Menschen länger, brechen ab oder rufen beim Support an. Eine gute IA orientiert sich am [mentalen Modell](https://insideuxdesign.com/de/glossar/mentales-modell) der Nutzenden, also an ihrer Vorstellung davon, wo etwas sein müsste. ## In der Praxis - **Denk in Aufgaben, nicht in Abteilungen.** Frag dich bei jedem Menüpunkt, welches Anliegen jemand damit erledigen will. Interne Bezeichnungen gehören selten ins Menü. - **Erst sammeln, dann ordnen.** Erstelle eine Inhaltsliste aller Seiten und Funktionen, bevor du Kategorien bildest. Sonst ordnest du nur, was dir gerade einfällt. - **Teste die Struktur ohne Design.** Mit Card Sorting findest du Ideen für die Gliederung, mit Tree Testing prüfst du sie. Beides geht schnell und spart späteren Umbau. ## Verwandte Begriffe [Card Sorting](https://insideuxdesign.com/de/glossar/card-sorting), [Tree Testing](https://insideuxdesign.com/de/glossar/tree-testing), [Mentales Modell](https://insideuxdesign.com/de/glossar/mentales-modell), [Progressive Disclosure](https://insideuxdesign.com/de/glossar/progressive-disclosure) ## Quellen - [Jen Cardello: The Difference Between Information Architecture (IA) and Navigation. Nielsen Norman Group, 2014](https://www.nngroup.com/articles/ia-vs-navigation/) - [Louis Rosenfeld, Peter Morville, Jorge Arango: Information Architecture: For the Web and Beyond. 4. Auflage, O’Reilly, 2015](https://www.oreilly.com/library/view/information-architecture-4th/9781491913529/) - [Dirk Knemeyer: Richard Saul Wurman: The InfoDesign Interview. InfoDesign, 2004](https://www.bogieland.com/specials/wurman_interview.html) ## Weitere Begriffe [ ### A/B-Test Ein A/B-Test ist ein Experiment, bei dem zwei Varianten einer Seite oder eines Elements gleichzeitig an zufällig aufgeteilte Besuchende ausgespielt werden. So entscheidest du anhand echter Daten, welche Variante besser funktioniert. ](https://insideuxdesign.com/de/glossar/a-b-test) [ ### ARIA ARIA ist ein W3C-Standard, der HTML um Rollen, Zustände und Eigenschaften ergänzt. So erfahren Screenreader, was ein Element ist und wie es sich gerade verhält. ](https://insideuxdesign.com/de/glossar/aria) [ ### Affordance Eine Affordance beschreibt, welche Handlung ein Objekt möglich macht und ob Menschen das erkennen: Ein Button lädt zum Drücken ein, ein Griff zum Ziehen. ](https://insideuxdesign.com/de/glossar/affordance) [ ### Alternativtext Ein Alternativtext ist eine kurze Textfassung eines Bildes im HTML-Attribut alt. Screenreader lesen ihn vor, damit Menschen, die das Bild nicht sehen, dieselbe Information bekommen. ](https://insideuxdesign.com/de/glossar/alternativtext) [ ### Arbeitsgedächtnis Das Arbeitsgedächtnis hält Informationen für kurze Zeit fest, damit du mit ihnen arbeiten kannst. Es fasst nur wenig, deshalb sollten Interfaces möglichst wenig Merkarbeit verlangen. ](https://insideuxdesign.com/de/glossar/arbeitsgedaechtnis) [ ### Atomic Design Atomic Design ist eine Methode, Benutzeroberflächen aus kleinen, wiederverwendbaren Bausteinen aufzubauen: von einzelnen Elementen wie Buttons bis zu ganzen Seiten. ](https://insideuxdesign.com/de/glossar/atomic-design) [ ### BFSG Das Barrierefreiheitsstärkungsgesetz (BFSG) verpflichtet seit dem 28. Juni 2025 viele Unternehmen, bestimmte Produkte und digitale Dienstleistungen wie Onlineshops barrierefrei zu gestalten. ](https://insideuxdesign.com/de/glossar/bfsg) [ ### Barrierefreiheit Barrierefreiheit bedeutet, dass Websites, Apps und digitale Dokumente so gestaltet sind, dass alle Menschen sie nutzen können, auch mit einer Seh-, Hör-, motorischen oder kognitiven Behinderung. ](https://insideuxdesign.com/de/glossar/barrierefreiheit) [ ### Card Sorting Card Sorting ist eine Research-Methode, bei der Menschen Begriffe auf Karten in Gruppen sortieren. So siehst du, wie sie Inhalte gedanklich ordnen, und kannst eine verständliche Navigation planen. ](https://insideuxdesign.com/de/glossar/card-sorting) [ ### Cognitive Load Cognitive Load ist die geistige Anstrengung, die nötig ist, um eine Oberfläche zu verstehen und zu bedienen. Je weniger unnötige Denkarbeit ein Design verlangt, desto leichter fällt die eigentliche Aufgabe. ](https://insideuxdesign.com/de/glossar/cognitive-load) [ ### Contextual Inquiry Contextual Inquiry ist eine Research-Methode, bei der du Menschen in ihrem echten Arbeitsumfeld beobachtest und befragst. So siehst du, wie sie Aufgaben tatsächlich erledigen, nicht nur, wie sie davon erzählen. ](https://insideuxdesign.com/de/glossar/contextual-inquiry) [ ### Conversion Eine Conversion ist eine gewünschte Aktion auf einer Website oder in einer App, etwa ein Kauf oder eine Anmeldung. Die Conversion Rate zeigt, welcher Anteil der Besuche dazu führt. ](https://insideuxdesign.com/de/glossar/conversion)