Der alte Manta, der über dem Bildlauf bleibt, ist nicht immer das, was der Inhalt - und das Design - benötigt. Es gibt sieben Möglichkeiten, eine Website mit langem Bildlauf zu erstellen, die die Aufmerksamkeit der Benutzer aufnimmt und hoffentlich den Bildlauf durchführt.
Langes Scrollen kann eine hervorragende Möglichkeit sein, Benutzer anzusprechen. Manchmal erfolgt die beste visuelle Darstellung nicht vollständig über der Schriftrolle. Formate mit langem Bildlauf sind Websites, die mehrmals durchlaufen, um diesen Inhalt zu erfassen. Lassen Sie uns das oft diskutierte Konzept ausruhen. Heutige Benutzer verstehen, wie und wann gescrollt werden soll.
1. Erstellen Sie einnehmende Inhalte
Der Schlüssel zum Erfolg, wenn es um eine Website mit langem Bildlauf geht, ist qualitativ hochwertiger Inhalt. Ohne großartige Inhalte ist nichts anderes wichtig.
Die schlechte Nachricht ist, dass es keinen Qualitäts-Inhaltstest gibt, der Ihnen sagt, ob das, was Sie erstellen, gut ist. (Benutzeranalysen liefern diese Informationen.)
Es gibt jedoch ein paar Möglichkeiten, um den bestmöglichen Inhalt zu erstellen:
- Erzähle eine interessante Geschichte und mache sie zu deiner.
- Verwenden Sie hochauflösende und interessante Bilder wie Fotos, Illustrationen und Videos.
- Geben Sie den Benutzern einen Grund zum Blättern. (Es gibt einen Grund, warum viele Buchkapitel mit Cliffhangern enden; die Leute lesen weiter.)
- Begrenzen Sie die Auswahl. Geben Sie den Benutzern etwas zu tun im Design, aber überfordern Sie sie nicht mit zu vielen Optionen. Ein Call-to-Action pro Bildlauf oder Storystory reicht aus.
- Schreiben Sie eine verlockende Kopie. Während die Visuals einen ersten Eindruck erwecken, werden die Wörter die Benutzer durch den Inhalt bewegen. Verwenden Sie Aktionsverben und beschäftigen Sie sich mit einer umsetzbaren, nachvollziehbaren Geschichte.
2. Erstellen Sie ein visuelles Design
Ein starkes visuelles Design hilft den Benutzern, zu verstehen, dass die Geschichte vom vorherigen Bildschirm oder Scrollen fortgesetzt wird. Visuelle Hinweise wie ein gemeinsamer Farbfaden, Pfeile und Verbindungslinien oder sogar Bildschirme, die sich scheinbar überlappen, können eine visuelle Linie von Bildlauf zu Bildlauf erzeugen. Dies hilft Benutzern dabei, sich während des Entwurfs in Bewegung zu halten.
Und so wissen Sie, ob für Ihre Website ein Design mit langen Scrollen funktioniert. Verfolgen Sie die Zeit vor Ort in Ihren Analysen. Bleiben die Benutzer länger auf der Website als vor der Implementierung der Optionen für das lange Scrollen? Interagieren sie mit mehr oder weniger Inhalten? Hat die endgültige gewünschte Conversion-Aktion zugenommen oder zugenommen?
Mehr als nur ein visuelles Thema. Langes Scrollen sollte dem Website-Verkehr helfen. Wenn dies nicht der Fall ist, können die Benutzer das visuelle Thema möglicherweise nicht verstehen und möglicherweise scrollen, oder das Designkonzept funktioniert für diese Benutzerbasis möglicherweise nicht. (Langes Scrollen gilt nicht für jeden oder jeden Inhaltstyp.)
3. Freude mit Interaktionen
Eine der großartigsten Eigenschaften von Long-Scrolling ist, dass sie sich für umfassende Storytelling-Techniken im Web eignet. Dies beinhaltet oft viele kleine Interaktionen, die die Benutzer begeistern sollen.
Von Animationen über Folienaktionen über Bildlauftechniken bis hin zu Bildern, die sich auf dem Bildschirm verändern, können diese kleinen Interaktionen dazu beitragen, die Benutzer zu beschäftigen. Beatrate verwendet oben eine Handvoll Interaktionen - Videos, animierte Kästchen zum Scrollen, Hover-Effekte, sich drehende Zähler und einen Bildschieberegler.
Jeder andere Teil der Bildlaufleiste enthält Animationen, die für diesen Inhaltsbereich eindeutig sind. Da Elemente, Interaktionen und Inhalte unterschiedlich sind (aber immer noch gut verstandenen Benutzermustern folgen), gibt es für jeden Besucher etwas Neues, das mit jedem Mausklick zu tun hat.
4. Verwenden Sie eine Bildlauftechnik
Einer der Gründe, warum Designer gerne lange scrollen, ist, dass sie sowohl auf Desktop- als auch auf mobilen Geräten gut funktionieren.
Viele Benutzer ziehen es vor, auf kleinere Geräte zu scrollen als zu klicken (oder zu tippen), da alle Informationen immer noch an einem Ort und leicht zugänglich sind.
Verwenden Sie eine Bildlaufmethode, z. B. Parallaxe, Farbblockierung oder gemischte Inhaltstypen (abwechselnde Bildschirme mit vielen Bildern, Text oder Video), um das Design fließend zu halten. Durch Verwenden und Mischen von Scrolltechniken signalisiert das Design den Benutzern eine Änderung des Inhalts, während es interessant bleibt. Diese Effekte können auch zum Scrollen anregen, da die Benutzer sehen möchten, was als Nächstes passiert.
Bei einem Design mit langem Bildlauf befindet sich der gesamte Inhalt (oder ein Großteil des Hauptinhalts) auf einer Seite, sodass Sie die Pop-Out- oder die ausgeblendete mobile Navigation nicht überdenken müssen. Alles ist für Benutzer da.
5. Alternatives langes und kurzes Scrollen
Genauso wie bei den Bildlaufverfahren zum Erstellen von Seiten oder Bildschirmen innerhalb des einzelnen Bildlaufs, sollten Sie einen Punkt für das Mischen von Segmenten mit langem und kurzem Bildlauf verwenden.
Fügen Sie kurze Bildlaufelemente hinzu, die schnell und einfach zu verdauen sind, z. B. Bilder oder ein Block mit einer Handvoll großer Wörter. Fügen Sie dann ein längeres Bildlaufelement hinzu, z. B. einen Infografik- oder Blockblock. Folgen Sie dem mit einem kurzen Aufruf zum Handeln.
Das Mischen der Länge von Inhaltsblöcken hilft, einen Fluss aufrechtzuerhalten, der für Benutzer nicht langweilig wird. (Das Konzept ähnelt dem Schreiben von Inhalten, bei dem Sie Satzlängen mischen möchten, um Monotonie oder Langeweile beim Leser zu vermeiden.)
6. Geben Sie eine Roadmap an
Wenn es um das Durchsuchen von Websites mit langem Bildlauf geht, möchten Benutzer wissen, wo sie sich befinden und wann sie dorthin gelangen, wohin sie gehen. Sie müssen eine Roadmap angeben.
Roadmaps für Websitebenutzer gibt es in verschiedenen Formen:
- Sticky Navigation
- Punkte oder Elemente, die anzeigen, wie viel Inhalt noch übrig ist
- Pfeile oder Zeichen, die den Benutzern mitteilen, was als Nächstes zu tun ist
- Eine Möglichkeit, zum Anfang oder Ende zurückzukehren
7. Klare Ziele entwerfen
Websites mit langem Bildlauf oder unendliches Bildlauf sollten nicht endlos sein. Der Entwurf sollte einen Anfang, ein Ende und klare Ziele für den Benutzer enthalten.
Egal wie cool das Design aussieht, es muss den Benutzern etwas zu tun geben. (Deshalb hast du eine Website, richtig?)
Es ist wichtig, den Handlungsaufruf an mehreren Orten zu habenBevor Sie überhaupt über das Design nachdenken, legen Sie das Endziel fest.Stellen Sie sicher, dass jeder Teil des Designs mit langem Bildlauf den Benutzern dabei hilft, dieses Ziel zu erreichen. Sehen Sie sich das Beispiel oben an: Auf jeder Seite und jeder Bildlauf befindet sich eine Call-to-Action-Schaltfläche, die sich zentral im Design befindet und leicht zu sehen und zu klicken ist.
Das Aufrufen des Handlungsaufrufs an mehreren Orten ist wichtig, da nicht alle Benutzer bis zum Ende des Inhalts mit langem Bildlauf blättern. Egal wie gut die Geschichte ist, egal wie großartig die Visuals sind, egal wie verlockend die Interaktionen sind? Die meisten Benutzer haben kurze Aufmerksamkeitsspannen und entscheiden innerhalb von Sekunden, ob und wie sie sich mit dem Design befassen sollen. Stellen Sie sicher, dass das umsetzbare Element von Anfang an klar und in jeder Phase der Design-Interaktion verfügbar ist.
Fazit
Während das Scrollen von Websites mit langen Scrollen nicht neu ist, entwickeln sich Methoden zur Verbesserung des Nutzererlebnisses. Es beginnt mit großartigem Inhalt und endet damit, wie Sie die Erfahrung kuratieren.
Beachten Sie, dass Techniken und Konzepte für das lange Scrollen immer noch in der Design- und Benutzergemeinschaft sehr diskutiert werden. Wägen Sie die Vor- und Nachteile ab und entscheiden Sie, ob diese Technik für Ihr Konzept geeignet ist. Vergewissern Sie sich, dass Sie die Analyse und den Test entlang des Weges messen, um sicherzustellen, dass sie wie beabsichtigt funktioniert.