Gestaltungsempfehlungen für Webprojekte
Intro
Übersicht
Konzept
Seitenaufbau
Seitengestaltung
Navigation
Gif oder Jpeg?
Schnelles Laden
HTML
PlugIns
Glossar
Ressourcen
Druckversion

Seitenaufbau

Kopf- und Fußelemente
Graphische Elemente klein gestalten.

Deutlich zwischen Navigations- bzw. Orientierungsele-
menten und dem Inhalt unterscheiden.

Sackgassen vermeiden!

Um eine Seite wirklich funktional zu gestalten sollte Sie einen Kopf- und Fußbereich haben. Es muß deutlich werden wo der Inhalt beginnt und endet. Jede Seite sollte mit verschiedenen Elementen zur Navigation und Orientierung versehen sein. Sie dienen nicht nur dazu den Benutzer zu führen, sondern auch dazu die einzelnen Seiten eines Projekts optisch zusammenzufassen und zu beschreiben um was es sich handelt, wo sich das Projekt befindet etc. Im Grunde ganz klassisch: Was, Wo, Wer.

Kopf- bzw. Fußleiste einer Seite müßen nicht identisch sein. Hat der Benutzer einmal die Funktionalitäten erkannt findet er sich auch auf jeder anderen Seite zurecht.

Wichtig ist Sackgassen zu vermeiden. Der Benutzer will nicht die ganze Seite wieder hinauf scrollen um auf die nächste Seite springen zu können. Deswegen die Fußleiste auf langen Seiten. Bietet man z.B. einen Suchmechanismus im Kopfteil an genügt es ihn einmal zu repräsentieren. An dessen Stelle in der Fußnavigationsleiste kann auch eine Hilfefunktion zu Verfügung stehen. Wichtig ist daß dies klar und deutlich zu erkennen ist.

Entsprechend den HTML Konventionen muß jede Seite einen Titel haben. Dieser muß nicht identisch sein mit dem Titel den man als Namen dem eigentlichen HTML Dokument (hier seitenaufbau.html) verleiht. Wichtig ist jedoch darauf zu achten das er den Inhalt des Dokuments beschreibt.
Es ist ärgerlich wenn man ein Bookmark hat, das ausschließlich Willkommen oder 01.html heißt.

Grundelemente
Verweis zur Homepage des Servers, zur Bereichsseite d.h. Projekt

Überschriften sollten mit dem Header Tag und nicht mit Font Size zu editieren!

Neben den gebräuchlichen Kopf- und Fußleisten sollte man auch auf jeder Seite die Möglichkeit haben eine e-mail an den Autor zu schicken.

Um Missverständnisse auszuschließen, empfehle ich, die rein numerische Monatsschreibweise zu vermeiden.
Also 10-Juni-1996 anstelle von 10.06.96. In den USA wäre das der 6. Oktober 1996!

Da man WWW Seiten über ein Link direkt, ohne über die Homepage zu gehen, erreichen kann sollte jede Seite über einige Grundsätzliche Dinge verfügen:
Einen Verweis auf die Homepage, eine Möglichkeit zur Bereichsseite zu gelangen sowie, wenn das Projekt "linear" ist, einen Verweis auf die vorhergehende und die nachfolgende Seite.

Außer Kopf- und Fußleisten, bei sehr kurzen Seiten (Bildschirmlänge) kann man auf letztere vielleicht verzichten, sollte jede Seite noch verschiedene Grundelemente haben für die es verschiedene Konventionen gibt.

Es sollte ein Hauptüberschrift geben, die mit dem Titel der Seite korrespondieren sollte , danach die Kapitelüberschrift, der Inhalt, die nächste Kapitelüberschrift usw. Wichtig ist jedoch die Möglichkeit dem Autor, ohne größere Suchaktionen, seine Meinung, Kommentare oder Hinweise zu geben. Hierzu gehört die e-mail Funktion über die der Browser verfügt.

Für wichtig halte ich ebenfalls die ganze URL anzugeben, für den Fall das sich jemand die Seite ausdruckt.
Mir ist ist bei kursierenden Fotokopien schon öfter auf die Frage nach der Quelle die Antwort gegeben worden: "Im Internet gefunden."

Dies kann so aussehen:

Archiv-Name: Gestaltungsempfehlungen für Webprojekte
Archiv-Ort: http://www.digital.hdk-berlin.de/~mhohl/styleguide/
Letztes Update: 29-Juni-1996
Ersteller: Michael Hohl, michecje@sp.zrz.tu-berlin.de
Author: Michael Hohl
Beschreibung: Beschreibung zur Konzeption u. Erstellung von HTML/WWW Seiten
Copyright: Hochschule der Künste, Berlin

oder so, wie unten am Fuß dieser Seite:

Redundanz
Navigationsikons durch Text unterstützen Beim Verwenden von Grafiken als Navigationsleisten muß man beachten das sich der Sinn eines Symbols oder Ikons nicht von selbst erschließt. Empfehlenswert ist eventuell ein Textbutton, inklusive alternativem Text.

Seitenlänge
Zu lange Seiten in kleinere aufteilen
Am Fuß der Seite eventuell einen Verweis "zum Kopf" anbieten.
Lange Seiten sind oft störend. Das Scrollen und lesen am Bildschirm ermüdend. Besser ist, eine lange Seiten in mehrere kleine aufzuteilen sowie, am Seitenende die Möglichkeit anzubieten mit Hilfe eines "Ankers" wieder an der Seitenanfang springen zu können.


Intro
Übersicht
Konzept
Seitenaufbau
Seitengestaltung
Navigation
Gif oder Jpeg?
Schnelles Laden
HTML
PlugIns
Glossar
Ressourcen
Druckversion

Kommentare oder Vorschläge ?
http://www.digital.hdk-berlin.de/~mhohl/styleguide/seitenaufbau.html
© Hochschule der Künste Berlin
Michael Hohl
26-Juni-96
Gestaltungsempfehlungen für Webseiten