Eine reibungslose User Experience: Die Wissenschaft hinter den Web Vital Metriken von Google

Web-Vitals ist eine Initiative von Google, die Geschäftsinhabern, Vermarktern und Entwicklern gleichermassen helfen soll, Möglichkeiten zur Verbesserung der Benutzererfahrung zu identifizieren. Diese Signale basieren auf umfangreicher Arbeit von vielen Forschern auf den Gebieten der Mensch-Computer-Interaktion (HCI) und der Benutzererfahrung (UX). Die Auswahl der richtigen Metriken und Schwellenwerte ist jedoch nicht so einfach wie das Lesen eines Forschungspapiers, um die Antwort zu finden.

Stellen Sie sich vor, Sie gehen in eine unbekannte Stadt, um einen wichtigen Termin zu erreichen. Sie gehen durch verschiedene Strassen und Stadtzentren auf dem Weg. Aber hier und da lassen lose Pflastersteine Sie stolpern, es gibt langsame automatische Türen, die Sie öffnen müssen, und unerwartete Baustellen leiten Sie in die Irre. All diese Ereignisse unterbrechen Ihren Fortschritt, erhöhen den Stress und lenken Sie von Ihrem Ziel ab. Auch die Benutzer im Web sind auf einer Reise, bei der jede ihrer Aktionen einen Schritt in dem darstellen sollte, was idealerweise ein kontinuierlicher Fluss sein würde. Und genauso wie in der realen Welt können sie durch Verzögerungen unterbrochen werden, von ihren Aufgaben abgelenkt werden und Fehler machen. Diese Ereignisse können wiederum zu einer reduzierten Zufriedenheit und zum Abbruch einer Website oder der gesamten Reise führen. In beiden Fällen ist das Entfernen von Unterbrechungen und Hindernissen der Schlüssel zu einer reibungslosen Reise und einem zufriedenen Benutzer. Also, was hindert Benutzer im Web?

Unterbrechungen aufgrund von Wartesituationen: Lange Website Ladezeiten vermeiden

Die häufigste Art von Unterbrechung, die Web-Benutzer erleben, ist das Warten auf das Laden von Seiten. Für einen Entwickler ist das Laden einer Seite ein diskreter Vorgang, und eine gewisse Verzögerung mag unvermeidlich erscheinen. Ein Seitenaufruf erfolgt jedoch häufig in der Mitte einer Benutzerreise, während sie sich über aktuelle Ereignisse in den Nachrichten informieren, ein neues Produkt recherchieren oder Artikel zum Kauf in den Warenkorb legen. Aus Sicht des Benutzers stellt das Laden einer bestimmten Seite also keine natürliche Pause dar: Sie haben ihr Ziel noch nicht erreicht, was sie möglicherweise weniger tolerant gegenüber Verzögerungen macht. Dies bedeutet, dass Seiten schnell geladen werden müssen, damit die Benutzerreise reibungslos verläuft. Wie schnell ist schnell genug? In gewisser Weise ist dies die falsche Frage. Es gibt keine einzelne magische Zahl, und es gibt drei Hauptgründe dafür.

Zum einen hängt die Antwort vom Ergebnis ab, das Sie in Betracht ziehen, beispielsweise Abbruch, Benutzerzufriedenheit oder Aufgabenleistung. Unterschiedliche Studien konzentrieren sich auf unterschiedliche Ergebnisse und ergeben unterschiedliche Ergebnisse. Weiter variiert die Wirkung von Verzögerungen enorm je nach Persönlichkeit des Benutzers und seiner bisherigen Erfahrung. Aber wie kann man das Auftreten von Hindernissen und Unterbrechungen auf Webseiten minimieren? Die häufigste Art der Unterbrechung, die Webnutzer erleben, ist das Warten auf das Laden von Seiten. Das Laden einer Seite geschieht leider oft mitten in der Reise des Benutzers, wenn er sich über aktuelle Ereignisse in den Nachrichten informiert, ein neues Produkt recherchiert oder Artikel zum Kauf in den Warenkorb legt. Aus Sicht des Benutzers stellt das Warten auf das Laden einer bestimmten Seite also keine natürliche Unterbrechung dar: Er hat sein Ziel noch nicht erreicht, was ihn möglicherweise weniger tolerant gegenüber Verzögerungen macht. Dies bedeutet, dass Seiten schnell laden müssen, damit die Reise des Benutzers reibungslos verläuft. Schliesslich variiert der Effekt von Verzögerungen je nach Kontext und Situation. Nachrichtenseiten, Einkaufsseiten und Reiseseiten sind oft Teil unterschiedlicher Arten von Benutzerreisen, und die gesamte Kurve oben könnte für jede von ihnen anders aussehen. Auch innerhalb eines Kontexts können sich die Seitengestaltung und das Benutzerverhalten im Laufe der Zeit ändern.

Progessives Laden von Inhalten, Layout-Shifts vermeiden

Die meisten Webseiten müssen mehrere Elemente laden, und oft geschieht dies progressiv. Das kann tatsächlich ein Vorteil sein: Wenn einige Inhalte so früh wie möglich erscheinen, kann ein Benutzer damit beginnen, Fortschritte in Richtung seines Ziels zu erzielen, ohne auf alles zu warten, was geladen werden muss. Wenn sich jedoch die Position von bereits sichtbaren Elementen ändert, wenn andere Elemente geladen werden, kann dies die Benutzererfahrung auf zwei Arten negativ beeinflussen. Eine grundlegende Ursache besteht darin, dass die Augen des Benutzers einige hundert Millisekunden benötigen, um die neue Position eines Elements zu finden, wenn es sich plötzlich bewegt. Wenn das Element aus dem Blickfeld verschoben wurde, dauert es viel länger und es ist schwieriger um sich neu zu orientieren. Diese Art von Unterbrechung verlangsamt die Benutzerreise und kann sehr frustrierend sein. Eine ernstere Konsequenz ist also, dass unerwartete Layout-Shifts zu Fehlern führen können. Wenn der Benutzer versucht, ein Element zu tippen, das sich dann bewegt, kann es sein, dass er stattdessen etwas anderes tippt, das sich in seine ursprüngliche Position bewegt hat. Dies liegt daran, dass die Verzögerung vom Wahrnehmen der Bewegung über die Entscheidung, die Aktion abzubrechen, bis zur tatsächlichen Umsetzung für einen Menschen unmöglich ist. Dies könnte bedeuten, dass sie unabsichtlich auf einen Link, eine Anzeige oder eine “Jetzt kaufen”-Schaltfläche klicken und die beabsichtigte Reise des Benutzers erheblich stören. Die Cumulative Layout Shift (CLS) misst, wie häufig und wie schwer unerwartete Layout-Shifts auf einer Seite auftreten. Weniger Shifts bedeuten weniger Unterbrechungen und Fehler. Es wird empfohlen, dass Webseiten darauf abzielen, eine CLS von weniger als 0,1 für 75% der Seitenaufrufe zu erreichen.

Schlusswort

Die Wissenschaft hinter den Web Vitals ist ein wichtiger Faktor für den Erfolg von Websites im heutigen digitalen Zeitalter. Die Initiative von Google zur Verbesserung der Nutzererfahrung durch die Identifizierung von Unterbrechungen und Hindernissen hat sich als sehr wertvoll erwiesen. Webentwickler, Designer und Unternehmer können durch die Verwendung von Metriken wie LCP, CLS und FID die Benutzererfahrung ihrer Websites verbessern und somit das Engagement und die Conversion-Raten ihrer Nutzer erhöhen. Ein wichtiger Aspekt der Web Vitals ist, dass sie auf den Nutzer fokussiert sind und sich darauf konzentrieren, die Benutzererfahrung zu verbessern. Sie messen die Leistung der Website nicht nur aus technischer Sicht, sondern auch aus der Perspektive des Nutzers. Dies ermöglicht es Entwicklern, sich auf die Verbesserung von Bereichen zu konzentrieren, die sich unmittelbar auf das Nutzererlebnis auswirken, wie beispielsweise die Ladezeit oder die Stabilität der Website.

Eine weitere wichtige Erkenntnis aus den Web Vitals ist, dass es keine universelle Lösung gibt. Jede Website hat ihre eigenen spezifischen Anforderungen und Zielgruppen, die unterschiedliche Erwartungen an die Benutzererfahrung haben. Aus diesem Grund müssen Entwickler und Unternehmen die Web Vitals-Metriken an die individuellen Bedürfnisse ihrer Website anpassen und regelmässig überprüfen, um sicherzustellen, dass sie den aktuellen Nutzeranforderungen entsprechen. Darüber hinaus zeigt die Analyse der Web-Vitals-Metriken, dass eine bessere Leistung zu einem höheren Engagement und geringeren Abbruchraten führt. Websites, die die Web-Vitals-Metriken einhalten, haben eine höhere Chance, die Nutzerbindung und -zufriedenheit zu erhöhen und somit ihren Traffic und ihre Conversion-Raten zu steigern. Dies ist insbesondere für Unternehmen von entscheidender Bedeutung, da eine verbesserte Nutzererfahrung zu einem höheren Umsatz führen kann.

Insgesamt sind die Web Vitals ein wichtiger Faktor für den Erfolg von Websites im heutigen digitalen Zeitalter. Die Initiative von Google zur Verbesserung der Benutzererfahrung hat sich als äusserst wertvoll erwiesen, da sie Entwicklern und Unternehmen die Werkzeuge bietet, um die Benutzererfahrung ihrer Websites zu verbessern. Durch die Beachtung dieser Metriken können Unternehmen und Entwickler ihr Engagement erhöhen und ihre Abbruchraten reduzieren, was zu einer besseren Nutzererfahrung und höheren Conversion-Raten führt.