Den ersten Eindruck beim Aufruf einer Website hinterlässt das Layout. Ein erfolgreiches Webdesign will geplant sein. Während man in einem ersten Schritt die Inhalte sortiert, konstruiert man im nächsten Schritt eine Navigation. Steht die Navigation, verteilt man als nächstes die Website-Elemente.

Bevor man das Design einer Website in XHTML-Befehle gießt, muss man sich erst einmal für ein Layout entscheiden. Zahlreiche Fragen stehen in einem solchen Fall im Raum: Welche Inhalte kommen auf die Startseite? Wohin setze ich die Navigation? Welche Farben setze ich ein? Und, und, und,...

Website-Optimierung: Klare übersichtliche Strukturen

Neben einem einwandfreien Quellcode fördert natürlich auch das Layout, die Benutzerfreundlichkeit und die Klarheit eines Angebotes die Besucher- und Klickzahlen. Wenn man sich erfolgreiche amerikanische Websiten wie TechCrunch, ReadWriteWeb oder engadget.com ansieht, erkennt man, wie sich klare Layouts auch weiterhin durchsetzen. Interessiert beobachte ich dabei, dass sich bei professionellen Websites derzeit mehrere Trends bemerkbar machen.

Die Einflüsse von Web 2.0-Apllikationen auf das Design

Zahlreiche Web 2.0-Aplikationen und Services konzentrierten sich in den letzten Jahren auf ein klares, einfaches und reduziertes Webdesign. Während früher kilometerlange Startseiten "in" waren, versuchen derzeitige moderne Services wie Technorati, Flickr, delicious und all die anderen so einfach und einsteigerfreundlich wie möglich daherzukommen. Die Vielfalt der Funktionen entdeckt man erst nach und nach. Das hat sich auch auf Weblog-Designs ausgewirkt.

Zwar glänzten Weblogs in der Regel schon immer mit einfachen Strukturen und Layouts, doch zahlreiche Ideen und Widgets der Web 2.0-Ära haben auch hier Spuren hinterlassen. Einige Weblogs wirken dank der Widgets oftmals wie alte Homepages. Außerdem verlangsamen Javascripte und Flash-Spielerein den Ladevorgang.

Spannend und logisch ist zum Beispiel das professionelle Weblogs zunehmend auf ein Webdesign setzen, dass für Bildschirme mit Auflösungen ab 1024x768 optimiert wurde. Das kann ich anhand meiner Phlow-Statistiken nur bestätigen. Bildschirmauflösungen von 800x600 Pixel rangieren zwischen 5-10%.

Um die zahlreichen Widgets, die Werbung und natürlich die Inhalte unterzubringen, setzt sich neben einer Auflösung von 1024x768 außerdem ein drei-spaltiges dynamisches Raster zunehmend durch. Die zweite Spalte wird dabei je nach Bedarf noch einmal unterteilt, um kleinteiligere Inhalte darzustellen. Bei TechCrunch und ReadWriteWeb sind das zum Beispiel die 125x125 Buttons der Sponsoren.

Spannend zu sehen ist auch, dass die Platzierung der URLs der RSS-Feeds prominent und weit oben angesiedelt ist. Der Einsatz von Feedburner scheint sich hier konstant und immer mehr durchzusetzen. Gerne bauen die Blogger auch den Feedburner-Button ein, der die Anzahl der Subscriber anzeigt. Psychologisch hinterlässt das definitiv eine Wirkung. Je mehr Subscriber die Feeds abonnieren, desto mehr Sogwirkung erzeugt ein solcher Button. Ganz nach dem Motto: Oh, wenn andere den Feed subscriben, dann müssen die Inhalte ja klasse sein.

Zum Schluss müssen noch die 125x125-Banner erwähnt werden. Die gehören auf amerikanischen Websites mittlerweile zum guten Ton. Und Sponsoring scheint sich zumindest bei den großen Blogs durchgesetzt zu haben. Diese Banner ersetzen zunehmen die hässlichen 468xnochwas Banner der alten 1.0 Internet-Ära.

Habe ich sonst irgendwelche wichtigen Trends übersehen?!?