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

Form UX-Design – Forschungsbericht

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 primäre Kanal zur Erfassung von Lead- und Kontaktdaten über Websites und Landingpages. Allerdings wird die Benutzererfahrung von Formularen von Vermarktern oft übersehen, was zu einem ständigen 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. Form UX-Designexperiment – ​​Zusammenfassung der Analyseergebnisse 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) Sitzungsinformationen von 2 Formularen im UX-Experiment – ​​LeadGen-App-Formular vs. 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

Die Formular-UX-Designanalyse

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, wohin alle Testteilnehmer am meisten schauen würden. Die Bandbreite reicht von Grün über Gelb und dann zu Rot, wobei Grün bedeutet, dass sie in einem Bereich wenig Aufmerksamkeit haben, Gelb bedeutet, dass dort nur mäßige Aufmerksamkeit aufgewendet wird, und Rot bedeutet, dass ein Großteil der Teilnehmer dort ihre Aufmerksamkeit richten würde. Interessengebiete sind Orte auf der Webseite, die wir für wichtig genug halten, um eine weitere Analyse durchzuführen. Dadurch können wir Daten darüber sammeln. Wenn ein Bereich Aufmerksamkeit erregen würde, wie oft ein Bereich Aufmerksamkeit erregen würde, wie lange die Aufmerksamkeit anhalten würde usw. Die emotionale Reaktion würde uns ein Verständnis dafür geben, wie der Teilnehmer auf die Nutzung der Webseite reagieren würde. Wir können eine Vielzahl positiver und positiver Reaktionen erkennen negative Emotionen, um festzustellen, ob es ihnen besser gefallen hat, eine Webseite zu erleben als eine andere. Bei Usability-Feedback handelt es sich um eine Reihe von Daten, die wir aus Fragen zusammengestellt haben, die den Teilnehmern am Ende des Tests gestellt wurden. Dies gibt uns weitere Einblicke in ihre Meinung zu den Tests und kann uns dabei helfen, bessere Ergebnisse zu erzielen, die wir bei den Tests vielleicht nicht realisiert hätten Eyetracking oder emotionale Reaktion.

 

Heatmap-Maßnahmen

Formular UX-Design Heatmap Maßnahmen LeadGen App v. Jotform Heatmap-Zusammenfassung Beide Heatmaps haben die größte erwartete Aufmerksamkeit rund um die Anweisung. Bei allen Teilnehmern haben sie mit LeadGen eine hohe Konzentration auf die erste und zweite Frage auf dem Formular. Wenn wir uns das Formular mit der LeadGen-App jedoch ansehen, können wir einen mäßigen Fokus auf die visuellen Aspekte erkennen. Dieser Unterschied könnte darauf zurückzuführen sein, dass das Bild dem Benutzer eine bessere Vorstellung davon gibt, was der Dienst abdecken würde, sodass er einfacher und sicherer antworten kann. Ohne die LeadGen-App gibt es auch über dem Titel des Formulars viel Aufmerksamkeit. Wir gehen davon aus, dass dies an der Fehlermeldung liegt, die erscheint, wenn ein Teilnehmer falsche Daten in ein Feld eingibt. Eine Fehlermeldung sowohl oben auf der Seite als auch unter dem Feld ist für die Benutzererfahrung nicht gut, da ihre Aufmerksamkeit abgelenkt wird: Jotform schwache UX-Erfahrung gefunden Große Aufmerksamkeit auf zwei separate Fehlermeldungen in Jotform - Formularstruktur (links) und Heatmap-Aktivität (rechts)   Einblicke: Ohne eine höhere Aufmerksamkeit könnte LeadGen zu Verwirrung oder Unverständnis darüber führen, um welche Dienste es sich handelt. Mit LeadGen gibt es weniger Konzentrationspunkte, es kann ein besseres Verständnis zeigen und den Benutzern das Vertrauen in das geben, wonach sie fragen.   Verweildauer und Statistiken zur Anzahl der erneuten Besuche 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

Positive Rahmen 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

Negative Rahmen 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

Summe der Verweildauer (Blick) in Prozent 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

Welches Formular war Ihrer Meinung nach einfacher zu verwenden – Form UX-Design-Fragebogen Fragen Welches Formular fanden Sie einfacher zu verwenden? 1. oder 2 Warum war es einfacher?   Die 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 Eye-Tracking-Schlüsselstatistiken und -Einblicke Analyse Eye-Tracking Interessengebiete Ohne LeadGen-App Eye-Tracking-Schlüsselstatistiken und -Einblicke - Ohne LeadGen-App  
Melden Sie sich beim LeadGen-App-Banner an

Über den Autor

Autor_Bild

Christoph Lier, CMO LeadGen-App

Christopher ist Spezialist für Conversion-Rate-Optimierung und Lead-Generierung. Er hat einen Hintergrund in Corporate Sales und Marketing und ist seit mehr als 5 Jahren in digitalen Medien aktiv. Er verfolgte seine Leidenschaft für Unternehmertum und digitales Marketing und entwickelte seine ersten Online-Unternehmen seit seinem 20. Lebensjahr, während er noch an der Universität war. Er war 2018 Mitbegründer von LeadGen und verantwortlich für Kundenerfolg, Marketing und Wachstum.