Zurück zu den Artikeln
Design

Bye Bye Parallax-Scroll-Effekt?

Auf die Frage, wie ich ein Bild mit Parallax-Scroll-Effekt im TYPO3-Backend definieren kann, erwiderte jemand im Team: “Ist das nicht schon wieder out?”. Die Frage ist sicher berechtigt, und bewegte mich deshalb dazu, ein paar Punkte dazu zu recherchieren.

Besonders lesenwert für

CEO
CTO
CMO
Creator

Der Effekt ist schon seit einigen Jahren sehr verbreitet und kann, richtig angewendet, schöne Ergebnisse liefern (ein gutes Beispiel findet sich hier). Parallax Scrolling ist besonders effektiv in Szenarien mit starken visuellen Galerien oder linearem Storytelling. Unternehmen und Einzelpersonen verwenden beispielsweise Parallax-Scrolling, um Portfolios, Produktpräsentationen und Storyboards mit erweiterten Funktionen und Dynamik zu versehen.

Es gibt jedoch sowohl Vor- als auch Nachteile für die Verwendung von Parallax Scrolling auf einer Website, und es ist wichtig, beide Seiten zu berücksichtigen, bevor Sie auf den Parallax-Zug springen.

Vorteile

  1. Es hat die Fähigkeit, ein dynamisches, interaktives Benutzererlebnis zu schaffen, das sehr visuell ansprechend sein kann.
  2. Sie können Ihren gesamten Inhalt auf einer Seite ablegen, sodass Benutzer nicht durch mehrere verschiedene Seiten navigieren oder warten müssen, bis sie geladen sind.
  3. Designer benutzen Grafiken und Farben, um die Nutzer auf der Website zu leiten. Mit Parallax Scrolling kann der Benutzer buchstäblich in jede Richtung, die der Designer oder UX-Experte möchte, auf der Website geführt werden.

Nachteile

  1. Da Parallax-Scrolling eine starke Animation ist, kann das Laden von Seiten länger dauern und es funktioniert nicht reibungslos über alle Browser hinweg.
  2. Die Website sollte einfach zu bedienen und leicht zu navigieren sein. Dies kann schwierig sein, wenn Parallax Scrolling nicht korrekt angewendet wird. Die Verwendung des Effekts auf einer inhaltslastigen Site kann zu viel Scrollen erfordern, was den Benutzer frustrieren und das Lesen erschweren kann.
  3. Wenn Ihre Website Parallax-Scrolling verwendet, ist es wichtig zu wissen, dass sie auf einem mobilen Gerät nicht gleich aussieht, wie auf einem PC. Das ist kein grosses Problem, aber der Entwickler muss wissen, wie er den Effekt von einem PC auf ein mobiles Gerät korrekt umsetzt, um grosse Kompatibilitätsprobleme zu vermeiden.
Design

Was sind die Vorteile von A/B-Tests?

Kleinste Details haben heutzutage im E-Business einen grossen und direkten Einfluss auf den Umsatz, sowohl bei Produkten als auch bei Dienstleistungen. Das Testen Ihrer Inhalte ist der perfekte Weg, um sicherzustellen, dass das, was Sie vermitteln wollen, auch wirklich ankommt. Doch wie werten Sie die Ergebnisse aus?
Design

Acht einfache Tipps für ein gutes Design-Briefing

Nach Hunderten von Design-Briefings wissen wir, wie verlockend es ist, ihren Wert zu verwerfen, da sie allzu oft fehlerhaft sind und in eine Reihe bedeutungsloser Aussagen und Regeln fallen. Ein gut geschriebenes Design-Dokument hingegen ist für den Designer ein so nützliches Werkzeug, dass sein Wert nicht unterschätzt werden darf.
Corporative Websites

Unter der Oberfläche

In diesem Artikel verraten wir Ihnen ein paar einfache, aber sehr effiziente Tipps, wie Sie den Content Ihrer Website gehörig aufwerten. Das mag nicht der spannendste Teil Ihrer Content-Arbeit sein, aber ist dafür nicht minder wichtig.

Zu guter Letzt ist es beim Entwickeln mit Parallax-Scrolling wichtig zu verstehen, wie man es im Zusammenspiel mit SEO verwendet, was Entwickler natürlich immer tun sollten. Wenn Sie darüber nachdenken, wie sich Parallax-Scrolling auf Ihre Website auswirkt, müssen Sie letztendlich das gesamte Bild betrachten, zum Nutzer werden und wissen, wann weniger mehr ist. . . und wann eben mehr. Schlussendlich ist es natürlich zu einem gewissen Grad auch einfach Geschmackssache. Was halten Sie vom Parallax-Scrolling-Effekt? Teilen Sie uns Ihre Meinung im Kommentar mit!

Diesen Artikel teilen

Gefällt Ihnen unser Artikel? Teilen Sie ihn, um ihn noch weiteren Personen zugänglich zu machen. Vielen Dank!

Passende Artikel

Corporative Websites
Online Marketing
Design

9 Tipps, um Ihre Webseite zu optimieren und mehr Kunden zu gewinnen

Wenn Sie ein Unternehmen im 21. Jahrhundert leiten, ist es zwingend notwendig, eine attraktive und funktionelle Webseite zu besitzen. Eine hochwertige Webseite ist ein Zeichen für ein schnellwachsendes und erfolgreiches Unternehmen.
Design
E-Commerce
Corporative Websites

Monster Teil 1: Konzept und Design

Das Monster der unbequemen Fragen, das dieser Serie den Namen gibt, gliedern wir in sechs Arme, welche die Schwerpunktthemen darstellen. Jedes dieser Themen setzt sich wiederum aus Teilaspekten zusammen. Pro Artikel werden wir uns zwei Schwerpunkte anschauen. Lassen Sie uns heute mit der Konzeption und dem Design beginnen.
Design

Probleme mit Personas

Wer mich kennt, weiss: «Kalt mag keine Personas.» Ich fand es immer schon Zeitverschwendung, tagelang Personas auszuarbeiten, nur um nachher Gefühle zu bestätigen. Dieses Mittel der Empathie-Methoden hat in den letzten Jahren geboomt. Doch nun mehren sich die Zweifel breit. Werfen wir einen genaueren Blick auf das Problem.