Webdesign: Die Basics guter Informationsarchitektur

Der Zugang zu Informationen will gut organisiert und strukturiert sein, damit der Informationssuchende schnell und umfassend fündig werden kann. Dazu bedarf es umfassender Überlegungen im Vorfeld der Design-Ausführung. Heraus kommt die Informationsarchitektur.

Der Begriff der Informationsarchitektur ist mit einem Alter von einigen Dekaden nicht mehr ganz neu und wurde im Laufe der Zeit schon für verschiedenste Zwecke benutzt. Sogar im Chipdesign oder bei der Netzwerkplanung fand er Verwendung. In den letzten zehn Jahren kommt er indes vorwiegend im Kontext mit Softwareprojekten zum Einsatz.

Informationsarchitektur im Webdesign

Im Zusammenhang mit Webdesign meint „Informationsarchitektur” die sinnvolle Organisation und Strukturierung von Inhalten mit dem Ziel, dass eben diese Inhalte von Nutzern schnell gefunden und erschlossen werden können. Webdesigner sind demnach notwendigerweise stets auch Informationsarchitekten. Jedenfalls sollten sie es sein. Vielfach entsteht dieser Eindruck jedoch nicht.

Kunden aus der Hölle: Der personifizierte Worst Case

Informationsarchitektur ist nicht gleichbedeutend mit visueller Gestaltung

Kunden und Dienstleister verwenden erfahrungsgemäß sehr viel Zeit auf visuelle Aspekte, so dass strukturelle Überlegungen nicht selten zu kurz kommen. Dabei ist eine gelungene Informationsarchitektur die beste Grundlage für eine ebenso gelungene Website. Informationsarchitektur lässt sich allerdings nicht als Photoshop-Mockup bauen und mag von daher als verzichtbarer Aufwand betrachtet werden. Das Gegenteil ist der Fall.

Informationen ohne Ende, nur finden kannst du sie nicht gezielt. (Foto: Pixabay)

Vielfach wird Informationsarchitektur (IA) mit UX-Design gleichgesetzt, was ebenfalls viel zu kurz gesprungen erscheint. Auch hier gilt, dass IA lediglich die Grundlage für das UX-Design bildet. UX-Design ist indes weit weniger strukturell in den Überlegungen, sondern befasst sich deutlich konkreter mit den großen und kleinen Fragen der Benutzererfahrung, etwa welche Interaktion welches Ergebnis zeitigen soll.

Informationsarchitektur ist das Fundament jeder Website

Wenn wir also über IA sprechen, dann befinden wir uns am Ursprung, an der Baugrube eines digitalen Projekts. Hier gibt es noch nichts zu sehen und die künftige Benutzererfahrung ist in weiter Ferne. In der Informationsarchitektur geht es um rein strukturelle Fragen.

Das mag dir auf den ersten Blick reichlich langweilig vorkommen. Betrachtest du aber mal das Beispiel einer großen Bibliothek, wird dir schnell klar, dass Informationsbereitstellung ohne durchdachte Architektur keine gute Idee ist.

In unserem Städtchen existiert nur eine relativ kleine Stadtbücherei. Aber selbst in dieser könnte ich kein Buch finden, wenn sich die Bibliothekare nicht ein so gutes Ordnungssystem, eine nachvollziehbare Informationsarchitektur, ausgedacht hätten.

Eine Kombination aus einem digitalen Katalog und einem physikalischen Wegweisersystem führt dazu, dass jeder Besucher das von ihm gesuchte Buch auch findet. Gäbe es das nicht, bestünde nur eine zufällige Chance, die gesuchten Informationen zu erhalten. Die meisten Besucher dürften wohl ob des erheblichen Frustpotenzials rasch kapitulieren.

Der Aufbau einer real existierenden Bibliothek unterliegt einem permanenten Wandel und damit ständiger Planung. (Foto: Pixabay)

Ähnlich ergeht es den Besuchern einer Internetseite, wobei das Problem mit steigender Informationsdichte größer wird. Je mehr Informationen eine Website bietet, desto durchdachter muss ihre Informationsarchitektur sein. Generell bedarf jedoch auch die kleinste Website einer sinnvollen IA. Lediglich der Komplexitätsgrad dieser Architekturen unterscheidet sich in Abhängigkeit von der Größe des Gesamtprojekts.

Verbreiteter Irrtum: Informationsarchitektur ist ein anderes Wort für Navigation

Typische Fragen, die eine gute Informationsarchitektur dem Besucher beantworten können muss, lauten etwa:

• Wo bin ich?
• Worum geht es hier?
• Wohin gelange ich von hier?
• An welcher Stelle im Angebot befinde ich mich?
• Wozu dient diese Website?
• Was habe ich von diesem Angebot?
• Wer steckt dahinter und wie kann ich denjenigen erreichen?

In Anbetracht dieser Fragen könntest du auf die Idee kommen, dass Informationsarchitektur nur ein anderes Wort für Navigation ist. Auch das würde jedoch zu kurz greifen. Richtig ist, dass die Navigation ein Bestandteil der IA ist. Sie lässt sich allerdings erst ableiten, wenn ein paar vorbereitende Arbeiten erledigt sind.

Informationsarchitektur erfordert die Klassifizierung und Kategorisierung aller Inhalte

Es ist eines der verbreitetsten Probleme in der Kunde-Designer-Beziehung. „Fangen Sie schon mal an, die Inhalte liefern wir Ihnen nach und nach.” Wer kennt das nicht?

Und wer hat sich nicht schon oft, wenn auch intuitiv gefragt, wie das denn funktionieren soll? Die Antwort auf die Frage ist recht einfach: Gar nicht.

Bevor du sinnvoll eine Website erstellen kannst, musst du alle Inhalte kennen, sortieren und strukturieren. Schon die Festlegung, welche Inhalte überhaupt in die Website integriert werden sollen, ist ein wichtiger Aspekt der Informationsarchitektur. Wer hat sich nicht bei verschiedenen Websites schon über seltsam „angeflanscht” wirkende Menüpunkte gewundert? Da kam der Kunde kurz vor Projektende noch mit einer neuen Ladung Informationen, die wir dann kurzerhand außerhalb der geplanten Struktur rein nehmen mussten. „Ist ja kein Problem, oder?“

Liegen alle Inhalte vor und sind die zu verwendenden definiert, gilt es, die Inhalte zu klassifizieren und zu benennen. Dabei werden die Inhalte Kategorien zugeordnet, aus denen sich später unsere Navigation entwickeln wird.

Es empfiehlt sich, dabei ganz klassisch mit Taxonomien zu arbeiten. So erhält jede Kategorie stets nur eine Oberkategorie, was zu einem Abhängigkeitsbaum führt, wie er für Organigramme üblich ist. Innerhalb des Baumes bewegst du dich von ganz grob nach ganz fein. Je weiter unten in den Verästelungen du dich befindest, desto spezifischer werden die Informationen.

Monohierarchische Strukturen funktionieren am besten. (Foto: Pixabay)

Flache Informationshierarchien bevorzugt

Dabei solltest du zudem darauf achten, dass deine Informationshierarchie nicht zu tief wird. Zum einen schätzt es kein Besucher, wenn er wahre Klickorgien bewältigen muss, um letztlich zur gewünschten Information zu gelangen. Zum anderen bevorzugt der Google-Bot ebenfalls eindeutig flache Hierarchien.

Die einzelnen Kategorien sollten sich dabei ganz klar thematisch unterscheiden, so dass Besucher und Crawler gleichermaßen in die Lage versetzt werden, Zusammenhänge erkennen und verstehen zu können. Denkbar sind, je nach Sinn und Zweck der Website, natürlich auch andere Unterscheidungen, etwa chronologischer Art oder nach dem Typ des Besuchers (zum Beispiel Kunde, Lieferant, Investor).

Wichtig ist nur, dass du einen einmal eingeschlagenen Weg nicht verlässt, weil es sonst zu einer Vermischung unterschiedlicher Hierarchien kommen kann.

Suchen und Finden, aber nicht frei gewürfelt

Ein wichtiger Teil der Informationsarchitektur ist die Suchfunktion, die meist selbstverständlich als bloßer Teil des CMS angesehen wird. Dabei würde eine optimale IA niemals auf die Standardsuche von etwa WordPress als Volltextsuche setzen, sondern auf ein gezieltes Konzept bauen. Dabei würde es darum gehen, was Besucher wohl suchen könnten und welche Ergebnisse sie dann finden sollten. Das hätte mit Freitextsuche nicht viel zu tun, würde aber bessere Ergebnisse liefern, die sowohl dem Interesse des Besuchers als auch dem des Betreibers entgegen kämen.

Das ist längst noch nicht alles, aber ein Anfang

Informationsarchitektur ist eine Wissenschaft für sich. In diesem Beitrag habe ich mich auf die absoluten Basics beschränkt. Das magst du beklagen, aber bedenke dabei, dass es gerade die kleineren Projekte sind, denen IA-Überlegungen derzeit noch am meisten fehlen.

Dabei sind das gleichzeitig jene Projekte, in denen gar nicht erst über User-Befragungen, Card Sorting und andere spezifische Techniken ausgewachsener Informationsarchitekten nachgedacht werden muss. Wenn du bisher deine Kunden ganz ohne IA-Basics bedient hast, wird dir der Beitrag sicherlich ein paar Denkanstöße gegeben haben.

Damit ist der Anfang auf jeden Fall gemacht.

Quellen zum Weiterlesen:

• Information Architecture. Basics for Designers. | Alina Arhipova
• Informationsarchitektur | Wikipedia
• The Difference Between Information Architecture and UX Design | Darren Northcott
• Informationsarchitektur | Netzstrategen
• Informationsarchitektur | InfoWissWiki

(Der Beitrag erschien erstmals im April 2018. Seitdem wird er regelmäßig aktualisiert, zuletzt am 19.02.2019.)