Der Kampf mit dem Spalten-Layout

von Fries Websolutions

Die großen Portal und Nachrichten-Seiten werden von den Webdesignern häufig als Vorbilder gesehen. Denn was Spiegel, Stern und Focus mit ihren Designern auf die Beine stellen, kann ja vom Layout nicht verkehrt sein. Aber diese Annahme trügt, wenn man mal die Seiten genauer genauer anschaut.

Auf der Suche für das Web-Layout holen sich die Designer gern Anregungen bei den großen Vorbildern, denn die großen werden schon Recht haben. Aber man sollte sich nicht nur auf andere verlassen, vor allen Dingen, was die Usability angeht, sollte man schon seine eigenen Designprozesse einfließen lassen.

Der Focus setzt zum Beispiel auf ein dreispaltiges Layout mit 800 Pixeln Mindestbreite. Dass es drei Spalten handelt, sieht man nicht sofort, denn die Spalten besitzen alle ähnliche Grautöne als Hintergrund. Erst in dem unteren Bereich wird der Hintergrund der mittleren Spalte auf Weiß gesetzt. Nicht ganz glücklich, denn am Seitenanfang wird die mittlere Spalte durch zwei farbig abgehobene Kästen optisch getrennt.

Unruhig, inkonsequent und unnötig anstrengend

Aber die Seite vom Focus braucht keine Konkurrenten zu fürchten. Denn die drei Spalten wecken auf jeden Fall die Aufmerksamkeit des Besuchers. Aber man keine Schwerpunkte, mit besonders wichtigen Inhalt erkennen. Abbildungen wirken wie wahllos verstreut. In dem oberen Bereich löst der Designer die gleichmäßige Farbverteilung auf. Direkt neben dem aktuellen Leitartikel wirbt ein gelber Block, und versucht auf nicht-aktuelle Themen aufmerksam zu machen.Im Grunde genommen ein Durcheinander, das dem Auge nur wenig Ruhe gönnt.

Die Titelseite des Stern braucht gar 1000 Pixel Breite; 80 Pixel davon sind verschenkter weißer Rand. Das Layout hat vier Spalten und wird rechts mit einer zusätzlichen Werbeleiste ergänzt; denn auch hier wird mit schwachen Grautönen gearbeitet. Aber der Einsatz von Bildern lässt alles sehr unruhig aussehen.

Große Bilder erdrücken die Texte

Weiter unten hin scheint es Besser zu werden. Die linke Spalte löst sich auf, die große Eigenanzeige rechts verschwindet, und die Rubriken werden handwerklich ordentlich mit den Bildern, die Rubriken und drei weiteren Schlagzeilen werden angerissen. Aber der Leser, wird durch eine weitere Spalte rechts daneben abgelenkt: Die Spalte besitzt nämlich 50% der Breite, von der Hauptspalte und wirkt noch viel breiter, weil sie mit massiven Bildern voll ist; eigentlich müsste sie deutlich schmaler sein.Warum wurde der helle Grauton in der linken leeren Spalte nicht weitergeführt.

Die Startseite des Spiegel kommt mit 790 Pixeln Breite aus, und verwendet ein klares Dreispalten-Layout. Die Spiegel-Designer haben schon wesentlich mehr richtig gemacht: Die mittlere Hauptspalte ist mit dem Grauton hinterlegt und wird von der dunkleren Rubriken spalte links mit dem Rot-Ton gestützt. Rechts wird sie Schlagzeilen eingefasst. Es fällt auch auf, dass die Schrift sehr angenehm lesbar ist. Auf den ersten Blick ist erkennbar, was gewollt ist, wo wichtiger Inhalt ist, und wo andere, nicht so wichtige Inhalte zu finden sind.

Konservativ, klar, lesefreundlich

Aber weiter unten sieht die Spiegel-Seite nicht ganz so toll aus. Auf mittlerer Seitenhöhe verschlechtert sich die Lesbarkeit. In der Linken Spalte endet das Rot, und in der Hauptspalte wird der Hintergrund auf weiß gesetzt. Und dann steht die Mittlere Spalte mit einigen Kästen in Konkurrenz. Die Hauptspalte wird auf Grund ihrer Breite hervorgehoben, und die Randspalten versinken. Am Seitenende verschwinden die beiden Randspalten, und die Hauptspalte rechts wird gestützt. Die Seite wirkt sehr Konservativ. Kommt ihr aber zu Gute, denn durch Einsatz von Farben und Bildern erhöht die Lesbarkeit der Seite.

Webdesigner können den Lesern das Leben manchmal schwer machen. Eigentlich gibt es für alles einfache Regeln: Durch ein gut durch dachtest Layout, kann man optische Schwerpunkte zu setzen. In einem Layout überträgt sich die Unruhe auf den Leser. Das Wichtigste einer Seite gehört nach oben, und man muss es hervorheben. Desto mehr Spalten ein Layout besitzt, desto schwieriger ist es für den Leser, sich zu Orientieren, und es besteht die Gefahr, das der Leser nicht mehr bescheid weiß, rechts oder links, oben oder unten, wohin sollen seine Augen wandern.