Informations-Architektur

User

Die Persona oder später dann die realen User:innen mit ihren Bedürfnissen & Wünschen.

Content

Die Geschichte, die auf der Webseite erzählt wird.

Context

der Umstand in der sich die Beziehung zwischen User & Content befindet. Also die Schauplätze der Interaktionen wie auch das Verständnis sowie die Beziehung zwischen Users und Inhalt.

Haben wir ein Verständnis davon, können wir beginnen die Informations-Architektur aufzubauen.

Information architecture is a practice of making sense.

By Abbey Covert

Dies geschieht anhand dreier Methoden. Ontologie, Taxonomie und Choreografie.

Die Ontologie wird genutzt, um Verbindungen zwischen den einzelnen Themen zu schaffen. Es zeigt in welcher Beziehung die Inhalte zueinander stehen.

Durch das Verständnis der Inhaltsverbindungen können entscheidende Abhängigkeiten definiert werden. Dies hilft die technische Entwicklung zu planen.

Pragmatisches Beispiel

Auf einer Webseite gibt es die Rubrik Landwirtschaft und die Rubrik Bau. In beiden Rubriken kommen gleiche Maschinen vor. Ein Landwirt schaut aber nicht intuitiv in der Kategorie «Bau» nach. Der Betreiber will die Inhalte nicht zweimal pflegen, aber den Marketing-Fokus auf die jeweilige Zielgruppe nicht missen.

Die Informations-Architektin plant nun eine «Maschinen-Rubrik» wo alle Produkte erfasst werden. Sie definiert, dass Kategorien/Tags pro Artikel vermerkt werden um auf den jeweiligen Seiten, die entsprechenden Maschinen zu zeigen.

Die Taxonomie wird genutzt um Sitemaps und somit Inhalte zu organisieren. Es betrifft meistens die grosse Inhaltsstrukturierung der Navigation.

Die Taxonomie in der Biologie veranschaulicht ihre Logik gut. Der Wildkatze ist eine Art, die zur Familie der Katzen gehört, welche wiederum in der Ordnung der Raubkatzen innerhalb der Klasse der Säugetiere zu finden ist.

Es gibt nur fünf Möglichkeiten etwas zu organisieren.

Nach: Ort, Alphabetisch, Zeit, Kategorie oder Hierarchie.

Die Inhalte einer Webseite werden in einer Sitemap organisiert. Meist Hierarchisch.

Es geht darum zu verstehen in welchem Flow diese Verbindungen aller Teile zueinander stehen. Es geht um das Timing und die Platzierung der Informationsdarstellung.

So wird definiert, wann es sinnvoll ist, Fokus auf das aktuelle Thema zu geben und wann weiterführende oder andere Inhalte in Verbindung mit dem aktuellen Inhalt gebracht wird.

Die Choreografie widerspiegelt sich in einem Wireframe oder in User-Stories.

Der kurze Weg

Ein Ansatz mit möglichst wenigen Klicks alle Inhalte einer Webseite zu erreichen.

Die einfache Entscheidung

Ein Ansatz um den User nicht mit zu viel Angebot zu überfordern und ihn in vielen Schritten durch die Webseite zu führen.

Synthese

Die Hauptnavigation sollte nicht mehr als 4-5 Punkte aufweisen und die Hierarchie sollte nicht tiefer 3-5 Stufen haben.

Diese Kombination ermöglicht es für Menschen wie für Suchmaschinen eine optimale und überschaubare Navigation zu bauen.

Wireframes sind der Bauplan einer Webseite. Demnach muss er von Informations-Architekt:innen oder UX-Designer:in sowie Developer:innen (BackEnd/FullStack) gleichermassen verstanden und gutgeheissen werden.

Ich bin überzeugt, dass die brauchbarsten Wireframes dann entstehen, wenn die Expertisen von Informations-Architektur und Backend-Developer vereint werden.

Der Fokus liegt auf der Strukturierung, Priorisierung und Choreographie der Inhalte und ihrer technischen Funktionalität.

Durch diesen Ansatz, wird durch den kleineren physischen Platz auf Mobile-Screens, der Inhalt aufs Wesentliche reduziert. So kann die Essenz der Nutzung herausgeschält werden.

Desktop Designs verfallen oft der Versuchung mehr Inhalt, als notwendig darzustellen.

Es gilt darauf zu achten. Das unterschiedliche Devices, unterschiedliche Nutzungen bedingen und sich so auch die Priorität der Inhalte pro Device ändern.

Wird mit der Mobile-First Strategie programmiert, ist der Fall-Back immer der essentielle Inhalt. ;)

Design-Ästhetik lässt sich aber gut mit dem Desktop-First Ansatz entwickeln.

Dies ist insbesondere bei komplexen und funktionsreichen Webseiten ein extrem wichtiger Schritt. So kann viel Energie und Geld gespart werden.

Die Voraussetzung ist, dass die Inhaltsstrategie sowie die wichtigsten Texte bereits definiert sind. Kein «Lorem Ipsum» in Titeln.

Wireframe User-Tests können nicht die User-Experience testen, da zu einem Erlebnis eines Users auch die visuelle Gestaltung gehört.

Gute Wireframes sind schematisch und fokussieren auf die Struktur und Funktion.

Die Gestaltung kommt danach!