Webdesign / Kompaktes Design

Der erste Gedanke beim Design der Startseite gilt der Dateigröße. Wer bereits hier alle Register seiner vielfarbmultimedialen Mac-Vorbildung zieht, schafft zwar hübsche Resultate. Aber bis die geladen sind, hat sich der Leser schon wieder verzogen. Bleiben Sie aus diesem Grund kompakt. Beschränke Sie sich auf das Logo, und breiten Sie dieses nicht über die gesamte Breite des Browserfensters aus. Auf der Startseite sollte die Grafik maximal 15 bis 20 KByte groß sein.

Größenbeschränkungen gelten auch für Textinhalte. Verschieße dein Informationspulver nicht schon auf der ersten Seite. Sie soll nur als Inhaltsverzeichnis und Verweis auf die Inhalte dienen.

Zu den großen Sünden des Startseiten-Designs zählen Sounds. Es ist nicht notwendig, einen neuen Leser mit einem digitalisiertem "Herzlich Willkommen auf der Hompage von Hubert Meier" zu beglücken. Denn das WAV-File kostet zu viel Platz. Auch launig vor sich hin klimpernde MIDI-Files stören in der Regel, besonders wenn sie losplärren und sich nicht abschalten lassen.

Nicht nur die Dateigröße muss klein bleiben. Optimal ist eine Startseite erst, wenn sie auf einen Blick erfaßbar bleibt. Bei Auflösungen von 640x480 Bildpunkten ist das schwer zu realisieren. Zumindest jedoch sollten Leser mit 800x600er Auflösung deine Hauptseite ohne Scrolling einsehen können.

Kritisch auf Startseiten sind Java- und Javascript-Applikationen: Java-Applets brauchen beim Laden zu lange - und das Resultat ist meist eine wenig nutzbringende Animation. Außerdem schreckt das Applet oder ein nicht sauber funktionierendes Javascript-Programm Leser ab. Stellen Sie aber sicher, dass die Links auch ohne Javascript-fähige Browser arbeiten, und kommentieren Sie die Scripts sauber aus. Beonders für die Startseite gilt höchste Testpflicht: Probieren Sie Javascripts mit wirklich allen verfügbaren Browsern aus, auch mit deren älteren Versionen.

Wenn ihr Server über eine Suchmaschine verfügt, binden Sie diese gleich auf der Startseite ein. Das hilft dem Leser, noch schneller an die Infos zu kommen. Müssen Sie ohne dieses Feature auskommen, hilft ein Querverweis auf eine Stichwortliste.

Etwas aus der Mode gekommen sind Client Side Image Maps. Sie finden nur noch selten Verwendung.
Ihr Nachteil: Sie sind nicht flexibel genug. Wer seine Links nur mit Image Maps setzt, muss bei einer Änderung der Inhalte gleich die komplette Grafik und die Koordinaten der anklickbaren Bereiche ändern.
Dennoch: Für feststehende Elemente, etwa das Logo, sind die Grafik-Veteranen durchaus noch brauchbar.
Lassen Sie sich aber nicht von der Freihandfunktion mancher Image-Map-Editoren verführen. Selbst wenn Sie damit einen exakten Umriß zeichnen können, sind eine Unmenge an Koordinatenpaaren das Resultat, die alle übertragen werden wollen. Nutzen Sie besser Rechtecke und Kreise, oder sparen Sie in der Freihandfunktion Details aus. Die reizvolle Alternative sind mit Grafiken gefüllte Tabellen. Sie erfordern etwas mehr Aufwand bei der Programmierung, sind jedoch weitaus flexibler. Statt der kompletten Grafik tauschen Sie bei Änderungen in einer Tabelle nur ein Element.

Selbst hartgesottene Webskeptiker haben inzwischen eingesehen, dass Frames Nutzen bringen. Ein zweigeteilter Screen bietet sich an, um in dem einen Frame Navigationshilfen und in den anderen die Informationen unterzubringen.
Framedesigner müssen sorgfältig vorgehen und darauf achten, dass sämtliche Links im richtigen Rahmen landen. Denn es ist für den Leser ärgerlich, sich in einem Gestrüpp aus Frames zu verlieren. Der Parameter target und seine Werte _self, _parent und _top helfen hier.