Mit welchem Tool erstelle ich eine Informationsarchitektur?

Bei einem Websiteprojekt wie bspw. einem Website Redesign oder Relaunch stolpert man früher oder später auf den Begriff Informationsarchitektur (IA). Was heisst das genau? Wie erstellt man diese und welche Arten der Darstellung bietet sich an? Mit welchen (kostenfreien) Tools kann ich mit möglichst wenig Aufwand die Informationsarchitektur darstellen und bearbeiten?

Was ist eine Website Informationsarchitektur?

Die Informationsarchitektur beschreibt die Grundstruktur aller Informationen auf einer Website. Man könnte auch sagen, dass es das Konzept der Website beschreibt. Für eine erfolgreiche Website ist es unabdingbar, sich dazu Gedanken zu machen und diesen Schritt sauber zu absolvieren. Ansonsten tauchen später vergessene Inhalte auf und bringen beispielsweise das Navigationskonzept durcheinander. Aufgrund der Informationsarchitektur kann in einem zweiten Schritt die Navigationsmöglichkeiten und die verschiedenen Inhaltstypen definiert werden.

Wie erstelle ich eine Informationsarchitektur?

Dazu gibt es verschiedenste Ansätze und eine Vielzahl an Variablen die berücksichtigt werden möchten. Die zwei wichtigsten bestimmenden Faktoren sind Mensch (der User) und Maschine (die Suchmaschine).

Der Mensch steht natürlich an erster Stelle (User centered design): Nur wenn er die Informationsarchitektur versteht, findet er auch was er sucht. Wenn das nicht gegeben ist, sollte man besser nochmals von vorne beginnen.

Doch wie erreicht man das? Man kann Top-Down beginnen und vom Grossen zum Kleinen gehen. Auf der Website eines Bauunternehmens könnte es beispielsweise eine Kategorie „Bauen“ geben. Eine logische Unterrubrik wäre dann „Tiefbau“ und die Unterrubriken davon wiederrum „Strassenbau“, „Tunnelbau“ und „Brückenbau“.

Die zweite Variante ist Bottom-Up, was häufig auch der Realität der Benutzer entspricht. Der Benutzer landet über eine Suchmaschine beispielsweise in der Rubrik „Tunnelbau“. Woher weiss der Benutzer nun wo er ist und in welche Richtung er sich bewegen kann? Wie findet er zur verwandten Rubrik „Brückenbau“ oder zu einer ganz anderen Rubrik wie „Offene Stellen“?  Bei einem solchen Ansatz beginnt man eher mit dem Wireframe einer Detailsseite und erarbeitet die Informationsarchitektur von unten nach oben.

Ebenfalls wichtig ist die Suchmaschine resp. SEO: Hierbei gilt, die relevanten Suchbegriffe zu finden und thematisch zu clustern, so dass alle wichtigen Keyword Cluster eine Seite innerhalb der Informationsarchitektur bekommen. Bei xeit empfehlen wir bei der Entwicklung der Informationsarchitektur beide Determinanten zu berücksichtigen und dann mit dem zweiten nochmals zu überprüfen. Am Ende muss es eine erfolgreiche Website sowohl top-down wie auch bottom-up funktionieren.

Mit welchen Tools erstelle ich eine Informationsarchitektur?

Die Erstellung einer Informationsarchitektur ist in der Regel keine Tätigkeit der man häufig nachgeht. Ausser man arbeitet bei xeit oder einer anderen Agentur. Somit wird die Auswahl der Tools eingeschränkt durch den Faktor, dass man das Tool nur selten braucht. Für ein solches Tool möchte man vermutlich nicht viel Geld ausgeben und auch nicht viel Zeit in das Einarbeiten stecken.

Kriterien zur Auswahl eines Tools

Das Tool muss…

• … die Darstellung einer Informationsarchitektur ermöglichen

Das Tool soll…

• … möglichst nichts kosten
• … einfach zu bedienen sein
• … auch eine umfangreichere Informationsarchitektur abbilden können

Informationsarchitektur in Powerpoint erstellen

Die Informationsarchitektur wird in der Regel als Baumstruktur dargestellt um die Hierarchie der Inhalte zu zeigen. Start bildet die Startseite (Home) und darunter folgt die oberste Navigationsebene. Je nachdem gibt es noch eine Zwischenebene (primäre und sekundäre Navigation) oder weitere Bereiche wie Footer, Sitemap. Ein gut geeignetes Tool für eine solche Darstellung ist die Organigramm Funktion in Powerpoint.

Für kleinere Projekte würde ich Powerpoint sehr empfehlen, da es einfach und schnell ist. Zudem kann die Informationsarchitektur auch gut weiterbearbeitet werden. Als Standardsoftware ist Powerpoint in der Regel bereit vorhanden und verursacht somit auch keine neuen Kosten. Bei sehr umfangreichen Websites stösst man aber bei Powerpoint an die Grenzen, da die einzelnen Punkte unlesbar klein werden.

Vorteile:

• Powerpoint ist in der Regel sowohl auf Kunden wie Agenturseite verfügbar
• Kein neues Tool muss erlernt werden
• Die Informationsarchitektur ist bereit präsentierbar

Nachteile:

• Sehr umfangreiche Websites werden unlesbar
• Gestaltung ist automatisiert und nicht in allen Details beeinflussbar

Mindmup.com: Freemium online Mindmap Tool

Bei einer sehr umfangreichen Informationsarchitektur kommt man schon mal an die Grenzen von Powerpoint. Da stellt zB Mindmup.com eine valable Alternative dar. Eine gut leserliche Darstellung wäre zB: View > Maptheme > Top-Down standard. Sehr gut ist hier die übersichtliche Darstellung, allerdings bedingt die Breite der Informationsarchitektur horizontales Scrollen, was für eine Verwendung in einer Präsentation wiederum ungünstig ist. Sehr nützlich ist die Funktion Unterpunkte ein- und ausblenden zu können. Damit kann beispielsweise für eine Präsentation die unterste Ebene oder Teile mit vielen Unterpunkten ausgeblendet werden.

Vorteile:

• Kostenfrei
• Einfache und schnelle Bedienung
• Auch umfangreichere Projekte sind darstellbar
• Export in verschiedene Formate (PDF, verschiedene Bildformate)

Nachteile:

• Ohne Account ist jede Datei nach dem Abspeichern öffentlich, was je nach Vertraulichkeit des Projektes ein Problem sein kann
• Eine sehr umfangreiche Informationsarchitektur ist immer noch schwierig zum Präsentieren

https://www.mindmup.com/

xmind.net: Testversion einer Mindmapsoftware

XMind ist sowohl als Web- wie auch als Desktopsoftware erhältlich. Die Bedienung ist noch einfacher als bei mindmup.com und es gibt sehr viele Möglichkeiten zur Individualisierung. Ebenso gibt es diverse Abkürzungen und Shortcuts für Poweruser. Sicherlich das bequemste Tool für eine umfangreiche Informationsarchitektur . Auch hier lassen sich einzelne Unterpunkte ausblenden.

Vorteile

• Einfache und schnelle Bedienung
• Vielfältige Individualisierungsmöglichkeiten in Gestaltung und Darstellung

Nachteile

• Hohe Kosten bei wenig Gebraucht: ca. 60$ pro Jahr

https://www.xmind.net/xmind2020/

Fazit zur Auswahl der Tools

Mein Fazit ist „whatever works“. Am wichtigsten ist, dass man sich mit der Informationsarchitektur beschäftigt, das Tool ist zweitrangig. Für einfachere Fälle empfehle ich sicherlich Powerpoint als schon geläufige Software. Wenn es komplizierter wird, sind spezialisierte Programme oder innovative Darstellungsformen gefragt. Gerne beraten wir Sie gerne bei der Erstellung von Wireframes für eure Website.

Weitere Tools und Herangehensweisen

Selbstverständlich gibt es noch weitere Möglichkeiten und Tools, welche die Kriterien erfüllen. Wir freuen uns auf weitere Vorschläge und von euren Erfahrungen zu hören. Was hat gut funktioniert und was weniger? Welche Tools nutzt ihr?