Tutorial 1 - Methoden der Informations Architektur*1: Die Planung einer Webseite
Einleitung: Die Planung einer Webseite
Dieses Tutorial zeigt Ihnen praktische Methoden für den Aufbau einer Webseite aus dem Fundus der Informationsarchitektur. Sie erstellen ein Konzept, das alle Aspekte bei der Planung und dem Aufbau Ihrer Seite berücksichtigt: Form, Funktion, Struktur, die Navigation und das user interface sowie das visuelle Design. Während des Tutorials entwickeln Sie ein Design-Dokument, in dem Sie alle notwendigen Planungsschritte und deren Ergebnisse festhalten. Dieses Dokument bietet Ihnen und Ihren Kunden als Roadmap eine gute Orientierung über den Status Quo des Projektes, in dem es die notwendigen Meilensteine der Entwicklung beschreibt und dokumentiert. Wenn Sie später eine neue Webseite planen, können Sie immer wieder mit einem solchen Konzept, die Strukturen der neuen Seite erarbeiten. Mit der Zeit verfeinern Sie die Methoden und sammeln Erfahrungen, welche Aspekte Ihres Gesamtkonzepts besonders wichtig sind, um einen effizienten Aufbau Ihrer Webseite zu ermöglichen.
Inhaltsverzeichnis:
Kapitel 1 Die Ziele der Webseite
1.1 Die Ziele der Webseite
1.2 Stellen Sie Fragen
1.3 Filtern und sortieren der Antworten
Kapitel 2 Wer sind die Leser der Webseite?
2.1 Wer sind die Leser Ihrer Seite?
2.2 Definition der Zielgruppe?
2.3 Erfinden Sie Szenarien
3.1 Die Konkurrenzanalyse, Tabelle?
3.2 Zusammenfassung, Anhang
Kapitel 4 Der Inhalt der Webseite
4.1 Inhalte und Funktionen ?
4.2 Ordnung in den Inhalt bringen-Remix
Kapitel 5 Die Struktur der Webseite
5.1 Metaphern
5.2 Die Struktur festlegen
5.3 Die Navigation festlegen
Kapitel 6 Die visuelle Gestaltung
6.1 Layoutvorlagen?
6.2 Designentwurf
*1 Informationsarchitektur bezeichnet die Konzeption und Definition der Struktur eines Informationssystems, meist eines Computersystems, sowie der für den Nutzer des Systems möglichen Interaktionen und schließlich der An- und Zuordnung sowie die Benennung der in dem System enthaltenen Informationseinheiten und Funktionen. Wikipedia http://de.wikipedia.org/wiki/Informationsarchitektur
Das Tutorial orientiert sich an den webmonkeys von wired.com und ist eine Übersetzung und Ergänzung des www.webmonkey.com/tutorial
Es gelten die Lizenzbedingungen des Creative Commons Attribution-Share Alike 3.0 United States License
Robert F. Seibel März 2009