5 Surefire Möglichkeiten, um Benutzer zum Scrollen zu bringen
Die Tage von "über der Falte" sind vorbei. In letzter Zeit werden immer mehr Scroll-Seiten und unendlich viele Scroll-Seiten populär, und es ist kein Zufall, dass sich diese Technik gut auf mobile Geräte überträgt. Die zunehmende Verwendung von mobilen Bildschirmen hat definitiv eine Schlüsselrolle bei der weit verbreiteten Akzeptanz der langen Scroll-Technik gespielt: Je kleiner der Bildschirm, desto länger die Scroll.
Langes Scrollen eröffnet Designern neue Türen. Dieses Muster hat jedoch seine eigenen Nachteile. Es erfordert, dass Designer eine starke Aufmerksamkeit auf Inhalt, Navigation und Animation richten.
Hier sind 5 Tipps, die Sie beachten sollten, um sicherzustellen, dass Ihr langes Scrollen den Erwartungen der Nutzer entspricht.
1. Stellen Sie von Anfang an interessante Inhalte bereit
Trotz der Tatsache, dass Menschen normalerweise scrollen sobald ihre Seite geladen wird, ist Inhalt oben, sichtbarer Teil des Bildschirms sehr wichtig. Was oben auf der Seite angezeigt wird, erzeugt einen ersten Eindruck und setzt eine Qualitätserwartung für Ihre Benutzer. Benutzer scrollen, aber nur, wenn das, was sie sehen, wenn sie die Seite betreten, vielversprechend genug ist.
Um sicherzustellen, dass Nutzer scrollen, müssen Sie Inhalte bereitstellen, die Ihre Besucher interessieren. Platzieren Sie daher Ihre überzeugendsten Inhalte im oberen Bereich der Seite:
- Stellen Sie interessante Fakten zur Verfügung (Fakten, die Besucher anziehen und ihre Aufmerksamkeit behalten)
- Verwenden Sie ansprechende Bilder (Nutzer achten besonders auf Bilder und Bilder, die relevante Informationen enthalten)
2. Geben Sie Benutzern einen visuellen Hinweis
Manchmal ist der beste Weg, Benutzer zum Scrollen zu bringen, sie direkt zu fragen. Informieren Sie die Benutzer einfach darüber, dass der größte Teil des Inhalts unterhalb der Reichweite verfügbar ist. Ein subtiler visueller Hinweis, z. B. ein Pfeil, der außerhalb des Bildschirms angezeigt wird, oder ein Text, der nach unten scrollt, kann den Benutzer darüber informieren, dass der Großteil des Inhalts unten verfügbar ist.
Pfeil außerhalb des Bildschirms informiert die Benutzer darüber, dass der Großteil des Inhalts unten angezeigt wird.
3. Behalten Sie die Navigationsoptionen dauerhaft sichtbar
Navigation ist ein wichtiger Aspekt der Benutzererfahrung einer Website. Eines der größten Risiken beim Verwenden von langem Scrollen in Ihrem Design ist die Möglichkeit der Benutzerdesorientierung. Wenn die Navigationsleiste beim Herunterscrollen der Benutzer nicht mehr sichtbar ist, müssen sie den ganzen Weg zurückscrollen, wenn sie sich tief in der Seite befinden. Normalerweise verwirrt und frustriert dieses Verhalten die Benutzer.
Die naheliegende Lösung für dieses Problem besteht darin, ein Sticky-Navigationsmenü zu verwenden, das den aktuellen Standort anzeigt und jederzeit auf der gleichen Position auf dem Bildschirm bleibt.
Ein Beispiel für eine dauerhaft sichtbare Sticky-Navigation.
Nur mobile Geräte: Da der mobile Bildschirm viel kleiner als der Desktopbildschirm ist, kann eine sichtbare Navigationsleiste einen relativ großen Teil des Bildschirms einnehmen. Eine Möglichkeit, das Problem eines kleinen Bildschirms zu lösen, besteht darin, eine Navigationsleiste auszublenden, wenn Benutzer nach neuen Inhalten scrollen und sie sichtbar machen, wenn Benutzer nach unten ziehen, um an die Spitze zu gelangen.
4. Verwenden Sie funktionale Animationen, um Besucher zu motivieren
Kreative Effekte wie Parallaxscrolling und Scroll-aktivierte Animationen können Benutzer dazu bringen, mehr zu scrollen. Sie drehen das Scrollen in etwas mehr Spaß und lassen den Benutzer fragen, "was als nächstes passieren wird?"
Ziehen Sie in Betracht, Ihre Seite in scrollbare "Chunks" aufzuteilen. Innerhalb jedes Chunks können Sie den Inhalt durch kreative Animationen vorstellen. Wenn Benutzer scrollen, werden sie durch Animationen zum nächsten Bildschirm weitergeleitet, während sie einen Pfad des Inhalts erstellen, dem sie folgen sollen.
Parallax ist ein weiterer beliebter animierter Effekt, der das Scrollen verbessern kann. Der Parallax-Effekt erzeugt eine Illusion von Tiefe und Eintauchen, indem das Hintergrundbild langsamer als der Inhalt im Vordergrund bewegt wird. Wenn Ihre Website eine Geschichte auf eine glatte, lineare Art und Weise erzählen möchte, kann langes Scrolling mit Parallax-Effekt zu einem vollständig immersiven Browsing-Erlebnis führen.
5. Vermeiden Sie Scroll Hijacking
Websites, die Scroll-Hijacking implementieren, übernehmen die Kontrolle über den Bildlauf und überschreiben eine grundlegende Funktion des Webbrowsers. Scroll-Hijacking ist schlecht, weil der Benutzer nicht mehr die volle Kontrolle über den Seitenwechsel hat und sein Verhalten nicht vorhersagen kann. Die Erwartungen der Benutzer an die Scrolling-Interaktion einer Website sollten nicht zugunsten einer narrativen Erfahrung zerstört werden.
Apple verwendet Scroll-Hijacking auf ihrer Mac Pro-Seite.
Fazit
Langes Scrollen ist in der Lage, ein vollständig immersives Browser-Erlebnis zu schaffen. Es ist absolut möglich, eine Reise so angenehm wie das Ziel zu machen. Wenn Nutzer den Inhalt auf Ihrer Website mögen und die Benutzeroberfläche intuitiv finden, wird ihnen die Länge des Bildlaufs nicht wirklich etwas ausmachen.