Metanavigation:


Tipps zur Seitengestaltung

Verschiedene Bohrköpfe
© Wolfgang Schmidt

Seitenstruktur:

  • Die Navigationsgestaltung sollte den Besucherinnen und Besuchern immer signalisieren, wo sie sich auf der Seite gerade befinden.
  • Die Hauptnavigationspunkte wie Home, Impressum usw. sollten von jeder Seite aus aufgerufen werden können.

Text:

Das Lesen am Bildschirm ist anstrengend, kann jedoch durch einige Gestaltungsgrundsätze erleichtert werden:

  • Lange Absätze vermeiden; der Text sollte lieber in kurze Häppchen unterteilt werden.
  • Die wichtigsten Informationen eines Textes zu Beginn bringen, dann können die Leserinnen und Leser gleich sehen, ob der Inhalt relevant für sie ist.
  • Das "Scannen" des Textes erleichtern, indem er durch Hervorhebungen, Aufzählungen und Zwischenüberschriften strukturiert wird. Denn die meisten Menschen überfliegen einen Text erst und entscheiden dann, ob sie ihn genauer lesen möchten.

 

Hervorhebungen:

  • Unterstreichungen sind im WWW als Hervorhebung ungeeignet, da sie suggerieren, dass es sich um einen Link handelt.
  • Hervorhebung durch blinkenden Text sollte - wenn überhaupt - nur sehr sparsam eingesetzt werden, denn es verschlechtert die Lesbarkeit und lenkt von anderen Inhalten zu sehr ab.

 

Schrift:

  • Am besten werden Schriften verwendet, die die meisten Nutzerinnen und Nutzer auf ihrem Computer installiert haben, da die fehlende Schriftart sonst automatisch durch eine Standardschriftart ersetzt wird.
  • Am Bildschirm lassen sich serifenlose Schriften besser lesen, da die Serifen bei geringer Auflösung nur schlecht dargestellt werden.
  • Auf den Farb-Kontrast zwischen Hintergrund und Text achten. (Achtung: Die Farben sehen bei jedem Nutzer und jeder Nutzerin anders aus.)
  • Gemusterte Hintergründe beeinträchtigen die Lesbarkeit.
  • Wenn das Textfeld zu breit ist, fällt es dem Auge schwer, den nächsten Zeilenanfang zu finden.

 

Links:

  • Links sollten möglichst eindeutig beschrieben sein, damit die NutzerInnen sich vorstellen können, wohin der Link führt und entscheiden können, ob sie diese Seite aufrufen möchten.
  • Nicht zu viele Links in einem Text verwenden, da die BesucherInnen sonst vom Text weggeführt werden. Stattdessen kann z.B. erst am Ende des Textes auf weiterführende Informationen verwiesen werden.

Browser und Plug-Ins:

Die meisten Menschen mögen es gar nicht, wenn ihnen vorgeschrieben wird, mit welchem Browser sie eine Seite anzuschauen haben, bzw. welches Plug-In sie installieren sollen, deshalb:

  • Die Seite mit verschiedenen gängigen Browsern anschauen, bevor sie ins Netz gestellt wird.
  • Bei Verwendung von Flash, Java Script o.ä. sollte die Seite auch ohne diese Plug-Ins vernünftig dargestellt werden.
  • Die Seite auch mal mit verschiedenen Bildschirmauflösungen betrachten.

Linktipp:

 

Der Lehrerfortbildungsserver Baden-Württemberg bietet Informationen zu verschiedenen Gestaltungsaspekten bei Websites.


Autorin: Henriette Carle, MediaCulture-Online

Creative Commons License

Dieser Text ist unter einer Creative-Commons-Lizenz lizenziert. Sie dürfen den Inhalt vervielfältigen, verbreiten und bearbeiten, wenn Sie den Namen des Autors nennen und den Text unter den gleichen Lizenzbedingungen weitergeben. Bitte beachten Sie, dass die Bilder anderen urheberrechtlichen Bestimmungen unterliegen.

Externer Linktipp: Internet

Lehrerfortbildungsserver:
Hier finden Sie Anleitungen zu verschiedenen Editoren (Dreamweaver, Mozilla Composer, Frontpage), zu Flash, HTML und FTP-Programmen
mehr...

Literaturtipps: Webseiten basteln

Wolfgang Sachße:
Web-Design für Einsteiger

Saim Rolf Alkan:
Texten für das Internet

Rudolf Arnold:
Wie kommt der Sound ins Internet

Gabriele Hoofacker:
Rechtliche Aspekte von Online-Publikationen

Günther Hörz:
Rechtliche Aspekte bei der Nutzung des Internets durch Schulen