Infinite Scroll gegen Paginierung: So wählen Sie

Listen bilden die Grundlage für so viele Produkte, Feeds, Suchergebnisse und Kataloge. Früher oder später stehen Sie vor der klassischen Entscheidung: unendliches Scrollen statt Paginierung oder der mittlere Pfad, Mehr laden. Es gibt keine richtige Antwort. Die richtige Wahl hängt von der Absicht des Benutzers ab und davon, was der Bildschirm erreichen soll. Machen wir uns die Entscheidung einfach.

Beginne mit Absicht, nicht mit UI

Menschen verwenden Listen in zwei sehr unterschiedlichen Stimmungen.

Erkundung: Feeds, Galerien, Inspiration

Neugier regiert hier. Weniger Reibung bedeutet mehr Entdeckungen, und unendliches Scrollen hält den Schwung. Das ist besonders dann von Vorteil, wenn Ihr Ziel Aufmerksamkeit und Zeit beim Erleben ist, nicht präzises Neufinden.

‍

Erledigung der Aufgabe: vergleichen, verfeinern, zurückgeben

Finde die richtige Größe. Vergleichen Sie die technischen Daten. Spring zurück zu dem Ding, das du gesehen hast. Hier brauchen die Nutzer Orientierung, Deep-Linking und eine saubere Methode, um zum Spot zurückzukehren. Das ist der Punkt, an dem sich Pagination UX auszeichnet. Load More kann auch funktionieren, wenn Sie Geschwindigkeit und Kontrolle auf demselben Bildschirm wünschen.

‍

Drei Muster, drei Persönlichkeiten

Unendliches Scrollen

Perfekt zum Entdecken. Es behält den Schwung bei und enthüllt mehr Inhalte mit weniger Aufwand. Wenn Sie es wählen, machen Sie es widerstandsfähig:

• Behalten Sie die Scrollposition bei, wenn Benutzer ein Detail öffnen und zurückgehen.
• Sorgen Sie mit virtualisierten Listen/Fenstern dafür, dass die Seite auf durchschnittlichen Geräten schnell bleibt.
• Stellen Sie sicher, dass die Fußzeile und die Hilfsprogramme erreichbar sind (z. B. Link „Zurück zum Anfang“, schwebende Aktionen).
• Machen Sie für Suchmaschinenoptimierung crawlbare Pfade verfügbar (z. B. indexierbare seitenähnliche URLs) und vermeiden Sie es, Inhalte hinter reinen Client-Abrufen zu verstecken.
  ‍

‍

Mehr laden:

Der mittlere Weg. Ein schneller Klick fügt einen Block hinzu, das Layout bleibt stabil und die Benutzer haben das Gefühl, alles unter Kontrolle zu haben.

• Einfache Anzeige des Fortschritts: „40 von 213 werden angezeigt“.
• Ideal, wenn Sie Geschwindigkeit wünschen, ohne auf Return-to-Spot und Deep-Linking verzichten zu müssen.

‍

‍

Seitennummerierung:

Struktur zuerst. Ideal für Suche, E-Commerce, Admin-Tabellen und Dokumentation.

• Unterstützt den Vergleich und schützt die Orientierung.
• Wenn Sie es versenden, lassen Sie die Seiten nicht verhungern. Etwas längere Seiten reduzieren den Thrash und fühlen sich trotzdem schnell an.

‍

‍

Auf Schnelligkeit und Schnelligkeit ausgelegt

Gute Listen-Benutzeroberflächen behalten Ihren Platz und funktionieren problemlos mit Tastaturen und Screenreadern. Verwende klare Orientierungspunkte, beschrifte die Seitennummerierung und kündige neue Ergebnisse höflich an. Bleiben Sie schnell, indem Sie lange Listen virtualisieren, Medien langsam laden und Offscreen-Inhalte recyceln. Am wichtigsten ist es, die Position wiederherzustellen, wenn die Mitarbeiter von einem Detail zum anderen zurückkehren.

‍

Ein einfacher Weg, um zu entscheiden

Stelle fünf Fragen:

1. Geht es auf diesem Bildschirm um Entdeckung oder um das Erledigen einer Aufgabe?
   Wenn es um Entdeckung geht, gewinnt das unendliche Scrollen in der Regel; wenn es um die Erledigung einer Aufgabe geht, beginnen Sie mit der Seitennummerierung.
   
   
2. Wie wichtig ist „Return to Spot“?
   Wenn Benutzer regelmäßig Artikel vergleichen oder Ergebnisse erneut aufrufen, bevorzugen Sie eine Seitennummerierung oder ein gemessenes „Mehr laden“.
   
   
3. Müssen die Leute einen bestimmten Ort teilen oder mit einem Lesezeichen versehen?
   Falls ja, behalten Sie stabile URLs bei. Paginierung oder Load More mit URL-Parametern funktionieren am besten.
   
   
4. Sind Summen wichtig für Vertrauen oder Planung?
   Wenn es den Leuten wichtig ist, wie viele Ergebnisse es gibt, bevorzugen Sie die Paginierung oder Load More mit einer sichtbaren Anzahl.
   

Beantworten Sie diese, und die Wahl ist selten umstritten.

‍

Messen Sie, was wirklich wichtig ist

Achten Sie beim Versand nicht nur auf die Scrolltiefe. Bei explorativen Feeds kannst du nachverfolgen, wie oft Nutzer etwas Neues speichern, teilen oder verfolgen. Verfolge beim Einkaufen und bei der Suche, wie schnell sie die Filter verfeinern, wie oft sie etwas in den Einkaufswagen legen und ob sie einen Artikel nach einem Umweg wiederfinden können. Führe einen schnellen Usability-Test durch, der einen Moment erzwingt, zurückzugeben und erneut zu finden. Sie werden daraus mehr lernen als aus jeder anderen Kennzahl „Zeit auf der Seite“.

‍

Letzte Worte

Trends kommen und gehen. Ihre Benutzer tun das nicht. Wählen Sie das Muster, das ihren Absichten entspricht, achten Sie auf Leistung und Barrierefreiheit und stellen Sie sicher, dass die Suche ihnen folgen kann. Wenn Sie sich auch nicht sicher sind, welche bewährten Methoden für das Hinzufügen von Navigation zu Ihrer App gelten, dieser Beitrag kann dir bei deiner Entscheidung helfen.