Umfragebericht zum Scrollen 2021

Adam Argyle
Sam Dutton

Im April hat das Chrome-Team eine Umfrage zu Scroll- und Touch-Aktionen veröffentlicht, die auf den am häufigsten gemeldeten Problemen aus dem 2019 MDN Web DNA Report basiert. Der Bericht zur Scroll-Umfrage 2021 ist fertig und das Chrome-Team möchte einige Gedanken und Maßnahmen teilen, die wir aus den Umfrageergebnissen abgeleitet haben. Wir hoffen, dass diese Ergebnisse Browseranbietern und Standardisierungsgremien helfen, das Scrollen im Web zu verbessern.

Bericht zur Scroll-Umfrage 2021 ansehen.

Bemerkenswerte Ergebnisse

Bei der Umfrage wurden 880 Antworten anonym erfasst, wobei 366 Personen alle Fragen beantwortet haben.

Die ersten Schritte mit dem Scrollen sind zwar nur eine CSS-Zeile, z. B. overflow-x: scroll;, aber der Umfang der Scroll-APIs und ‑Optionen ist groß und umfasst JavaScript bis CSS. Die folgenden Ergebnisse zeigen die Probleme, mit denen Webentwickler konfrontiert sind.

Gesamtzufriedenheit mit dem Scrollen im Web

Frage 27

45%

sind eher oder sehr unzufrieden
mit dem Scrollen im Web.

Diese Frage wurde bewusst erst gegen Ende der Umfrage gestellt, nach Fragen zu 26 Anwendungsfällen und Funktionen für das Scrollen. Die Antwort zeigt deutlich, dass die Web-Community mit dem Scrollen zu kämpfen hat. Fast die Hälfte der Befragten gibt an, insgesamt unzufrieden zu sein.

Wir sind der Meinung, dass die allgemeine Stimmung in Bezug auf das Scrollen nicht so schlecht sein sollte. Diese Messung muss geändert werden. Sie ist ein klares Signal dafür, dass noch Arbeit vor uns liegt.

Schwierigkeiten beim Scrollen

Frage 2

43%

gaben an, dass es eher oder
sehr schwierig ist,
mit dem Scrollen zu arbeiten.

Unsere Untersuchungen haben ergeben, dass diese Schwierigkeiten auf die Vielzahl der Anwendungsfälle für das Scrollen zurückzuführen sind. Wenn wir über das Scrollen sprechen, kann das Folgendes umfassen:

Fehlende Browserfunktionen, komplexes JavaScript und die Notwendigkeit, Eingabemodi wie Touch, Tastatur und Gamepads zu unterstützen, erschweren all diese Dinge.

Bedeutung von Touch-Interaktionen

Frage 3

51%

geben an, dass Touch-Interaktionen als
sehr oder äußerst wichtig
für ihre Arbeit sind.

Da die Zahl der mobilen Webnutzer in den Besuchs statistiken weiter steigt, war es nicht überraschend, dass die Hälfte der Befragten angab, dass Touch-Interaktionen für ihre Arbeit im Web sehr wichtig sind. Das zeigt, dass Webfunktionen wie CSS Scroll Snap und touch-action besondere Aufmerksamkeit erfordern, damit das Web hochwertige Touch-Interaktionen bieten kann.

Schwierigkeiten bei der Navigation mit der Tab-Taste oder dem Gamepad

Frage 5a

44%

geben an, dass die Navigation mit dem Gamepad und der Tab-Taste eher oder sehr schwierig ist.

Das Scrollen umfasst Navigationsmethoden wie Tastaturpfeile, Tab-Tasten, Leertaste und Gamepads. Es kann schwierig sein, diese bei benutzerdefinierten Scroll-Aktionen zu berücksichtigen. Fast die Hälfte der Befragten gibt an, dass es eher oder sehr schwierig ist, diese Eingaben zu berücksichtigen.

touch-action lernen

Frage 9

50%

gaben an, dass sie durch die Umfrage
`touch-action: manipulation`
kennengelernt haben.

In einigen Umfragefragen ging es um die Verwendung bestimmter APIs. Die möglichen Antworten waren „Ja“, „Nein“ oder „Heute habe ich etwas gelernt“. Ein bemerkenswertes Feedback war die Anzahl der Personen, die angaben, durch die Umfrage von touch-action erfahren zu haben. Diese Eigenschaft ist entscheidend, wenn benutzerdefinierte Touch-Gesten erstellt werden, die mit dem Scrollen interagieren müssen.

Zyklisches Scrollen

Frage 27

58%

geben an, dass sie manchmal, oft oder in jedem Projekt
zyklisches Scrollen verwenden.

Das Video zeigt zyklisches Scrollen in Sekunden.
Nach 60 Sekunden beginnt es wieder bei 0.

Diese Zahlen sind hoch für eine Scrollfunktion, die von der Webplattform nur wenig oder gar nicht unterstützt wird. Die Funktion verursacht daher oft hohe technische Schulden, da Duplizierungen oder JavaScript eingefügt werden, um den Effekt zu erzwingen. Sie ist beliebt für Produktkarussells und wenn die Zeit in Sekunden oder Minuten ausgewählt wird, um zyklisches Scrollen anzubieten.

Sind scrollbare Bereiche wichtig?

Frage 2

55%

sehr oder
äußerst wichtig

16%

geben an, dass sie überhaupt nicht
oder geringfügig wichtig sind.

Die Befragten waren sich einig, dass scrollbare Bereiche wichtig sind. Das ist ein weiteres Signal für die Schwierigkeiten, die mit der Bereitstellung von hochwertigem Scrollen verbunden sind.

Karussells

Frage 20

87%

haben Karussells **verwendet**.

24%

geben an, dass sie
einfach zu verwalten sind.

Fast alle Befragten verwenden Karussells in ihrer Webarbeit, aber nur 25% finden sie einfacher zu verwalten. Vorgefertigte Karussells waren bei unserer Recherche beliebt, aber diese Statistik hat uns überrascht, da sie nicht sehr gelöst klingt.

Unendliches Scrollen

Frage 22

65%

verwenden es manchmal
bis in jedem Projekt

60%

geben an, dass es eher oder
sehr schwierig ist.

Zwei Drittel der Befragten verwenden unendliches Scrollen in ihrer Webarbeit und ebenso viele geben an, dass es schwierig ist. Ein weiteres Beispiel für eine hohe Nutzung in Verbindung mit hohen Schwierigkeiten, was für uns ein Bereich ist, der Aufmerksamkeit erfordert.

`content-visibility` und `contain-intrinsic-size` können zwar kombiniert werden, um die Renderingkosten für lange scrollbare Bereiche zu senken, aber das scheint nicht bei der UX für unendliches Scrollen mit der Option „Mehr laden“ zu helfen.content-visibilitycontain-intrinsic-size

Scroll-verknüpfte oder scroll-ausgelöste Animationen

Frage 24

47%

verwenden es manchmal
bis in jedem Projekt

56%

geben an, dass es eher oder
sehr schwierig ist.

Fast die Hälfte aller Befragten verwendet scroll-gesteuerte Animationen und die Hälfte der Befragten findet es schwierig. Auch hier ist eine hohe Nutzung mit Schwierigkeiten verbunden.

Mit integriertem Scrollen konkurrieren

Frage 26

32%

immer oder
meistens

50%

geben an, dass sie es manchmal verwenden.

Das integrierte Scrollen und die Touch-Interaktionen von Smartphone- und Tablet-Apps werden oft als ein klarer Bereich genannt, in dem das Web aufholen kann. Zu den Funktionen gehören scroll-verknüpfte Animationen, programmatische Schnittstellen, Sprachintegration, Scroll-Hinweise und Pull-to-Refresh-APIs.

Nur die Hälfte der Befragten war der Meinung, dass es nur manchmal möglich ist, die Erfahrung des integrierten Scrollens zu erreichen.

Gesamtzufriedenheit mit der Entwicklung von Scroll-Interaktionen im Web

Frage 27

Ein Kreisdiagramm mit fünf Abschnitten
6,3% sehr unzufrieden, 2,7% sehr zufrieden, 23,4% eher zufrieden, 28,8% weder zufrieden noch unzufrieden, 38,7% eher unzufrieden.

Wichtigste Erkenntnisse aus der Umfrage

Die Umfrageergebnisse sind in vier Kategorien unterteilt: Kompatibilität, Bildung, APIs, und Funktionen.

Kompatibilität

Das Chrome-Team hat sich zum Ziel gesetzt, die Anzahl der Webkompatibilitätsprobleme zu verringern , einschließlich der Scrollkompatibilität.

Die ersten drei Kompatibilitätsprobleme, auf die wir uns konzentrieren: 1. Kompatibilität für horizontales Scrollen. 1. overscroll-behavior browserübergreifend. 1. Präfixe aus -webkit-scrollbar entfernen und dem Standard folgen.

Bildung

Die Umfrageergebnisse haben gezeigt, dass mehr Informationen zu touch-action und logischen Eigenschaften erforderlich sind. Der Browser ist führend im internationalen Layout und es ist offensichtlich, dass er nicht ausreichend genutzt oder falsch verstanden wird.

Bereiche, auf die wir uns konzentrieren: 1. touch-action 1. Logische Eigenschaften

APIs

Die Verwendung von Scroll-Snapping nimmt zu und Entwickler haben angegeben, dass sie Funktionen interoperabel mit beliebten Bibliotheken und Plug-ins verwenden möchten. Wenn diese Lücke zwischen CSS und Plug-in-Bibliotheken geschlossen wird, kann die Zufriedenheit von Entwicklern und Nutzern mit Scroll-Snapping verbessert werden.

Wir konzentrieren uns bei der API-Arbeit auf scroll-snap: 1. API-Verfügbarkeit und ‑Kompatibilität in verschiedenen Browsern. 1. Arbeit an neuen CSS APIs wie scroll-start beginnen. 1. Arbeit an neuen JS Ereignissen wie snapChanged() beginnen.

Funktionen

Die Umfrageergebnisse haben gezeigt, dass Nutzer mit einigen bestimmten Arten von scrollbezogenen Komponenten im Web zu kämpfen haben, da die Plattform nicht die erforderlichen Primitiven bietet, um sie ohne Plug-ins oder mit hohem Aufwand zu erstellen. Dieser Bereich soll genauer untersucht werden.

Zu den Funktionen, die Entwicklern Schwierigkeiten bereiten, gehören: 1. Karussells 1. Virtuelles Scrollen 1. Unendliches Scrollen

Ressourcen