Serie Modernes Webdesign – Teil 1: Scrollbar – Ja oder Nein?

Auf der neuen BB-ONE.net Site (relaunch.bb-one.net, Achtung: Baustelle!) verwenden wir zum Beispiel einen weiteren Scrollbalken aus Punkten, der anzeigt, wo genau sich der Nutzer auf der Webseite gerade befindet. Er kann auf einen der Punkte klicken und springt dadurch auf die entsprechende Stelle der Seite. Darüber hinaus bleiben wichtige Referenzpunkte zur Orientierung fixiert. Dazu gehört der Kopfbereich (Header) inklusive der Hauptnavigation (Main Menu). Und das durchgängig für alle Seiten.

Testergebnis bei Google Search für BB-ONE.net – Das Magazin

Einmal testen, bitte

Als erstes sollten Sie überprüfen, wie flexibel Ihre WebSite auf moderne Endgeräten reagiert und wie das Ergebnis aussieht. Hierzu reicht es im ersten Schritt, einfach mal Ihr Browser-Fenster zu verkleinern. Wenn Sie den kleinen „Rahmen“ ganz rechts oben anklicken und dann die Rahmengröße mit der Maus verändern, dann können Sie damit spielen und verschiedene Bildschirmgrößen grob simulieren. Übrigens sehen Sie dann auch, wie sich Ihre WebSite beim Scrollen verhält.

Doch wenn Sie es genau wissen wollen, dann verwenden Sie ein professionelles Werkzeug. Dazu gehört zum Beispiel der „Test auf Optimierung für Mobilgeräte“ von Google Search. Da Google (leider) der Maßstab für WebSite-Optimierung auf vielen Ebenen ist, sollten Sie hier nicht durchfallen. Leider kann man hier das Scrolling-Verhalten nicht testen. Hier gibt es natürlich auch einige gute Tools, die manchmal allerdings nicht funktionieren, wenn Sie ein gutes SSL-Zertifikat einsetzen (man kann eben nicht alles haben…). Wichtig ist: wenn Ihre WebSite bei den grundlegenden Tests durchfällt, dann sollten Sie den Relaunch nicht mehr auschieben.

Die nächsten Schritte

Natürlich ist das Scrollen nur ein Punkt im modernen Webdesign. Wir wollten an diesem konkreten Beispiel nur  zeigen, unter welchen Voraussetzungen sich Design-Anforderungen nachhaltig ändern können und zum Standard werden. Und selbstverständlich behandeln wir in den Folgebeiträgen der Serie auch Themen wie „Seitenaufbau“, „Farbwahl“, „Typografie“ etc.

Wir hoffen, dass wir Ihnen damit die entsprechenden Ideen, Tipps und Werkzeuge an die Hand geben. Denn schließlich sollen Sie die Entscheidung, ob Ihre WebSites einen Relaunch benötigen, nicht abhängig von irgendwelchen Trends treffen, sondern fundiert. Und wenn Sie eigene Fragen zum Thema „modernes Webdesign“ haben, dann schreiben Sie uns. Wir freuen uns auf Ihre Anregungen.