Form UX Design – Biometrisches Experiment & Analyse

Bilden Sie Best Practices für UX-Design mit biometrischen Tests

Was ist Form UX Design und warum ist es wichtig?

Form UX-Design ist einer der Schlüsselfaktoren, die den Erfolg in definieren Generierung von Website-Leads. Online-Formulare sind der wichtigste Kanal, um Leads und Kontaktdaten über Websites und Landingpages zu erfassen. Allerdings wird die Benutzerfreundlichkeit von Formularen von Vermarktern oft vernachlässigt, was zu einem konsequenten Verlust potenzieller Leads und neuer Einnahmen führt.

Zusammen mit UX-Design Experten aus Lnet Digital, eine Agentur für digitales Marketing mit Sitz in Großbritannien, haben wir untersucht UX-Design bilden ausführlicher. Dieses Benutzerverhaltensexperiment verwendet biometrische Tests über Augenbewegungsdaten.

Zusammenfassung der Analyseergebnisse mit Schlüsselstatistiken

Sitzungsinformationen

Studienziel: 

Verwenden Sie eine biometrische Analyse des Verbraucherverhaltens, um die Wirksamkeit von LeadGen-App-Formularen zu demonstrieren Verbesserung der User Journey.

Stimuli

A: Stilisiertes Formular mit Visuals für Services (LeadGen App)
B: Standardformular mit allen Fragen auf einer Seite (Jotform)

Benutzerabsicht: Wählen Sie einen Autolackschutzdienst aus und geben Sie Details zu seinem Auto ein

Stimuli

Fertigstellungszeit des Formulars

Bessere Benutzererfahrung

Objektive biometrische Maßnahmen

Augenbewegungsverfolgung

Emotionserkennung

Maßnahme zur Selbstanzeige

Größeres/schlechteres Engagement

Methoden

A/B-Tests

Die Analyse

Hypothese

Beschäftigt den Benutzer stärker mit visuellen Aspekten, ermöglicht es Benutzern, Informationen in überschaubaren Teilen zu verarbeiten, um sie zu ermutigen, sich Zeit zu nehmen und den Fokus auf Fragen zu reduzieren.

Analyse

Diese Analyse geht über vier Schlüsselbereiche; A Heatmap, Interessensgebiete, emotionale Reaktion und das Usability-Feedback:

Die Heatmap zeigt, wo die Testteilnehmer am meisten hinschauen. Die Farbpalette reicht von Grün über Gelb bis hin zu Rot. Grün bedeutet, dass die Aufmerksamkeit auf einen Bereich gering ist, Gelb bedeutet, dass dort eine mäßige Aufmerksamkeit verbracht wird und Rot bedeutet, dass viele Teilnehmer ihre Aufmerksamkeit dort konzentrieren.

Interessensbereiche sind Stellen auf der Webseite, die unserer Einschätzung nach wichtig genug für eine weitere Analyse sind. Auf diese Weise können wir Daten darüber sammeln, ob ein Bereich Aufmerksamkeit erhält, wie oft ein Bereich Aufmerksamkeit erhält, wie lange die Aufmerksamkeit anhält usw.

Anhand der emotionalen Reaktion können wir besser verstehen, wie Teilnehmer auf die Nutzung der Webseite reagieren. Wir können eine Reihe positiver und negativer Emotionen erkennen und so besser bestimmen, ob ihnen das Erlebnis einer Webseite besser gefallen hat als das einer anderen.

Beim Usability-Feedback handelt es sich um einen Datensatz, den wir aus den Fragen zusammengetragen haben, die den Teilnehmern am Ende des Tests gestellt wurden. Dies gibt uns weitere Einblicke in die Gefühle der Teilnehmer bezüglich der Tests und kann uns dabei helfen, bessere Ergebnisse zu erzielen, die uns beim Eye-Tracking oder bei der emotionalen Reaktion möglicherweise nicht möglich gewesen wären.

Heatmap-Maßnahmen

Heatmap-Zusammenfassung

Beide Heatmaps weisen die meiste Aufmerksamkeit rund um die Anweisung auf, was auch zu erwarten ist. Über alle Teilnehmer hinweg weisen sie eine hohe Konzentration rund um die erste und zweite Frage auf dem Formular mit LeadGen auf.

Bei der Betrachtung des Formulars mit der LeadGen-App ist jedoch ein mäßiger Schwerpunkt auf den visuellen Aspekten zu erkennen. Dieser Unterschied könnte darauf zurückzuführen sein, dass das Bild dem Benutzer eine bessere Vorstellung davon vermittelt, was der Dienst abdeckt, sodass er einfacher und sicherer antworten kann.

Außerdem fällt ohne LeadGen-App besonders viel Aufmerksamkeit auf den Titel des Formulars. Wir gehen davon aus, dass dies auf die Fehlermeldung zurückzuführen ist, die angezeigt wird, wenn ein Teilnehmer in ein Feld falsche Angaben macht. Eine Fehlermeldung am oberen Rand der Seite sowie unter dem Feld ist nicht gut für die Benutzererfahrung da ihre Aufmerksamkeit abgelenkt wird:

Große Aufmerksamkeit auf zwei separate Fehlermeldungen in Jotform - Formularstruktur (links) und Heatmap-Aktivität (rechts)

Einblicke:

Ohne LeadGen besteht eine höhere Aufmerksamkeit, was zu Verwirrung oder einem Mangel an Verständnis hinsichtlich der Dienste führen kann.

Mit LeadGen gibt es weniger Konzentrationspunkte, man kann ein besseres Verständnis zeigen und den Benutzern Vertrauen in das geben, wonach sie suchen.

Verweildauer und Anzahl der erneuten Besuche

Zusammenfassung der Interessengebiete (AOI).

Teilnehmer, die mit LeadGen weniger Zeit für Interessengebiete (AOI) aufwenden, könnten bedeuten, dass die Bilder dazu beitragen, den Teilnehmern die Optionen für die Fragen klarer zu machen, sodass sie die Frage schneller beantworten können.

Um dies zu erzwingen, hatten die Teilnehmer auch eine geringere Anzahl von Wiederholungen, was bedeutet, dass sie den Interessenbereich weniger oft auf dem mit LeadGen-Formular betrachteten.

Erklärung der Analyse

Während unseres UX-Forschungsprozesses verwenden wir Gesichtscodierung, um die Ausdrücke jedes Teilnehmers während des Experiments zu erkennen und zu analysieren, um so Einblicke und ein Verständnis dafür zu gewinnen, wie sie emotional auf bestimmte Elemente einer Webseite reagieren, sowie ihre emotionalen Veränderungen während des gesamten Experiments gesamte User Journey. 

Bei der Aufzeichnung des Gesichts jedes Teilnehmers mit seiner Webcam wird die Kombination aus geringfügigen Änderungen im Gesicht in Echtzeit (Gesichtsaktionseinheiten) von unseren biometrischen Maßnahmen zur Echtzeit-Emotionsklassifizierung erfasst, wobei AU-Detektoren verwendet werden, die durch große globale Datensätze trainiert wurden, einschließlich Tausende von Gesichtsausdruckvideos, die von Teilnehmern mit unterschiedlichen demografischen Merkmalen aufgenommen wurden und sich kommerzielle Videos als Stimuli ansehen. 

Unsere Modelle des Emotionscodierungssystems sind in der Lage, 7 Grundemotionen genau zu erkennen, einschließlich Wut, Ekel, Angst, Freude, Traurigkeit, Überraschung und Verachtung, sowie das Hervorrufen von Sentimentalität und Verwirrung, sind wir auch in der Lage, andere aussagekräftige Metriken auf hoher Ebene zu erkennen, wie z blinken und Aufmerksamkeit.

Einige der Metriken, die von unseren biometrischen Messungen bei der Erfassung von Gesichtsveränderungen verwendet werden, umfassen:

Brauenheber, Brauenfurche, Oberlidheber, Wangenheben, Lidstraffer, Nasenfalten, Oberlippenheber, Lippeneckenzieher, Dimpler, Kinnheber, Lippenpucker (AU18) Lippendehnen, Lippenpresse (AU24) Lippenteil, Kiefertropfen , Lippen saugen, Augen schließen

Zum Beispiel die Erkennung von Grinsen wird als asymmetrischer Lippeneckenzieher oder Dimpler definiert.

Sobald Emotionen erkannt werden, werden sie für zukünftige Analysen weiter in positive Emotionen und negative Emotionen eingeteilt.

Durch die Kombination des Gesichtsausdruck-Analysesystems mit Eye-Tracking-Technologie können wir in Echtzeit sehen, auf welchen Bereich der Webseite sie reagieren. Dies wird zu einem tieferen Verständnis der emotionalen Reaktion der Benutzer auf alle derzeit präsentierten Inhalte führen, sodass wir diese Erkenntnisse als wichtige Leitlinien für die nächsten Schritte der UX-Verbesserung nutzen können, mit dem Ziel, positivere Emotionen zu wecken und die Inhalte, die negative Emotionen wecken.

Mehr Ressourcen:  Unabhängiges Whitepaper 2022: AFFDEX ist eine der wichtigsten Engines für die Gesichtscodierung, die wir verwenden.

Emotionale Reaktion - Positiv

Ein Blick auf dieses Diagramm zeigt uns, dass die Teilnehmer 26 % mehr Frames mit positiven Emotionen zeigen würden, wenn sie das LeadGen-Formular nicht verwenden. Dies ist eine unglaublich genaue Methode, um zu messen, wie lange ein Teilnehmer auf die Reize reagieren würde. Da es nur einen Unterschied von 10 Frames gibt, ist es eine sehr winzige Änderung der Reaktionen

Zusammenfassung:

26 % mehr positive Frames ohne LeadGen App

Der Unterschied in den Frames bedeutet nicht, dass die Teilnehmer ohne LeadGen App eine dramatisch bessere Zeit hatten.

Emotionale Reaktion - Negativ

Auf der anderen Seite können wir aus dieser Grafik ersehen, dass der Teilnehmer drastisch (172 %) mehr negative Emotionen hatte, ohne das LeadGen-Formular zu verwenden. Obwohl das Formular ohne LeadGen etwas mehr positive Emotionsframes hatte, zeigt dieser große Unterschied bei den negativen Emotionen, dass die Teilnehmer ihre Abneigung gegen das Formular ohne LeadGen häufiger zeigen würden.

Zusammenfassung:

• 172 % mehr negative Emotionen ohne LeadGen
• Der Unterschied zeigt die Menge an Negativität, die die Teilnehmer mit dem LeadGen-Formular hätten.

Emotionale Reaktion - Aufmerksamkeit

Dieses Diagramm zeigt, wie lange sich die Teilnehmer Interessengebiete ansehen würden. Wir detaillieren dies, damit wir messen können, wo ihre Aufmerksamkeit liegt, wir können sehen, dass es bei LeadGen einen Unterschied von 68 % gibt. Dies bedeutet, dass sich die Aufmerksamkeit der Teilnehmer hauptsächlich auf die Interessengebiete richtet, die zeigen, dass der Inhalt des Formulars sie beschäftigt.

Zusammenfassung:

• 68 % mehr Aufmerksamkeit auf das LeadGen-Formular
• Zeigt das LeadGen-Formular an, um die Teilnehmer zu beschäftigen

Feedback zur Benutzerfreundlichkeit

Fragen

Welches Formular fanden Sie einfacher zu verwenden? 1. oder 2

Warum war es einfacher?

Ergebnisse

1. Form ist ohne LeadGen App

2. Form ist mit LeadGen App

Befragte, die die LeadGen-App bevorzugt haben, fanden es einfacher, da Bilder ein besseres Verständnis der Fragen ermöglichen

Befragte, die ohne die LeadGen App vorzogen, fanden es einfacher, da alle Fragen auf einer Seite angezeigt wurden und die Benutzer sie schneller ausfüllen konnten

Mit der LeadGen-App
„Die visuellen Hilfsmittel helfen beim Befüllen unseres Prozesses.“
„Es war visueller, eine Frage pro Bildschirm. Es gab auch sofortiges Feedback.“

Ohne LeadGen-App
„Es ist einfacher, wenn man alle Fragen von Anfang an kennt“
„War auf einer einzigen Seite, was es einfach machte, das Formular einfach durchzugehen.“

Beobachtungen

Bei den Ergebnissen des Experiments fanden wir bei den Teilnehmern überraschend, dass einige von ihnen das längere reine Textformular vorgezogen hatten, da sie es leichter auszufüllen fanden und sehen konnten, wie lang das Formular ist. Dies könnte an den Lesegewohnheiten einzelner Teilnehmer liegen. Einige Menschen verarbeiten visuelle Elemente im Allgemeinen schneller als Text und umgekehrt. Aufgrund der begrenzten Anzahl von Befragten kann es sich lohnen, weitere Tests mit einer größeren Stichprobengruppe durchzuführen, damit wir genauere Ergebnisse und einen besseren Einblick erhalten warum das so ist.

Analyse

Eye-Tracking Interessengebiete Mit der LeadGen-App

Analyse

Eye-Tracking Interessengebiete Ohne LeadGen-App