Unendliche Schriftrolle oder nicht Unendliche Schriftrolle: Wo wir so weit gekommen sind

Heute beschäftigen wir uns mit den wichtigsten Fakten darüber, wie sich das unendliche Scrollen im gesamten Web zu einer so anerkannten Technik entwickelt hat und warum es trotz seiner Beliebtheit im Webdesign noch nicht so weit verbreitet ist.

Diese Funktion trat zu einem Zeitpunkt in der Geschichte des Internets auf, als die Menge der auf Webseiten darzustellenden Informationen zunahm und die Geschwindigkeit der Verbindungen es dem Leser ermöglichte, schneller auf Informationen zuzugreifen und diese zu übertragen. Die Frage des unendlichen Bildlaufs auf Webseiten ist einer der Aspekte des User Experience Designs und nicht so einfach, wie Sie vielleicht denken.

Anfänge und Popularisierung

Bei Google wird es als kontinuierliches Scrollen bezeichnet und kann auch als endloses Scrollen bezeichnet werden. Kurz gesagt, das unendliche Scrollen ist eine Technik, mit der der Browser automatisch neuen Inhalt lädt, wenn der Benutzer den unteren Rand der Seite erreicht, sodass nicht nach Paginierungsschaltflächen gesucht werden muss, um zum nächsten Teil zu gelangen. Das Ganze wird nur durch Rollen des Mausrads angezeigt.

Diese Technik wird insbesondere auf der Newsfeed-Seite auf Facebook verwendet. die Bilder-Suchergebnisseite von Google und die Twitter-Timeline. Ein interessantes aktuelles Beispiel, das zu Referenzzwecken veröffentlicht wurde, finden Sie auf der Demo-Seite des Isotope jQuery-Plugins.

hexaedro.eu nutzt das horizontale unendliche Scrollen, um die Entwicklung der Menschheit zu veranschaulichen

Einer der ersten Hinweise auf diese Art des Scrollens wurde 2005 von Bill Scott (Director of User Interface Engineering bei PayPal) in seinem Artikel Death to Paging! - Rico LiveGrid veröffentlicht.

Es wurde entwickelt, um dem Benutzer eine sehr große Datentabelle in einer einzigen Ansicht zu präsentieren, bevor er zu einem folgenden Abschnitt wechseln musste, und es wurde zuerst als scrollendes Live-Raster bezeichnet. Der Artikel enthielt einen Vor- und Nachteile-Abschnitt, einige Überlegungen zum Design und formulierte die Elemente der Frage in klaren Worten: Paging vs. Infinite Scroll.

Die Technik wurde verfeinert und begann im Web sehr beliebt zu werden, was zu einer plötzlichen Explosion der Begeisterung führte. Ein Jahr nach Scotts Artikel, in dem das Scrolling-Live-Raster angekündigt wurde, war es möglich, Online-Texte zu finden, die das Phänomen der Seitenunterbrechung verunglimpfen und die neue Schriftrolle mit dem Motto „Zwingen Sie den Benutzer nicht, nach mehr Inhalten zu fragen: Geben Sie sie einfach an Sie."

Bis Mitte 2008 hatte der Begriff unendliche Schriftrolle bereits ein eigenes Leben und eine gleichnamige Site, auf der ausführlich erklärt wurde, wie er funktioniert. Die Site bot auch eine Handvoll Plugins, um ein kontinuierliches Scrollen in WordPress-Themen, Seiten über jQuery-Bibliotheken und Add-Ons zum automatischen Kopieren für Safari und Chrome zu ermöglichen, mit denen die Scrolling-Funktion automatisch zu normalen Sites hinzugefügt werden konnte.

"Zwingen Sie den Benutzer nicht, nach mehr Inhalten zu fragen. Geben Sie sie einfach weiter."

Auch im Jahr 2012 wird die Technik als Innovation „zur Freude Ihres Herzens“ präsentiert, zusammen mit der Implementierung von Responsive Design. Aus analytischer Sicht war dies ein Schritt weiter bei der Trennung zwischen der ursprünglich gedruckten Existenz von Inhalten und ihrem elektronischen Gegenstück. Schließlich stammt der Begriff einer Webseite genau aus der materiellen Welt von Zeitungen, Zeitschriften und Büchern mit echten Papierseiten.

Thomas Baekdal erklärt die Beziehung zwischen gedruckten Seiten und Texten, die auf digitalen Bildschirmen in Dissolving that Print Mentality angezeigt werden. Baekdal regelt das Problem im Grunde genommen mit einer Art Formel: Format zuerst oder Inhalt zuerst. In seiner Analyse stellt Baekdal fest, dass die Einschränkungen der gedruckten Medien nicht auf den digitalen Bildschirm übertragen werden sollten.

Apple würdigte auch die Tendenz zum Scrollen. Eines der Hauptmerkmale des neuen iBooks 3.0 war die Möglichkeit, die Bücher vertikal zu scrollen. Jetzt konnte der Leser den Seitenwechseleffekt vergessen und seine Bestseller per Fingerdruck lesen. Das war genau eine Umsetzung des Mottos von Baekdal, den tanzenden Bären loszuwerden: Den Leser vom alten Paradigma des physischen Buches befreien zu lassen. Glücklicherweise gab es die Möglichkeit, nach Belieben zwischen dem traditionellen Thema zum Umblättern oder dem kontinuierlichen Scrollen zu wählen, sodass der altmodische Leser weiterhin die Möglichkeit hatte, echte Bücher in seinem Gerät nachzuahmen.

Warum sollte diese UX-Verbesserung vermieden werden?

Eine der wenigen Ausnahmen von der Regel des unendlichen Bildlaufs war der Fall von Dan McKinley bei Etsy, bei dem eine praktische Untersuchung unter Verwendung der A / B-Testmethode ergab, dass die Technik nicht wie erwartet funktionierte.

Tatsächlich wurde das unendliche Scrollen von der Site entfernt, nachdem die Anzahl der Klicks auf Favoriten abgenommen hatte und die Suchfunktion nicht mehr verwendet wurde. Ungeachtet einer möglichen Verzerrung der Methode zur Bewertung der Reaktionen der Benutzer ist klar, dass das unendliche Scrollen die Aktivität selbst nicht maximierte oder zumindest die übliche Öffentlichkeit der Website der Änderung nicht zustimmte.

Google ist ein weiteres Beispiel, bei dem das endlose Scrollen nicht vollständig implementiert werden konnte. Nur bei der Bildsuche wird unendlich viel gescrollt, und selbst dort wird das Scrollen mit der Schaltfläche "Weitere Ergebnisse anzeigen" eingeschränkt.

Eine der kreativsten Anwendungen des unendlichen Bildlaufs ist auf der Website distancetomars.com dargestellt

Die Vorteile

Das unendliche Scrollen ist mehr als nur eine ausgefallene Funktion. Es bietet verschiedene Vorteile, die es in vielen Fällen lohnenswert machen:

• Die ununterbrochene Aufmerksamkeit, die ein Benutzer erhält, wenn automatisch mehr Inhalte bereitgestellt werden, ist der Kern der Attraktivität des unendlichen Bildlaufs. Der Leser muss nicht aufhören zu überlegen, wo er die nächste Schaltfläche findet oder welche Anzahl von Seiten nach einer verbesserten Aufmerksamkeit kommen soll.
• In psychologischer Hinsicht scheint das unendliche Scrollen automatische Reaktionen auszulösen, die auf Neugierde und der Linderung der Erwartungen beruhen, die beim Warten auf neue Informationen entstehen. Dies führt zu einer Art Aufregung und Bereitschaft, weiter zu scrollen, um zu sehen, was auf Sie zukommt. Dieser psychologische Mechanismus verdient ein ausreichendes Verständnis, da der anfängliche Vorteil zu einem Problem werden kann. Zum Beispiel legen die Ergebnisse von McKinley nahe, dass das endlose Scrollen der Suchergebnisseite die Benutzer irgendwie schockierte oder verwirrte und sie mit immer mehr Informationen überlastete, bis die Verwendung der Suche vermieden wurde.
• Vorlagendesigns können von mehr Sauberkeit, mehr Platz für Inhalte und weniger störenden Elementen wie der Liste der Nummern für das Paging profitieren.

Die Nachteile

Natürlich gibt es auch eine Reihe von Problemen beim unendlichen Scrollen, die berücksichtigt werden sollten:

• Ladezeit der Seite erhöht: Es ist offensichtlich, dass der zusätzliche Inhalt, der am Ende einer Seite angehängt werden soll, mehr Zeit zum Herunterladen benötigt. Benutzer mit DFÜ-Verbindungen oder schlechten mobilen Datenplänen haben eine eingeschränkte Möglichkeit, diese Seite effektiv zu durchsuchen.
• Speichernutzung: Browser, sowohl auf Desktop-Computern als auch auf Mobilgeräten und Tablets, können möglicherweise nicht genügend Speicher haben und abstürzen, insbesondere wenn die Seite Tonnen von Bildern lädt.
• Die erhöhte Ladezeit zusammen mit mehr Systemspeicher und Prozessorauslastung kann unweigerlich zu einer abgehackten, nervösen Navigation führen.
• Browserkompatibilität: Da das unendliche Scrollen zum Bereich des reaktionsschnellen Webdesigns gehört, hängt es von Bibliotheken und Plugins ab, die auf älteren Geräten oder Browserversionen möglicherweise nicht vollständig kompatibel sind.
• Sowohl das Verschwinden der Fußzeile als auch die Unfähigkeit, sie zu erreichen, können für den Benutzer eine „traumatisierende“ Erfahrung sein. Außerdem verschwindet der gesamte Inhalt der Fußzeile und damit die Funktion der Fußzeile.
• Fehlende Orientierung und räumlicher Bezug: In einem paginierten Schema können Benutzer einen einfachen visuellen Bezug festlegen, um sich am Inhalt der Seite zu orientieren und die Stellen zu markieren, an denen etwas Interessantes gefunden wird, sodass sie später schnell dorthin zurückkehren können. Es kann Benutzer geben, die sich verloren oder verwirrt fühlen und nicht wissen, wo sie sich wirklich befinden oder was ihnen fehlt.
• Verlust der letzten Position des Benutzers im Datenstrom, wenn die Aktualisierungs- oder Zurück-Taste gedrückt wird. Da das unendliche Scrollen große Mengen von Einträgen anzeigen soll, sollte es auch implementiert werden, um die tatsächliche Position in der Liste abzurufen und frustrierende Situationen zu vermeiden. Die meisten Beschwerden gegen endlose Seiten beziehen sich auf diese beiden letzten Punkte, da die Benutzer die Kontrolle über die von ihnen besuchte Seite verloren haben.
• Lesezeichen sind in der Regel nutzlos, da ein Sonderziel nicht auf einer diskreten Seite markiert wird, sondern irgendwo im Fluss der Einträge schwebt.
• Obwohl dies nicht unbedingt eine schlechte Sache ist, können die Platzierungen auf Suchseiten stark variieren, da die nach Seite 2 begrenzten Ergebnisse dann auf Seite 1 angezeigt werden, indem Sie nur lange genug nach unten scrollen.

Aus diesem Grund sind unendliche Seiten trotz ihrer hohen Beliebtheit nicht immer die beste Option für jede Site oder sogar für dieselbe Site, die auf verschiedenen Geräten angezeigt wird.

Einige Problemumgehungen

Entwickler finden ständig Problemumgehungen für diese Unannehmlichkeiten, wodurch das unendliche Scrollen effektiver wird. Der gut dokumentierte Fall der neuen LinkedIn-App für das iPad bietet eine gute Fallstudie zu Problemen und Lösungen bei der Implementierung der unendlichen Schriftrolle.

Die Anwendung musste unendlich viel in einer zentralen Liste scrollen, um Nachrichten und große Bilder anzuzeigen. Dies machte eine bequeme Art der Handhabung aller Elemente erforderlich, ohne die Leistung der Schriftrolle zu beeinträchtigen. HTML5- und CSS-Tricks wurden kombiniert, um das Endergebnis einer App zu erhalten, die den Inhalt reibungslos und ohne Absturz anzeigt.

Zweifellos hat diese Verbesserung der Benutzererfahrung noch einen fairen Entwicklungsweg, aber Benutzer genießen bereits eine bessere Browser-Erfahrung - insbesondere beim Navigieren auf Seiten mit vielen Informationen, Grafiken und Texten.

Repository-Zone

Das unendliche Scrollen bleibt erhalten, daher ist es ratsam, verschiedene Methoden zu kennen, damit es funktioniert:

Enhantsy: Die wenigen Leute, denen die Implementierung des unendlichen Bildlaufs auf Etsy.com wirklich gefallen hat, können es auf ihrer Seite wieder aktivieren, indem sie dieses Plugin von der Seite Enhantsy installieren. Das Plugin bietet neben der Wiederherstellung des kontinuierlichen Bildlaufs auf allen Seiten von Etsy mehrere weitere Funktionen.

WordPress-Lösungen: Blogs sind möglicherweise die bevorzugten Kandidaten für das unendliche Scrollen. Vielleicht kann sich ein kleiner Teil der Benutzer noch nicht mit der halbtransparenten schwebenden Fußzeile befassen, die WordPress platziert, wenn das unendliche Scrollen aktiviert ist, aber für die große Mehrheit, die diese Technik mag, ist Infinite-Scroll ein Plugin, das den endlosen Bildlaufmodus in den meisten Fällen aktiviert von WP-Themen und erfordert wenig Fachwissen oder Programmierkenntnisse. Das Jetpack-Plugin bietet außerdem ein unendliches Scrollen zwischen Dutzenden von Funktionen. Tuts + hat ein Tutorial veröffentlicht, wie Sie mit jQuery ein unendliches Scrollen erreichen können. Dieses Tutorial richtet sich an mutige Bastler, die bereit sind, unendliches Scrollen durch Eingabe des Codes selbst zu implementieren.

Diskussion und Empfehlungen: StackOverflow bietet zahlreiche Tutorials zu allen denkbaren Aspekten des unendlichen Bildlaufs.

Mobile Alternativen: Das unendliche Scrollen funktioniert aufgrund der Art ihrer Touchscreens gut mit mobilen Geräten. Es ist möglich, den Effekt auf Android mithilfe von Android-Binding zu erzielen. In Apps verwendete Methoden zum Scrollen von Bildern sind beispielsweise auch für iPhones verfügbar.