Layout-Beispiele
Hier finden Sie einige Überlegungen, die Ihnen helfen sollen das passende Layout für Ihre Website zu bestimmen – z.B. die Frage nach der Position der Website im Browserfenster, der Portionierung des Inhaltes und ob die Seite mit der Fenstergröße skalieren soll.
Außerdem sollen einige Möglichkeiten der Spaltenaufteilung gezeigt werden, deren Anwendung sich nach dem Verwendungszweck der Website richtet: wieviel Content soll die Seite verwalten, hauptsächlich Text oder viele Bilder, wird auf der Website durch Dritte geworben etc.
Position der Website
Zuerst gilt es, die Position der Webseite innerhalb des Browserfensters zu bestimmen, da sich daraus der grundsätzliche Aufbau des Internetauftrittes ableitet. Hier gibt es im Prinzip drei unterschiedliche Konzepte:
- Links oben ausgerichtet: Bei Skalierung des Fensters, bleibt die Webseite dennoch gleich groß und an der selben Position.
- Horizontal zentriert: Bei Skalierung des Fensters, bleibt die Webseite gleich groß, aber sie bleibt zentriert in der Mitte des Fensters.
- Zentrierter Block: Bei Skalierung des Fensters, richtet sich die Seite horizontral und vertikal in der Mitte des Fensters aus.
Portionierung des Inhalts
Die Entscheidung über die Art der Portionierung des Inhaltes ist ein weiterer wesentlicher Punkt, der im Vorfeld geklärt werden sollte, da er wesentlich die Anordnung von Navigation und Inhalt beeinflußt.
- Seitenorientiert: Der Inhalt der Seite wird so portioniert, dass der Seiteninhalt auf einen Blick erfasst wird und nicht gescrollt werden muss.
- Scrollende Seite: Die Webseite wird in die Länge befüllt und ermöglicht das rauf und runter scrollen
Skalierung des Inhalts
Die Frage nach der Skalierung des Inhalts ist eine weitere wesentliche Entscheidung in puncto Benutzerfreundlichkeit. Dazu muss im Vorfeld überlegt werden, ob die Website auch auf mobilen/kleinen Endgeräten gut lesbar bleiben soll, oder ob sich die Zielgruppe auf Desktop-Computer beschränkt.
- Nicht skalierende Website
- Horizontal skalierende Website
Position
Die Position links oben ist am weitesten verbreitet, viele Online-Portale wählen dieses Schema, da die wichtigsten Informationen auch bei kleinen Bildschirmen und auf mobilen Geräten gut erfasst werden können.
Beispiele: 
google.at (außer auf der Startseite), orf.at, derstandard.at
Die Position horizontal zentriert ist auch sehr weit verbreitet, was oft eleganter aussieht als die Version links oben. Beispiele: google.at (Startseite), yahoo.com
Die Position zentrierter Block ist bei Content Management Systemen selten anzutreffen, aber trotzdem möglich. Bekannt ist diese Version vor allem von Flash-Seiten.
Portionierung
Eine seitenorientierte Portionierung des Inhaltes hat den Vorteil, dass alle Informationen einer Webseite, ähnlich einem Blatt Papier, auf eine Blick erfasst werden können.
Beispiele: one.at (großteils),gracenote.com (großteils)
Scrollende Seiten sind der Standard im Internet, zumal die Größe des Bildschirms des Benutzers nie genau vorhergesehen werden kann. Scrollende Seiten können viel Inhalt pro Seite aufnehmen, erfordern aber eine zusätzliche Entscheidung:
Fixe, nicht scrollende Navigation oder
Bewegliche Navigation, die beim Scrollen verschwindet
Eine fixe Navigation bietet den Vorteil, dass alle Bereiche der Website jederzeit erreichbar ist, während die bewegliche Navigation mehr Platz für den Inhalt lässt.
Skalierung
Webseiten, die horizontal nicht skalieren, haben den Vorteil, dass sie optisch konsistent sind und Texte genau in der gewünschten Spaltenbreite laufen und somit auf optimale Lesbarkeit hin optimiert werden können. Allerdings kann der rechte Bildrand leicht verschwinden, wenn die Bildschirmauflösung des Benutzers zu klein ist.
Webseiten, die horizontal skalieren, haben meist einen variabel breiten Hauptbereich, der sich je nach Browserfenster dehnt oder zusammenzieht. Das hat den Vorteil, dass auch auf kleinen Monitoren der gesamte Inhalt eingesehen werden kann. Andererseits können aber auch unendlich lange und unleserliche Textzeilen entstehen.