Parallax Effekt

Mit Scrollen Tiefeneffekte erzeugen

Manche Webseiten lassen sich so durch das Scrollen des Mausrades steuern, dass Elemente nahezu schwebend bewegt werden. Vorne liegende Objekte bewegen sich dabei schneller als weiter hinten liegende. Den dabei gewonnenen Eindruck von Tiefe bezeichnet man als „Parallax Effekt” oder „Parallax Scrolling”.

Dieses Konzept ist besonders geeignet für das Storytelling, da eine kontinuierliche Geschichte erzählt werden kann. Unterstützende Animationen wie Ein- und Ausblenden sowie diverse Scroll-Effekte sollen den Inhalt unterstützen.

Deshalb ist ein Parallax Effekt wichtig

Das Ziel der Methode besteht darin, einen bleibenden Eindruck durch die ausgefallene Präsentation beim Nutzer zu hinterlassen, und die Bedienung der Webseite angenehm und interaktiv zu gestalten. Die Gefahr dabei besteht, dass vor lauter technischer Spielerei die Informationen, die eigentlich vermittelt werden sollen, untergehen oder der Besucher von der Bedienung verwirrt wird.

Es darf auf keinen Fall die Benutzerfreundlichkeit darunter leiden. Ein weiterer wichtiger Punkt liegt in der mobilen Darstellung, welche Parallax Scrolling nicht immer richtig darstellen kann. Daher sollte Parallax Scrolling nur minimalistisch und sehr gezielt eingesetzt werden.

Bedeutung für die Programmierung

Parallax Scrolling wurde als Trend gefeiert und kam bei vielen erfolgreichen Projekten zum Einsatz. Doch diese Webseiten waren speziell dafür ausgelegt. Wer Parallax Scrolling als Selbstzweck versteht, ist mit anderen Arten des Webdesigns wahrscheinlich besser beraten. Als Mittel zum Storytelling auf sogenannten “Onepagern” ist es indessen besonders gut geeignet – vor allem dann, wenn das Ziel der Website klar definiert ist und die Umsetzung des Projektes nach allen Regeln der Kunst erfolgt.

Ähnlich wie bei OnePager-Websites sind unbedingt SEO- und Performance-Kriterien zu beachten: Es können lediglich die OnPage-Faktoren von einzelnen Seiten optimiert werden und die Breite an Keywords ist ebenfalls begrenzt. Interne Verlinkungen sind nur bedingt möglich und nicht alle Parallax Scrolling Websites sind responsiv und für mobile Endgeräte geeignet. Zwar kann Google mittlerweile mit JavaScript-Code relativ gut umgehen, aber die Text-to-Code-Ratio dürfte nicht besonders hoch sein.