Stärken des horizontalen Scrollens
Auf mobilen Geräten mit Touchfunktion spielt horizontales Scrollen seine große Stärke aus. Im Gegensatz zur Mouse-Navigation ist das horizontale Wischen mit dem Finger eine effiziente und intuitive Geste, mit der schnell und gefühlvoll im Content navigiert werden kann.
Weitere Vorteile des horizontalen Scrollens
- So lange das Interaktionsprinzip nicht weit verbreitet ist, kann es Markenwebsites zu Einzigartigkeit und Charakter verhelfen.
- Es ermöglicht eine bildgewaltige Wirkung und ist stark darin, Inhalte visuell und großflächig zu inszenieren.
- Es ist intuitiv auf Touch-Screens bedienbar.
- Es erleichtert einfaches Stöbern und fördert Inspiration.
Schwächen des horizontalen Scrollens
Horizontales Scrollen fällt Nutzern in Usability-Tests eher negativ auf. Sie sind es gewohnt, im Web von oben nach unten zu scrollen. So testete kürzlich eine Internetbank eine Aktien-Übersichtstabelle, die horizontales Scrolling einsetzte. 3 von 7 Testern bemerkten den horizontalen Scroll-Balken erst gegen Ende des Tests. Bis dahin hatten sie einen Großteil der Informationen gar nicht beachtet.
Weitere Nachteile des horizontalen Scrollens
- Es ist ungewohnt für viele Nutzer und wird oft übersehen.
- Es kann Orientierungslosigkeit verursachen, weil den Nutzern wechselnde Navigationspunkte fehlen.
- Die Kombination von vertikalem und horizontalem Scrollen kann verwirren, da es mehr als eine Bewegungsrichtung gibt.
- Websites wirken überladen.
- Der Content ist weniger effizient zu erschließen, da mehrfach geklickt werden muss und nicht mit dem Maus-Rad gescrollt werden kann (dabei ist diese Umsetzung auch möglich).
- Es ist aufgrund des begrenzten Platzes nicht für die Darstellung umfangreicher Textmengen geeignet.
Positive und negative Beispiele von horizontalem Scrollen
Auf der Website von Metadesign wird das bereits angesprochene Problem des Orientierungsverlusts bei der Kombination von horizontaler und vertikaler Scroll-Richtung deutlich. Als Nutzer ist es schwer zu erkennen, wann horizontal gescrollt werden kann. Die Seite wirkt außerdem durch die verschiedenen Scroll-Abschnitte überladen und unübersichtlich.
Bildgewaltig, aber unübersichtlich. Informationen gehen verloren und der Nutzer wird von den Reizen erdrückt.
Die bildgewaltige, fast schon magazin- und galerieartige Wirkung wird vor allem auf Portfolio-Seiten deutlich. Die Künstlerin Stephanie Tartelin inszeniert Ihre Werke auf diese Weise. Sie nutzt außerdem keine Navigationspfeile, sondern das Scrolling funktioniert auch über das Mausrad. Der Nutzer kann sich dadurch viel leichter durch die Galerie bewegen.
Mehrere Bilder können gleichzeitig großformatig dargestellt werden – ein Vorteil von horizontalem Scrollen
Fazit – Mehrwert hängt vom Use-Case ab
Die Verwendung horizontalen Scrollens hängt ganz vom Use-Case ab. Für Portfolios, Brand-Seiten und auf mobilen Geräten kann es sinnvoll sein, doch den meisten Websites raten wir vom Einsatz ab, da es bei den Nutzern zu Verwirrung und Orientierungslosigkeit führen kann.
Wie ist Ihre Meinung:
Kennen Sie positive oder negative Beispiele horizontalen Scrollens? Würden Sie den Einsatz auf Ihrer Website in Erwägung ziehen?
Schönen guten Abend.
Ich habe eine Frage zum horizontalen Scollen.
Meine Webseite stellt oft aus breiten Excel-kopierte Tabellen dar. Würde sie gern größer präsentieren, schon wegen der Leserlichkeit. Wäre hier das horizontale Scollen auf jedenfall von Vorteil ?
Danke vorab für die Informationen.
Hallo Marc,
danke für deinen Kommentar!
Geht es um die Website fcb-forum.net? Ich habe mal eben einen unserer Usability-Berater drauf schauen lassen und wir würden dir empfehlen, horizontales Scrollen zu vermeiden, auch bei breiten Tabellen. Schau mal z.B. in Google Analytics nach, welche Bildschirm-Breite 80% deiner User haben und dehne den Inhalt dann auf diese Breite aus (hier findest du auch eine Statistik dazu: http://t3n.de/news/web-nutzung-deutschland-infografik-2-731782/) Breiter sollte es jedoch nach Möglichkeit nicht werden.
Für die Leserlichkeit kann es schon helfen, die einzelnen Zeilen abwechselnd leicht einzufärben, damit man nicht so leicht in der Zeile verrutscht.
Falls du dich doch für das horizontale Scrollen entscheidest, solltest du auf jeden Fall sichergehen, dass die erste Spalte immer sichtbar ist, um die Orientierung in der Tabelle zu erleichten.
Ich hoffe, das hilft dir weiter!