Was ist unendliches Scrollen auf Websites?

9 Minuten Lesezeit

Unendliches Scrollen, auch bekannt als Endlos-Scrollen, ist eine Webdesign-Technik, bei der die Website zusätzlichen Inhalt lädt, während der Benutzer nach unten scrollt und eine unendlich lange Webseite anzeigt. Durch den Wegfall des Klickens auf die Schaltfläche „nächste Seite“ könnte ein komfortableres Navigationserlebnis entstehen.

Sie können sich eine Social-Networking-Site (z. B. Instagram) oder eine Bildergalerie-Website mit Endlos-Scrollen vorstellen.

Profi-Tipp:
Wenn Sie die Funktion des unendlichen Scrollens verwenden möchten, vergessen Sie nicht, “lazy loading” zu implementieren. Dies geschieht, um die Geschwindigkeit der Anwendung zu erhöhen, d. h. einige Inhalte werden dynamisch geladen, sobald sie sichtbar werden.
Die wichtigsten Punkte:
  • Endloses Scrollen = mehr Engagement; jedoch nicht ideal, wenn Sie nach einer bestimmten Information suchen möchten
  • Die Optimierung von Leistung und Zugänglichkeit ist entscheidend bei der Implementierung von Infinite Scroll
  • Sehen Sie sich verschiedene Versionen von Scrolling und Paginierung an, um zu sehen, was für Ihre Benutzer am besten ist
Hocoos kleines Logo Antworten Website-Design

Paginierung vs. Endlos-Scrollen: Was ist besser für Ihre Inhalte?

Die Wahl der richtigen Option hängt vom Kontext, dem Zweck und den Inhalten ab, die Sie vermitteln möchten.

Bedenken Sie Folgendes:

Unendliches Scrollen ist in der Regel geeignet für:

  • Unterstützung der Inhaltserkundung und -entdeckung: Anwendbar auf soziale Medien, Newsfeeds, E-Commerce-Produktlisten oder Bildergalerien, in denen Benutzer ohne bestimmten Zweck eine eingehende Erkundung durchführen können.

  • Mobile-First-Design: Es betont die Benutzerfreundlichkeit und Navigation auf Mobilgeräten.

Und die Paginierung wird bevorzugt, wenn:

  • Benutzer nach einer bestimmten Information suchen: Zum Beispiel Produktkataloge oder Suchergebnisse, bei denen der Benutzer möglicherweise zu einer bestimmten Seite oder einem bestimmten Produkt springen möchte.

Was sind die Vorteile und Grenzen des Endlos-Scrollens?

Die Vorteile und Einschränkungen von Endlos-Scrolling umfassen in der Regel Folgendes:

  • Verbesserung der Benutzerbindung x Überlegungen zur Barrierefreiheit: Die Fülle an Informationen hält die Nutzer auf der Webseite interessiert, kann aber für Tastaturnutzer und andere, die auf Bildschirmlesegeräte angewiesen sind, sehr frustrierend sein.

  • Verbessertes mobiles Erlebnis x Mögliche Leistungsprobleme: Die Anwendung ist auf Touch-Geräten intuitiv und einfach, aber eine große Datenmenge macht die Webseite langsam.

  • Nahtlose Navigation x Finden bestimmter Inhalte: Es ist eine mühelose Interaktion, einfach gerade nach unten zu scrollen; dennoch können Benutzer Schwierigkeiten haben, etwas zu finden, das sie zuvor gesehen haben.
Profi-Tipp:
Fügen Sie immer einen visuellen Hinweis hinzu, wenn Sie weitere Daten abrufen, z. B. eine Ladeanimation, um die Wahrscheinlichkeit von Mehrdeutigkeiten für die Benutzer zu beseitigen. Dies verhindert jegliche Verwirrung und Ärger.

Ist Endlos-Scrollen das Richtige für Ihr Design?

Die folgenden Fragen können Ihnen helfen, festzustellen, ob Endlos-Scrolling für Ihr Website-Design geeignet ist:

  • Was ist die Gesamtwirkung Ihrer Webseite? Ist die Absicht, den Benutzern das Entdecken zu ermöglichen, oder geht es darum, eine bestimmte Information zu vermitteln?

  • Benutzen die Nutzer hauptsächlich ihre Smartphones? Dann würde wahrscheinlich unendliches Scrollen für sie funktionieren.

  • Wie sieht es mit der Leistungsoptimierung aus? Bei unendlichem Scrollen muss eine sorgfältige Optimierung durchgeführt werden, um langsame Seitenneigungen zu vermeiden.

  • Haben Sie die Barrierefreiheit berücksichtigt? Abstände werden empfohlen, um sicherzustellen, dass unendliches Scrollen für Benutzer mit anderen Behinderungen praktikabel ist.

Es ist ideal, sowohl unendliches Scrollen als auch Seitenumbruch auf Ihrer Website auszuprobieren und die Leistung derjenigen Methode zu messen, die für Ihr Publikum am besten funktioniert.

Profi-Tipp:
Wenn Sie unendliches Scrollen verwenden, ist es empfehlenswert, eine "Zurück nach oben"-Schaltfläche anzubieten, da kontinuierliches Scrollen für Benutzer unpraktisch sein kann, was zum Abbruch der Suche führen kann.

Für welche Arten von Websites oder Anwendungen ist Endlos-Scrollen am besten geeignet?

Unendliches Scrollen wird für Websites oder Anwendungen wie die unten aufgeführten verwendet:

  • Soziale Netzwerke: Twitter, Instagram, Facebook und Social-Media-Websites.

  • Nachrichten-Websites: Diese Websites benötigen häufige Aktualisierungen, insbesondere in diesem Fall.

  • Bildergalerien und E-Commerce-Produktlisten: Müssen in der richtigen Reihenfolge und im passenden Kontext angeordnet sein.

  • Mobile Apps: Die Integration von Endlos-Scrolling in die mobile Benutzeroberfläche ist ein relativ unkomplizierter Prozess.
Profi-Tipp:
Endloses Seiten-Scrolling kann für solche Arten von Website-Inhalten verwendet werden, die fortlaufend sind und bei denen Benutzer nicht regelmäßig zu bestimmten Teilen scrollen müssen.

Ja. Es ist wichtig zu beachten, dass Endlos-Scrolling auf Websites seine Vorteile hat, die Nutzung jedoch mit Vorsicht erfolgen sollte. Diese Aspekte spielen neben der Art und Weise, wie das Endlos-Scrolling integriert ist, eine wichtige Rolle für eine konsistente Benutzererfahrung. 

Die Bereitstellung klarer Navigationsmarken, alternativer Zugriffsmethoden auf die Inhalte und eine ordnungsgemäße Fokusverwaltung sind einige der wichtigen Funktionen, um Endlos-Scrolling für alle Benutzer nutzbar zu machen.

Tiefer Einblick:
• Bieten Sie optimierte Alternativen zum Endlos-Scrolling, z. B. die Einbindung von ARIA-Landmarken.

• Strukturieren Sie den Inhalt so, dass er klare Orientierungspunkte und Überschriften für Nutzer von Bildschirmlesegeräten bietet, auch bei der Option des Infinite Scrolling.

Fazit

Infinite Scrolling ist eine interaktive Funktion, die kontinuierliches Betrachten von Inhalten beim Herunterscrollen ermöglicht und potenziell die Nutzerbindung erhöht. Dies ist jedoch nicht bei jedem Ansatz der Fall. Die Untersuchung der Vor- und Nachteile einer Funktion und ihrer Eignung für eine bestimmte Zielgruppe ermöglicht fundierte Entscheidungen hinsichtlich der Funktionalität und User Experience der Website.

Inhaltsverzeichnis

BEREIT, IHR KLEINUNTERNEHMEN ZU STARTEN?

Wichtiger Hinweis: Die Informationen unseres Expertenteams sollen Ihnen ein allgemeines Verständnis des Prozesses der Webseitenerstellung und der Ihnen zur Verfügung stehenden Funktionen vermitteln. Es ist wichtig zu beachten, dass diese Informationen keine professionelle Beratung ersetzen, die auf Ihre spezifischen Bedürfnisse und Ziele zugeschnitten ist.
Lesen Sie unsere redaktionelle Standards für Answers-Inhalte.
Unser Ziel ist es, Sie in die Lage zu versetzen, eine großartige Webseite zu erstellen. Wenn Sie Fragen haben oder Unterstützung während des Erstellungsprozesses benötigen, zögern Sie nicht, Kontaktieren Sie uns. Wir helfen Ihnen gerne weiter und weisen Sie in die richtige Richtung.