Das richtige Layout und die richtigen Farben sind ein nicht zu vernachlässigender Punkt, wenn es darum geht ob eine Website erfolgreich wird oder nicht. Als erstes möchte ich mich dem Thema „Das richtige Layout“ widmen. Eine Website besteht im Wesentlichen aus einer Navigation und einem Bereich, in dem die Inhalte stehen. Der Bereich für die Inhalte sollte natürlich möglichst groß sein, damit viel Inhalt auf die Seite passt. Wenn bereits nach wenigen Worten ein Zeilenumbruch erfolgt, läuft irgendetwas schief: Der Inhaltsbereich ist nicht breit genug. Das erschwert die Lesbarkeit enorm, kaum jemand wird sich die Inhalte durchlesen, im Gegenteil, wenn jemand die Seite besucht, wird er sie bald wieder verlassen. Als Faustregel gilt: Der Inhaltsbereich sollte mindestens zwei Drittel der Breite der kompletten Seite haben, die komplette Seite sollte bei einer Auflösung von 1024x768 Bildpunkten fast über die gesamte Breite des Browserfensters gehen (siehe http://money.greatstuff.at/). Optimal wäre natürlich eine Website, die sich an die Auflösungen der jeweiligen Benutzer anpasst – je nach Auflösung sollte sich die Seite demnach über die (beinahe) volle Breite des Browserfensters erstrecken.
Navigationen gibt es mittlerweile schon in allen erdenklichen Formen: Als Ausklappmenüs, einfache Listen, Buttons, Grafiken oder auch simple Textverweise. Für die Positionierung der Navigation gibt es vier Möglichkeiten: Entweder eine vertikale Ausrichtung am linken oder rechten Rand der Seite oder eine horizontale Leiste über oder unter dem Inhaltsbereich. Doch bevor man sich über Gestalt und Aussehen der Navigation Gedanken macht, sollte man wissen wozu eine Navigation gut ist. Nur durch eine Navigation findet sich der Benutzer auf einer Website zurecht. Es bringt nichts, wenn der Benutzer zwar weiß, dass es auf der Site Artikel gibt, aber keinen Verweis zur entsprechenden Seite finden kann. Darum sollte sich der Webdesigner von Anfang an überlegen, wie er seine Navigation gestaltet. Für den Benutzer muss es im Endeffekt auf den ersten Blick klar sein, was er auf der Seite finden kann und was das Thema der Seite ist. Ein weiterer wichtiger Punkt, was das Layout einer Seite betrifft, ist Einheitlichkeit. Jede Unterseite sollte gleich aufgebaut sein, sprich, dasselbe Layout und Design besitzen. Ein Beispiel zu Veranschaulichung: Wenn auf der Startseite die Navigation links ist, dann sollte auf jeder Unterseite die Navigation ebenfalls links sein.
Ein weiterer wichtiger Faktor, wenn es um Erfolg oder Misserfolg einer Website geht, sind die richtigen Farben. Für Anfänger mag das gar nicht so einleuchtend sein, viele denken je bunter und greller die Farben, desto besser. Doch genau das Gegenteil ist Realität: Je unauffälliger die Farben, desto besser. Es sollten maximal drei bis vier verschiedene Farben verwendet werden, die gut zueinander passen. Viele Unwissende machen den Fehler, grellen Text auf dunklem Hintergrund zu verwenden. Auch wenn es vielen Leute gar nicht auffällt: Unbewusst erschwert diese Kombination das Lesen der Inhalte enorm – auch wenn es eventuell ganz gut aussehen mag. Die Textfarbe sollte immer möglichst dunkel, wenn nicht sogar schwarz, sein, während der Hintergrund möglichst hell sein sollte. Die beste Kombination, was die Lesbarkeit angeht, ist und bleibt schwarzer Text auf weißem Hintergrund. Außerdem sollten hinter dem Text keine aufwändigen Hintergrundgrafiken vorhanden sein, weil auch darunter die Lesbarkeit einer Seite leidet.
Auch bei die Wahl der Grafiken muss mit Bedacht erfolgen. Große Grafiken sind schön – Haben allerdings nichts auf Webseiten zu suchen! Wenn man Grafiken verwendet, sollten diese (von der Dateigröße aus gesehen) möglichst klein gehalten werden. Das bedeutet: Verwenden Sie keine Bitmaps (BMP), auch wenn dies theoretisch möglich ist. Greifen Sie lieber auf das Joint Photographic Experts Group (JPEG, kurz JPG) Format zurück. Hierbei werden Bilder gut komprimiert und die Verluste in der Qualität sind nicht allzu hoch. Halten sie außerdem Abstand von zu vielen animierten Grafiken. Dies schränkt die Benutzerfreundlichkeit weiter ein. Allgemein gilt: Achten Sie auf eine gute Lesbarkeit der Inhalte, kurze Ladezeiten (Grafiken!), gut abgestimmte Farben, ein einheitliches Design und Layout sowie eine sinnvolle und Zielführende Navigation.

Kapitelübersicht · Zurück zum vorigen Kapitel · Weiter zum nächsten Kapitel

http://www.castelligasse.at/castelli-online/web-design/web-design.htm
http://www.metacolor.de/