Nietzsche Website - Aufbau des Layouts
Untenstehend stelle ich einen Rahmenaufbau für das Nietzsche-Angebot zur Diskussion. Die folgenden Elemente wäre hierbei für das gesamte Angebot verbindlich:
- Einheitliches Rahmenlayout
- Verwenden einer zentralen Stylesheet-Datei
- Einheitliche Überschriften
- Einheitliche Textgestaltung
- Einheitliche Farbgestaltung
- Gemeinsames Look and Feel aller Seiten (z. B. "wie wird verlinkt")
Hinweis: Es handelt sich hierbei um kein Screendesign, sondern lediglich konzeptionelle Skizzen. Also verzeiht bitte die schreckliche Farbgestaltung ;-)
Startseite >> (GIF, 34 kb)
Hier soll deutlich werden, dass der Nutzer bewusst nur mit wenigen Einstiegspunkten konfrontiert wird. Für 3 Zielgruppen gibt es 3 Einstiegsmöglichkeiten:
- Laien, die das erste Mal auf der Seite sind
Sie werden zu einer Tour eingeladen, die an das Thema Nietzsche heran führt und einen ersten Überblick über die umfangreichen Site-Inhalte bereit stellt.
- Interessierte Laien bei wiederholten Besuchen
Für sie ist der Einstieg über die Navigation gedacht, die in der mittleren Spalte auch noch mal erläutert wird, da sonst nicht jedem klar ist, was sich hinter den Begrifflichkeiten verbirgt.
- Experten
Für sind die Suchfunktionen hilreich, wenn spezielle Dinge gesucht werden. Dafür gibt es sowohl eine Schellsuche zum Direkteinstieg auf der Startseite als auch den expliziten Hinweis auf eine erweiterte Suche.
Exemplarische Unterseite mit Navigation >> (GIF, 16 kb)
Dieser Seite soll das Navigationsverhalten auf unteren Ebenen zeigen. In der oberen Leiste wird die aktive Rubrik markiert und in der linken Spalte die entsprechenden Unternavigationspunkte dargestellt.
Die linke Spalte ist für die Unternavigation gewählt worden, da sie vergleichsweise große Flexibilität bei dem Umfang von Unternavigationspunkten bieten. Dies wäre bei einer horizontalen Variante nicht gegeben.
Für das spätere Layout sollten prinzipiell die folgenden Rahmenbedingungen gelten:
- Richtwert 800x600 Pixel
- Feedback über Nutzer-Interaktion liefern (Highlighting)
- Verwendung großer Schriftarten
- Gute Lesbarkeit gewährleisten (auf ausreichenden, jedoch nicht zu hohen Kontrast zwischen Schrift und Hintergrund achten)
- Flächige Hintergründe verwenden
Für Rückfragen und Anregungen jederzeit gerne hierhin wenden: mitter@netmedia.de