Heute beschäftigen wir uns mit den wichtigsten Fakten darüber, wie sich das unendliche Scrollen im gesamten Web zu einer so beliebten Technik entwickelt hat und warum es trotz seiner Beliebtheit noch nicht so weit verbreitet ist.
Dieses Merkmal erschien zu einem Zeitpunkt in der Geschichte des Internets, als die Informationsmenge, die auf Webseiten dargestellt werden sollte, zunahm, und die Geschwindigkeit der Verbindungen dem Leser den Zugriff auf und die Übertragung von Informationen mit höherer Geschwindigkeit ermöglichte. Die Frage des unendlichen Bildlaufs auf Webseiten ist einer der Aspekte, die beim Design der Benutzererfahrung eine Rolle spielen, und ist nicht so aufdringlich, wie Sie vielleicht denken.
Anfänge und Popularisierung
Bei Google heißt es kontinuierliches Scrollen und kann auch als endloses Scrollen bezeichnet werden. Kurz gesagt, ist das unendliche Scrollen eine Technik, mit der der Browser automatisch neuen Inhalt lädt, wenn der Benutzer das Ende der Seite erreicht, so dass es nicht notwendig ist, nach Seitenknöpfen zu suchen, um zu einem nächsten Teil zu gelangen. Das Ganze wird nur durch Drehen des Mausrads angezeigt.
Diese Technik wird insbesondere in der Newsfeed-Seite von Facebook verwendet. die Bildersuchergebnisseite von Google und die Twitter-Zeitleiste. Ein interessantes aktuelles Beispiel, das zu Referenzzwecken veröffentlicht wurde, ist auf der Demo-Seite zum Isotope jQuery-Plugin zu sehen.
hexaedro.eu nutzt das horizontale unendliche Scrollen, um die Entwicklung der Menschheit zu veranschaulichen
Eine der ersten Hinweise auf diese Art von Bildlauf wurde im Jahr 2005 von Bill Scott (Director 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 nachfolgenden Abschnitt gehen musste, und es wurde zuerst als "live scrollen" 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 Internet sehr beliebt zu sein, was eine plötzliche Begeisterung auslöste. Ein Jahr nach dem Artikel von Scott, der das Scrollen des Live-Rasters ankündigte, war es möglich, Online-Texte zu finden, die das Phänomen der Seitenblutung verleumden und die neue Rolle mit dem Motto lobten Sie.?
Mitte 2008 hatte der Begriff unendliche Schriftrolle bereits ein eigenes Leben und eine Site mit demselben Namen, die ausführlich erklärt wurde, wie er funktioniert. Die Site bot auch eine Handvoll Plugins an, um fortlaufendes Scrollen in WordPress-Themes, Seiten über jQuery-Bibliotheken und "Autopagerize" zu ermöglichen. Add-Ons für Safari und Chrome, die automatisch die Bildlauffunktion zu normalen Websites hinzufügen können.
? Den Benutzer nicht zwingen, nach mehr Inhalten zu fragen: Geben Sie ihn einfach weiter.?Auch im Jahr 2012 wird die Technik als Innovation präsentiert - zu Ihrem Herzen? zusammen mit der Umsetzung von Responsive Design. Aus analytischer Sicht war dies ein weiterer Schritt in Richtung der Trennung zwischen dem zunächst gedruckten Vorhandensein von Inhalten und seinem elektronischen Pendant. Schließlich kommt der Begriff einer Webseite gerade aus der materiellen Welt von Zeitungen, Zeitschriften und Büchern mit echten Papierseiten.
Thomas Baekdal erläutert die Beziehung zwischen gedruckten Seiten und Texten, die auf digitalen Bildschirmen angezeigt werden, in Auflösen der Print-Mentalität. Baekdal regelt das Problem grundsätzlich mit einer Art Formel: zuerst formatieren oder zuerst Inhalt. In seiner Analyse erklärt Baekdal, dass die Einschränkungen der Printmedien nicht auf das digitale Display übertragen werden sollten.
Apple hat auch die Tendenz beim Scrollen gewürdigt. Eine der Hauptfunktionen des neuen iBooks 3.0 war die Möglichkeit, die Bücher vertikal zu scrollen. Nun konnte der Leser den Seitenwechseleffekt vergessen und seine Bestseller per Fingertipp lesen. Das war genau eine Umsetzung des "Loswerden des tanzenden Bären". Motto von Baekdal: Dem Leser die Befreiung vom alten physischen Buchparadigma ermöglichen. Glücklicherweise gab es eine Option, zwischen dem traditionellen Seitenzugriffsthema oder dem ununterbrochenen Scrollen nach Belieben zu wählen, so dass der altmodische Leser immer noch die Möglichkeit hatte, echte Bücher in seinem Gerät nachzuahmen.
Warum diese UX-Verbesserung vermeiden?
Eine der wenigen Ausnahmen von der Regel, unendliches Scrollen zu umfassen, war der Fall von Dan McKinley bei Etsy, wo eine praktische Untersuchung mit der A / B-Testmethode zeigte, dass die Technik nicht wie erwartet funktionierte.
Tatsächlich wurde das unendliche Scrollen von der Website entfernt, nachdem die Anzahl der Klicks auf die Favoriten abnahm und die Suchfunktion nicht mehr verwendet wurde. Ungeachtet eines möglichen Vorurteils bei der Methode zur Bewertung der Reaktionen der Benutzer ist es offensichtlich, dass unendliches Scrollen die Aktivität an sich nicht maximierte oder zumindest die gewöhnliche Öffentlichkeit der Website der Änderung nicht zustimmte.
Google ist ein weiteres Beispiel, bei dem endloses Scrollen nicht vollständig implementiert wurde. Nur die Bildsuche hat einen unendlichen Bildlauf, und selbst dort ist der Bildlauf durch die Option? Taste.
Eine der kreativsten Anwendungen des unendlichen Bildlaufs wird auf der Website distancetomars.com dargestellt
Die Vorteile
Das unendliche Scrollen ist mehr als nur ein schickes Feature, es hat verschiedene Vorteile, die es in vielen Fällen lohnenswert macht:
- Die ununterbrochene Aufmerksamkeit, die ein Benutzer aufrechterhält, wenn automatisch mehr Inhalt bereitgestellt wird, ist der Kern der Attraktivität des unendlichen Bildlaufs. Der Leser muss nicht aufhören zu denken, wo er den nächsten Button finden kann oder welche Anzahl von Seiten kommen sollte, nachdem die Aufmerksamkeit verbessert wurde.
- In psychologischer Hinsicht scheint das unendliche Scrollen automatische Reaktionen auszulösen, die auf der Neugierde und der Abschwächung der Erwartung beruhen, die beim Warten auf neue Informationen erzeugt wird, was eine Art Aufregung und die Bereitschaft verursacht, das Scrollen fortzusetzen, um zu sehen, was sich ergibt. Dieser psychologische Mechanismus verdient ein ausreichendes Verständnis, da der anfängliche Vorteil zu einem Problem werden kann. Die Ergebnisse von McKinley legen zum Beispiel nahe, dass das endlose Scrollen der Suchergebnisseite die Benutzer irgendwie schockiert oder verwirrt und sie mit immer mehr Informationen überlastet, sodass die Verwendung der Suche vermieden wurde.
- Vorlagenentwürfe können mit mehr Sauberkeit, mehr Platz für Inhalte und weniger störenden Elementen wie der Liste der Nummern für das Paging profitieren.
Die Schattenseiten
Natürlich gibt es auch eine Reihe von Problemen beim unendlichen Scrollen, die berücksichtigt werden sollten:
- Seitenladezeit erhöht: Es ist offensichtlich, dass der zusätzliche Inhalt, der am Ende einer Seite angehängt werden muss, mehr Zeit zum Herunterladen benötigt. Benutzer mit DFÜ-Verbindungen oder schlechten mobilen Datentarifen werden die Möglichkeit haben, diese Seite effektiv zu durchsuchen.
- Speicherauslastung: Browser, sowohl auf Desktop-Computern als auch auf mobilen Geräten und Tablets, können möglicherweise zu wenig Speicherplatz haben und zum Absturz bringen, insbesondere wenn die Seite jede Menge Bilder lädt.
- Die erhöhte Ladezeit zusammen mit mehr Systemspeicher und der Prozessorauslastung können unweigerlich zu einer abgehackten, unangenehmen Navigation führen.
- Browserkompatibilität: Da das unendliche Scrollen zum Bereich des responsiven 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 das Nicht-Erreichen der Fußzeile kann eine Erfahrung für den Benutzer. Außerdem wird der gesamte Inhalt der Fußzeile und damit die Funktion der Fußzeile selbst verschwinden.
- Fehlende Orientierung und räumlicher Bezug: In einem paginierten Schema können Benutzer einen einfachen visuellen Bezug festlegen, um sich durch den Inhalt der Seite zu orientieren und die Stellen zu markieren, an denen sich etwas Interessantes befindet. So können Sie später schnell dorthin zurückkehren. Es könnte Benutzer geben, die sich verloren oder verwirrt fühlen, nicht zu wissen, wo sie sich wirklich befinden oder was sie vermissen.
- Verlust der letzten Position des Benutzers im Datenstrom, wenn die Aktualisierungs- oder Zurück-Taste gedrückt wird. Da durch das unendliche Scrollen große Mengen von Einträgen angezeigt werden sollen, sollte es auch eine Möglichkeit bieten, die tatsächliche Position in der Liste abzurufen, um 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 unbrauchbar, da ein Sonderziel nicht auf einer separaten Seite markiert ist, sondern irgendwo im Eintragsfluss schwebt.
- Obwohl dies nicht unbedingt eine schlechte Sache ist, können die Rankings auf den Suchseiten sehr unterschiedlich sein, da die Ergebnisse, die nach der Seitennummer 2 begrenzt werden, auf der ersten Seitennummer erscheinen, indem sie lange genug nach unten scrollen.
Daher sind unendliche Seiten trotz ihrer großen Beliebtheit nicht immer die beste Option für jede Website oder sogar für dieselbe Website, die auf verschiedenen Geräten angezeigt wird.
Einige Problemumgehungen
Entwickler finden ständig Abhilfemaßnahmen für diese Unannehmlichkeiten, wodurch das unendliche Scrollen effektiver wird. Der gut dokumentierte Fall der neuen LinkedIn-App für iPad bietet eine gute Fallstudie zu Problemen und Lösungen bei der Implementierung der unendlichen Bildlaufleiste.
Die Anwendung musste in einer zentralen Liste endlos scrollen, um Nachrichten und große Bilder anzuzeigen. Dies machte es erforderlich, alle Elemente bequem zu handhaben, ohne die Leistung der Bildlaufleiste 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 ist diese Verbesserung des Benutzererlebnisses immer noch eine faire Entwicklung, aber die Benutzer genießen bereits ein besseres Browsererlebnis - insbesondere beim Navigieren auf Seiten mit vielen Informationen, Grafiken und Texten.
Repository-Zone
Das unendliche Scrollen bleibt bestehen, daher ist es ratsam, verschiedene Methoden zu kennen, damit es funktioniert:
Enhantsy: Eine Handvoll Leute, denen die Implementierung des unendlichen Bildlaufs auf Etsy.com tatsächlich gefallen hat, können sie auf ihrer Seite erneut aktivieren, indem sie dieses Plugin von der Seite Enhantsy installieren. Das Plugin bietet mehrere weitere Funktionen, um das kontinuierliche Scrollen auf allen Seiten von Etsy wiederherzustellen.
WordPress-Lösungen: Blogs sind vielleicht die bevorzugten Kandidaten für unendliches Scrollen. Möglicherweise kann sich ein kleiner Teil der Benutzer nicht mit der semitransparenten Floating-Fußzeile befassen, die WordPress bei aktiviertem unendlichen Bildlauf platziert. Für die große Mehrheit der Techniker ist Infinite-Scroll jedoch ein Plugin, das den endlosen Bildlaufmodus meistens aktiviert von WP-Themen und erfordert wenig Fachwissen oder Programmierkenntnisse. Das Jetpack-Plugin bietet außerdem unendliches Scrollen als eine weitere Funktion zwischen Dutzenden von Funktionen. Tuts + hat ein Tutorial veröffentlicht, wie Sie mit jQuery unendliches Scrollen erreichen können. Dieses Tutorial richtet sich an mutige Bastler, die uneingeschränktes Scrollen implementieren möchten, indem sie den Code selbst eingeben.
Diskussion und Empfehlungen: StackOverflow bietet zahlreiche Tutorials zu allen möglichen Aspekten des unendlichen Bildlaufs.
Mobile Alternativen: Das unendliche Scrollen funktioniert aufgrund der Art der Touchscreens gut mit mobilen Geräten. Mit Android-Binding ist es möglich, den Effekt auf Android zu erhalten. Es gibt auch Methoden zum Bildlauf, die in Apps verwendet werden, z. B. für das Arbeiten mit iPhones.