Unendliches Scrollen ist in den letzten Jahren zu einem häufigen Designmuster geworden.

Mit vielen hochkarätigen sozialen Netzwerken, die die Lösung übernehmen, ist es zu einem der am weitesten verbreiteten Muster geworden. Obwohl es so populär ist, hat jedes Designmuster immer seine eigenen einzigartigen Stärken und Schwächen, die wir planen müssen.

Schlecht gemacht, und unendliches Scrollen wird deine UX zerstören und ein totales Versagen garantieren, wenn die User dich in Scharen verlassen. Mach es richtig und du wirst eine intuitive, beliebte und erfolgreiche Seite haben.

Verstehen, warum infinite scrolling das Engagement antreibt

Bei der Implementierung eines Entwurfsmusters ist es immer entscheidend, die Vor- und Nachteile jedes einzelnen Szenarios zu bewerten. Was zu mehr Benutzereinbindung für jemand anderen führte, kann tatsächlich dazu führen, dass die Nutzer weniger von Ihren eigenen Nutzern angesprochen werden.

Vor allem beim infiniten Scrollen dreht sich alles um die Art von Inhalten, mit denen Nutzer interagieren.

In der Lage zu bestimmen, welche Art von Inhaltszielen Sie für Ihre Benutzer haben, können Sie einen Einblick darüber geben, welche Entwurfsmuster in Ihrer Situation am besten funktionieren. Dies gilt für jedes Muster, insbesondere aber für das unendliche Scrollen.

Hoher Engagement-Inhalt

Inhalt, der versucht, das Interesse des Benutzers für einen längeren Zeitraum zu ergreifen oder zu interaktiv zu halten, ist einfach kein idealer Kandidat für typisches endloses Scrollen. Wenn Ihr Ziel darin besteht, dass Ihre Nutzer jeden einzelnen Beitrag lesen, mögen und teilen, kann es überwältigend sein, ihnen Dutzende zu geben, die sie gleichzeitig bearbeiten können.

Davon abgesehen, Mittel hat einen Weg gefunden, es erfolgreich mit Inhalten zu implementieren, die normalerweise nicht vom unendlichen Scrollen profitieren würden.

Anstatt dem Benutzer die nächsten zehn oder zwanzig Beiträge zu präsentieren, bietet Medium eine einzige Empfehlung am Ende jedes Artikels. Dies bleibt der hohen Interaktionsfunktion treu, bietet aber den Vorteil der Browsability, den das unendliche Scrolling mit sich bringt. Während also ein hohes Engagement Ihr Ziel sein könnte, lassen Sie sich davon nicht davon abhalten, eine eigene kreative Lösung zu finden.

Mittel

Geringer Anteil an Inhalten

Unbegrenztes Scrollen ist am besten bei Inhalten, die wenig Interaktion erfordern. Websites wie Twitter und Facebook sind spektakuläre Beispiele dafür. Der typische Benutzer dieser Websites scrollt einfach die Liste herunter, wobei er Inhalte konsumiert, aber selten aktiv mit ihm interagiert. Während diese Art von Situationen bei der Nutzerinteraktion nicht hoch genug ist, halten sie die Nutzer für längere Zeit interessiert.

Twitter

Unsteuerbare Variablen im Inhaltstyp

Während es manchmal offensichtlich ist, welche Art von Inhalten Ihre Website hat, was ist mit denen, die nicht so schwarz und weiß sind? Tumblr Dies ist ein gutes Beispiel dafür, mit Inhalten, die je nach der Art von Blogs, denen der Benutzer folgt, hohe oder niedrige Ziele für die Benutzerbindung haben können. Während diese Situationen selten sind, stellen sie insofern ein Problem dar, als das unendliche Scrollen nur für die Hälfte der Benutzer von Vorteil wäre. Interessanterweise besteht die Lösung in diesem Fall darin, die Interaktionsmöglichkeiten eines Benutzers mit jedem einzelnen Post zu minimieren. Dadurch können sich die Nutzer mit hohem Engagement eng auf einzelne Beiträge konzentrieren und Nutzer mit geringem Engagement viel mehr Inhalte konsumieren, ohne dass sie so viel interagieren müssen.

Es ist auch erwähnenswert, dass Tumblr es fantastisch macht, Nutzern zu erlauben, den Wert von Inhalten individuell zu bestimmen. Wenn Sie den Benutzern die Option zum Aktivieren oder Deaktivieren des unbegrenzten Scrollens in ihren Einstellungen erteilen, erhalten Sie weitere Kontrolle darüber, wie sie den Inhalt konsumieren.

Tumblr

Hybrid-Scroll-Lösungen

Viele Orte entscheiden sich dafür, einen hybriden Ansatz für das unbegrenzte Scrollen zu implementieren, der den Benutzer dazu auffordert, mehr Inhalte zu laden, wenn sie das Ende einer Seite erreichen. Indem sie dies tun, geben sie dem Benutzer die Kontrolle zurück, um zu entscheiden, wie viel Inhalt geladen werden soll - was für Mobilgeräte entscheidend ist. Diese Lösung hilft auch bei der Aufrechterhaltung einer konsistenten Datenlast auf dem Server. Nach dem automatischen Laden einer vordefinierten Anzahl von Seiten erscheint eine Schaltfläche, die den Benutzer auffordert, manuell mehr zu laden.

Wenn Unendliches Scrollen schlecht wird

Es gibt unzählige Beispiele von Websites mit unendlichen Scrolling, und mehr als ein paar tun dies für die Nutzer. Dan Nguyen schrieb einen interessanten Artikel zurück, als Etsy versuchte, das Feature zu implementieren. Was geschah, ist, dass Etsy mit der Implementierung vor der Prüfung ihrer Annahmen fortfuhr. Das Laden von mehr Suchergebnissen mit einer höheren Geschwindigkeit scheint zunächst eine gute Sache zu sein. Aber wenn der Inhalt eine hohe Nutzerinteraktion erfordert - wie es beim Einkaufen der Fall ist - kann sich die Situation schnell verschlechtern.

In diesem speziellen Fall suchen Benutzer aktiv nach etwas Interessiertem. Der Versuch, aus einem Meer von Möglichkeiten das perfekte Produkt zu finden. Wenn der Benutzer also mit scheinbar unbegrenzten Möglichkeiten überschwemmt wird, geben sie auf und suchen andere Wege, um das zu finden, wonach sie suchen.

Best Practices für unbegrenztes Scrollen

Wie bei jedem Designmuster gibt es Best Practices, die normalerweise gut zu befolgen sind. Dies sind nicht die Gesetze der Verwendung des Musters; Vielmehr sind es die meisten erfolgreichen Implementierungen.

  • Haben Sie einen eleganten Fallback: Stellen Sie sicher, dass Benutzer ohne JavaScript nicht in der Kälte gelassen werden. Entwerfen Sie zuerst die altmodische Seitennummerierung, und verwenden Sie dann JavaScript, um es zu verbergen und unendliches Scrollen zu implementieren.
  • Geben Sie eine visuelle Anzeige für das Laden weiterer Inhalte an: Wenn Benutzer eine Ladeanimation erhalten, werden sie darüber informiert, was vor sich geht. Ohne sie scheint die Seite bei langsamen Verbindungen eine Sackgasse zu sein.
  • Keepback-Button-Funktionalität: Obwohl viele Implementierungen dieses wichtige Detail vergessen, sollten Sie grundlegende Browserfunktionen beibehalten. Wenn ein Benutzer von Ihrer Website weggeht und dann zurückfährt, erwartet er normalerweise nicht, dass er oben auf der Seite neu geladen wird.
  • Halten Sie die Navigation sichtbar: Während Nutzer in erster Linie Ihre Inhalte konsumieren möchten, möchten sie auch zu anderen Bereichen Ihrer Website navigieren . Wenn sie gezwungen sind, manuell durch Hunderte von Beiträgen zu scrollen, können sie sich dafür entscheiden, stattdessen zu gehen.
  • Lazyload-Inhalte vor dem Benutzer: Der Sinn des unendlichen Scrollings liegt darin, dass es wie ein endloser Strom von Inhalten erscheint. Während es wichtig ist, eine Art Ladeanzeige zu haben, werden Benutzer hoffentlich selten, wenn überhaupt, es sehen.
  • Links sollten in einem neuen Fenster geöffnet werden: Dies ist eine sehr umstrittene Praxis; es wählt mit Nachdruck für den Benutzer, aber mit der Absicht, ihnen zu helfen. Das Erzwingen von Links zum Öffnen in einem neuen Fenster oder einer neuen Registerkarte verhindert, dass Benutzer versehentlich aus der Liste mit unendlich geladenen Elementen navigieren und ihren Platz verlieren.
  • Fußzeilen können in die Quere kommen: Oftmals bedeutet das Implementieren einer unendlichen Scroll-Lösung, dass man die Option für eine Fußzeile einer Website aufgeben muss. Während es definitiv nervig ist, eine Fußzeile zu "fangen", wenn Sie automatisch mehr Posts laden, gibt es andere Möglichkeiten. Wenn Sie beispielsweise eine Hybrid-Ladelösung verwenden, können Sie eine Fußzeile in Reichweite der Benutzer halten.

Abschließend

Das unendliche Scrollen kann ein trendiges Feature sein, das dem Benutzer endlose Inhaltsoptionen bietet ... Es muss korrekt verwendet werden.

Während wir den Nutzern mehr Inhalte zur Verfügung stellen wollen, möchten wir nicht den Wert jedes einzelnen Stücks beeinträchtigen oder sich von Informationen überfordert fühlen. Schließlich sind die Benutzer für den Inhalt selbst zuständig - nicht für die ausgefallene Bildlauffunktion.

Wie Sie sehen können, ist das unendliche Scrollen selbst nicht von Natur aus gut oder schlecht. Vielmehr kann seine Verwendung je nach dem dargestellten Inhaltstyp zu einer besseren oder schlechteren Benutzerbindung führen. In diesem Sinne können wir versuchen vorherzusagen, wo die Implementierung von Vorteil sein wird.

Ausgewähltes Bild / Vorschaubild, Rolltreppenbild über Shutterstock.