Entdecken Sie in diesem umfassenden Leitfaden fortschrittliche Methoden zur Durchführung von UX- und Usability-Tests für Websites. Erfahren Sie, wie Sie die Benutzererfahrung verbessern und durch strenge Testverfahren eine optimale Website-Funktionalität sicherstellen können. Dieser Artikel bietet wertvolle Einblicke, wie Sie Ihre Teststrategien optimieren können, um die digitale Performance zu steigern.
Table of Contents
Verbesserung von UX- und Usability-Tests durch Biometrie für tiefere Einblicke
User Experience (UX) ist ein weit gefasster Begriff, der viele Aspekte der Interaktion eines Nutzers mit Ihrem Produkt und Ihrem Unternehmen umfasst; konkret geht es darum, „wie er Sie wahrnimmt“. Bei der Usability geht es eher um die praktische Seite der Dinge, wobei die zentrale Frage lautet: „Ist die Bedienung einfach?“ Die Kombination beider Aspekte führt zu einem besseren Verständnis der emotionalen Erfahrung und der Interaktion mit Ihrer Marke und trägt hoffentlich zu einem unvergesslichen, positiven Erlebnis bei. Aber wie testet man beides?
Jede Website, jede App und jedes physische Produkt sollte in gewissem Umfang UX- und Usability-Tests unterzogen werden. Da so gut wie alles in diese Kategorie fällt, konzentrieren wir uns auf webbasierte Interaktionen und beleuchten einige wichtige Aspekte, die bei der Durchführung fortgeschrittener UX- und Usability-Tests mit biometrischen Daten zu beachten sind. Die Kernelemente fortgeschrittener UX- und Usability-Tests konzentrieren sich darauf, wie man verschiedene Modalitäten, Experimente und Überlegungen für webbasierte Tests angeht.
Legen Sie Ihren Untersuchungsrahmen fest: Warum es wichtig ist, die richtige Geschäftsfrage zu formulieren
Wir bei iMotions empfehlen natürlich nachdrücklich den Einsatz von Biosensor-Tools für UX-Tests, doch sollte dies nicht der erste Gesichtspunkt sein, den Sie bei der Festlegung des Umfangs Ihrer Tests berücksichtigen. Der wichtigste erste Schritt besteht darin, Ihre geschäftliche Fragestellung so klar wie möglich zu formulieren und anschließend das geeignete biometrische Tool einzusetzen. Kurz gesagt: Die Forschungsfrage sollte stets ausschlaggebend für die Wahl des Tools sein.
Wenn Sie die „geschäftlichen Auswirkungen“ Ihrer Fragestellung verstehen, können Sie besser nachvollziehen, wie Ihr Versuchsdesign Ihnen dabei helfen kann, Ihr Ziel zu erreichen. Durch den Einsatz fortschrittlicher biometrischer Forschung zur Gewinnung von Erkenntnissen über Ihre verschiedenen Website-Designs können Sie Antworten auf Fragen zu Konversionsraten und Interaktionsraten mit Elementen auf Ihrer Website erhalten.
Bei der Entscheidung, welche Art von Studie Ihnen die aussagekräftigste Antwort auf Ihre geschäftliche Fragestellung liefert, ist es wichtig, die richtige Hardware und das richtige biometrische Tool auszuwählen, die am besten zu Ihrer Studie passen. Im Folgenden stellen wir die gängigsten Methoden für webbasierte UX- und Usability-Tests vor sowie einige zusätzliche Tools, mit denen Sie Ihre biometrischen Ergebnisse ergänzen können. Nach einer kurzen Einführung in die Hardware-Methoden, die üblicherweise für UX- und Usability-Tests verwendet werden, gehen wir weiter unten näher darauf ein.
Biometrische Tools für webbasierte UX- und Usability-Tests
Wie man Eye-Tracking bei Usability-Tests für Websites einsetzt
Da webbasierte Produkte ausschließlich auf dem Bildschirm genutzt werden, ist Eye-Tracking ein fast unverzichtbares Instrument für diese Art von Tests. Im Folgenden finden Sie einige aussagekräftige Kennzahlen aus dem Eye-Tracking, die Ihnen nützliche Einblicke in die Nutzung Ihrer Website durch die Nutzer liefern können.
Heatmaps: Eye-Tracking-Heatmaps sind farbcodierte Visualisierungen, die zeigen, wohin die Zielgruppe zu einem bestimmten Zeitpunkt blickt. Die visuelle Aufmerksamkeit wird über die gesamte Zielgruppe hinweg zusammengefasst und als „Wärme“ dargestellt, die über einen Reiz gelegt wird. Anhand dieser Wärme lässt sich erkennen, welche Bereiche des Inhalts die größte visuelle Aufmerksamkeit auf sich ziehen und welche Bereiche oder Elemente möglicherweise völlig übersehen werden.
Interessenbereiche (AOI): AOIs können festgelegt werden, um festzustellen, wie schnell bestimmte Elemente wahrgenommen werden bzw. welche übersehen werden und wie viel Zeit die Betrachter mit den verschiedenen Elementen verbringen.
Navigationspfade: Navigationspfade beschreiben im Durchschnitt die visuelle Navigation des Publikums durch den Reiz.
Wie man die Gesichtsausdrucksanalyse (FEA) im Bereich UX einsetzt
Während man mithilfe von Eye-Tracking feststellen kann, wo und wie lange ein Befragter auf einen Bildschirm schaut, lässt sich durch die Analyse des Gesichtsausdrucks erkennen, wie er wahrscheinlich darüber denkt.
Mimik ist oft ein diskretes, flüchtiges Phänomen. Sie hängt zudem stark vom Kontext ab – auf einer Website lächelt man vielleicht nicht (es sei denn, der Inhalt ist lustig), aber man runzelt eher die Stirn, wenn eine Seite frustrierend oder verwirrend ist.
Gesichtsausdrücke werden als prozentualer Anteil der Zeit angegeben, in der während eines Inhalts oder eines Abschnitts innerhalb dieses Inhalts Gesichtsausdrücke erkannt werden, die einen bestimmten Schwellenwert überschreiten.
Wenn jemand länger die Stirn runzelt, kann dies darauf hindeuten, dass er vom Inhalt verwirrt ist, sich konzentriert oder mit der gestellten Aufgabe zu kämpfen hat.

Wie man GSR oder die elektrodermale Aktivität (EDA) in der UX einsetzt
Ein EDA-„Peak“ ist ein biologischer Indikator dafür, dass in diesem Moment etwas Relevantes passiert ist – dass eine emotionale Verbindung hergestellt wurde. EDA-Peaks pro Minute geben an, wie viele emotionale Ereignisse alle 60 Sekunden auftraten. Je höher die Zahl, desto stärker war die emotionale Reaktion der Nutzer während der Interaktion mit den Inhalten. Da Websites an sich relativ neutrale Reize darstellen können, wird es sicherlich Studien geben, in denen EDA möglicherweise nicht viele Informationen liefert. Beziehen Sie sich daher auf Ihre Forschungsfrage, um zu entscheiden, ob dieses Tool für Sie von Nutzen sein kann.
Beispielsweise lassen sich wahrscheinlich deutliche EDA-Spitzen feststellen, wenn man die Reaktion eines Nutzers auf provokative Inhalte in sozialen Medien auswertet oder wenn man das Ausmaß der Frustration gegenüber einem Design bei der Bewältigung einer bestimmten Aufgabe misst (in Verbindung mit FEA-Daten). Wenn Sie jedoch eine freie Navigation einsetzen, während die Teilnehmer ungezwungen durch zwei verschiedene Designs surfen, werden Sie möglicherweise keinen Unterschied feststellen.
Usability-Tests mit Elektromyographie und Gesichts-Elektromyographie (EMG & fEMG)
Obwohl diese Methode in erster Linie bei Gerätetests, in der Ergonomie und bei der Untersuchung menschlicher Faktoren zum Einsatz kommt, findet sie auch bei webbasierten Tests Anwendung. EMG misst die elektrische Aktivität der Muskeln der Testpersonen. Bei Anbringung an den Gesichtsmuskeln (fEMG) kann es als weitere Methode zur Messung der Valenz (positive oder negative Reaktionen) bei Ihren Testpersonen dienen und wird aufgrund seiner Empfindlichkeit manchmal gegenüber der webcam-basierten FEA bevorzugt (allerdings auf Kosten einer höheren Invasivität). EMG kann in eher produkt-, geräte- oder umgebungsbezogenen Usability-Tests zur Messung von Griffkraft, Anspannung, Gangbild, Körperhaltung usw. eingesetzt werden, was je nach Zielsetzung Ihres Experiments wertvolle Messgrößen darstellen kann.

Weitere Tools für UX- und Usability-Tests
Um sicherzustellen, dass Sie ein möglichst genaues Feedback erhalten, stehen Ihnen mehrere nicht-biometrische Optionen zur Selbstauskunft zur Verfügung, mit denen Sie Ihre Ergebnisse untermauern können.
Umfrage mit offenen Fragen: Bitten Sie die Befragten, ihre Nutzererfahrungen näher zu beschreiben. Dies kann Ihnen auch dabei helfen, präzisere Rückschlüsse auf die biometrischen Daten der Befragten zu ziehen. Fragen wie „Wie haben Sie sich bei der Ausführung der von mir gestellten Aufgabe gefühlt?“ veranlassen die Befragten häufig dazu, eine Antwort zu geben, die mit den von ihnen angegebenen biometrischen Ergebnissen übereinstimmt.
Skalenfragen: Bitten Sie Ihre Befragten, eine bestimmte Aufgabe auf einer Skala von 1 bis 10 (oder 1 bis 100) zu bewerten. Fragen wie: „Auf einer Skala von 1 bis 10: Wie schwierig war es, zu X oder Y zu navigieren, dort etwas einzureichen oder sich dort anzumelden?“ – solche Fragen geben Ihnen einen guten Einblick darin, wie die körperlichen und psychophysischen Reaktionen der Befragten mit ihren Antworten zusammenhängen.
Verhaltensmessungen: Es ist immer sinnvoll, weitere Messpunkte festzulegen, um die von den Befragten gesammelten Ergebnisse zu konkretisieren. Sie können objektive Anmerkungen wie Live-Marker oder „verwendete Klicks“ festhalten, die Sie als Forscher markieren, während ein Teilnehmer eine Aufgabe ausführt.

Schritt-für-Schritt-Anleitung für fortgeschrittene UX- und Usability-Tests von Websites (4 Schritte)
Nachdem Sie nun einen kurzen Überblick über die Möglichkeiten zur Gewinnung von Daten erhalten haben, die Einblicke in emotionale und praktische UX- und Usability-Tools bieten, erfordert die Konzeption Ihrer Untersuchung, um ein ganzheitliches Bild der Nutzererfahrung zu erhalten, einige gut durchdachte Prozesse.
- Schritt 1: Aufbau Ihres Teilnehmerpools für die Studie
- Schritt 2: Konzeption Ihrer Studie
- Schritt 3: Verfeinerung Ihrer Hypothese
- Schritt 4: Abstimmung Ihrer Hypothese auf Ihre Ergebnisse
Schritt 1: Aufbau Ihres Teilnehmerpools für die Studie:
Sie haben Ihre Forschungsfrage und die geeigneten Methoden, mit denen Sie Ihre geschäftliche Fragestellung beantworten möchten – nun ist es an der Zeit, Ihre Befragten zu finden.
Die Klärung der Merkmale der Befragtengruppe für Ihr Experiment ist für ein genehmigtes Studiendesign von zentraler Bedeutung. Dies ist wichtig, da Nebenwirkungen ausgeschlossen werden müssen, die die Ergebnisse Ihrer Datenerhebung verfälschen könnten. Bei der Zusammenstellung Ihres Befragtenpools müssen Sie sicherstellen, dass Kohärenz zwischen Alter, Geschlecht, Bildungsniveau, Einkommen usw. besteht. Aspekte wie Lebenserfahrung und gesundheitliche Probleme müssen ebenfalls in Ihren Entscheidungsprozess einbezogen werden. Einfach ausgedrückt: Eine Website, die auf eine bestimmte Zielgruppe ausgerichtet ist, muss von genau dieser Zielgruppe einer UX-Prüfung unterzogen werden.
Es herrscht Einigkeit darüber, dass 5 bis 7 Teilnehmer die ideale Anzahl für UX-Tests einer Website sind, wenn keine biometrischen Geräte zum Einsatz kommen. 5 bis 7 Teilnehmer decken bereits 75 bis 95 % der Usability-Probleme im Website-Design auf, sodass die Einbeziehung weiterer Teilnehmer in der Regel nur Zeitverschwendung bedeutet. Es ist besser, eine Reihe kleinerer Experimente mit Gruppen von jeweils 5 Teilnehmern durchzuführen, um den gesamten UX-Ablauf der Website abzudecken.
- Die erste Gruppe entdeckt die Probleme.
- Die zweite Gruppe überarbeitet die Themen.
- Die dritte Gruppe testet die Neugestaltung erneut.
Auf diese Weise haben Sie zwar nur 15 (bis 21) Teilnehmer einbezogen, aber Ihren gesamten Entwurfsprozess abgedeckt.
Dieser Konsens trifft bei der Verwendung biometrischer Messinstrumente nicht zu. Für Eye-Tracking-Studien wird eine Teilnehmerzahl von mindestens 30 Personen empfohlen. Der Grund dafür ist, dass die Vielseitigkeit von Biosensor-Studien es ermöglicht, ein breiteres Spektrum an Forschungszielen zu untersuchen, das über das bloße Aufspüren von Schwachstellen im Website-Design hinausgeht. Angesichts der Detailgenauigkeit der Daten aus Biosensor-Quellen benötigen Sie zudem mehr Teilnehmer, um aus den Aktivitäten Ihrer Testgruppe verwertbare Erkenntnisse zu gewinnen.

Man sollte bedenken, dass nicht alle Befragten verwertbares Feedback geben werden; daher ist es ratsam, 25 % mehr Teilnehmer einzuplanen, als man für notwendig hält. Dies gilt auch für die anderen oben genannten Methoden – bei biometrischen Untersuchungen gilt generell: Je mehr, desto besser.
Mögliche Anwendungsfälle für UX-Tests von Websites
Je nach Ihrer geschäftlichen Fragestellung gibt es verschiedene Möglichkeiten, diese in der Praxis zu beantworten. Hier sind einige der gängigen Methoden für UX-Tests:
– Benutzerfreundlichkeit der Website: Bewerten Sie, wie Website-Nutzer sowohl intuitiv als auch bei der Erledigung bestimmter Aufgaben durch die verschiedenen Seiten navigieren.
– Website-Vergleiche (A/B-Test): Vergleichen Sie die Nutzererfahrung bei verschiedenen Website-Designs. Durch die erneute Konfrontation mit festgelegten Reizen lassen sich detailliertere Erkenntnisse gewinnen.
– Biometrisch gestützte Tiefeninterviews: Die Nutzer können ganz ungezwungen im Internet surfen, während die Interviewer die biometrischen Daten in Echtzeit auswerten, um die Fragen während der Tiefeninterviews individueller zu gestalten.
Schritt 2: Die Konzeption Ihrer Studie – Beispiele für gute und weniger gute Studiendesigns
Bei der Konzeption Ihrer Studie sollten Sie einige Punkte beachten. Es ist in der Regel ratsam, das Studiendesign einfach zu halten und nur wenige Abweichungen gegenüber den einzelnen Website-Designs vorzunehmen. Dies ermöglicht A/B-Tests, die der beste Weg sind, um sicherzustellen, dass kein Priming auftritt.
Beispiel für ein gutes Studiendesign:
Wie bereits weiter oben in diesem Artikel erwähnt, ist es sehr wichtig, eine gute und klar definierte Forschungsfrage zu haben. Ein Beispiel für eine gute Frage könnte lauten: „Welches Website-Layout erleichtert den Kaufprozess?“ Diese Frage ist gut, weil sie die Grundlage für ein sehr prägnantes und einfaches Studiendesign bildet. Ein solches Design könnte wie folgt aussehen:
2 Versionen der Website mit 2–3 spezifischen Unterschieden im Layout oder in der Architektur;
beim A/B-Test-Design sehen die Teilnehmer entweder den einen oder den anderen Prototyp
; die Teilnehmer erhalten dieselbe Aufgabe, nämlich einen Kaufprozess zu durchlaufen und eine Kaufentscheidung zu treffen
Warum ist dies also ein gutes Studiendesign? Zunächst einmal verhindert ein zwischenprobandenvergleichendes Design (A/B-Test), dass es zu Priming-Effekten kommt, weil die Teilnehmer beide Designs sehen. Durch die Kontrolle einer Aufgabe – insbesondere mit Blick auf ein bestimmtes Ergebnis oder Ziel – kann der Forscher die Nutzererfahrung zwischen den verschiedenen Website-Versionen direkt vergleichen. Dadurch bleibt die Anzahl der Variablen gering, und der Forscher kann konkrete Möglichkeiten zur Optimierung der Website herausarbeiten.
Die Eingrenzung der Stimuli (also dessen, womit Sie Ihre Nutzer konfrontieren) für A/B-Tests auf der Grundlage psychophysischer Reaktionen hilft Ihnen dabei, ein positives Erlebnis mit Ihrem Produkt oder Ihrer Website zu schaffen – neben anderen Verhaltensbeobachtungen, die als quantifizierbare Daten erfasst werden können.

Beispiel für ein weniger gutes Studiendesign:
Um den Unterschied zwischen einem guten und einem weniger guten Studiendesign noch einmal zu verdeutlichen, hier ein Beispiel für ein Design, das nicht die Grundlage für eine prägnante und einfache Studie bildet.
Auch hier gilt: Jedes Studiendesign beginnt mit einer Frage. Diesmal könnten wir fragen: „Wie reagieren Nutzer auf die verschiedenen Website-Layouts?“ Auf den ersten Blick scheint dies eine gute Forschungsfrage zu sein, doch wenn man sie so weiterverfolgt, weist sie erhebliche Mängel auf:
2 verschiedene Seiten mit zahlreichen Unterschieden in Layout und Aufbau.
Die Befragten sehen zuerst Prototyp A und anschließend Prototyp B, in dieser Reihenfolge.
Warum ist ein solches Studiendesign verbesserungswürdig? Erstens erschweren die zahlreichen Unterschiede zwischen den beiden Prototypen die Ermittlung der Elemente, die sich positiv oder negativ auf die Benutzererfahrung auswirken. Zweitens kann die Tatsache, dass die Teilnehmer die Websites in derselben Reihenfolge sehen, zu Priming-Effekten und anderen Verzerrungen der Daten führen.
Mehr zum Thema: Was ist Forscherbias? (Und wie lässt er sich überwinden?)
Schritt 3: Verfeinerung Ihrer Hypothese – was testen Sie eigentlich?
Sobald Sie sich für ein Studiendesign entschieden und dieses bestätigt haben, können Sie damit beginnen, konkretere Hypothesen zu formulieren.
Anhand der Frage nach dem geeigneten Studiendesign und Ihres zuvor erstellten Studiendesign-Rahmens „Welches Website-Layout erleichtert den Kaufprozess?“ können Sie nun damit beginnen, einige Hypothesen zu formulieren, die Sie bestätigen oder widerlegen möchten. In diesem Fall könnten einige Hypothesen wie folgt lauten:
Ein Website-Layout, das relevante Links besonders hervorhebt, erleichtert den Kaufvorgang.
Ein effektiveres Website-Layout sorgt für eine längere Verweildauer der Nutzer – während ein ineffizientes Design dazu führt, dass die Nutzer sich langweilen oder das Interesse verlieren, nimmt die Verweildauer mit der Zeit ab.
Eine ineffiziente Website-Gestaltung führt zu mehr Problemen oder Frustrationen für den Nutzer.
Je länger die Customer Journey ist und je mehr Interaktionen der Nutzer mit der Seite hat, desto frustrierender ist der Weg zum Kauf.

Schritt 4: Abstimmung Ihrer Hypothese auf Ihre Ergebnisse – Welche Kennzahlen messe ich?
Es ist wichtig, nicht nur die Methode zu bestimmen, sondern auch die konkreten Kennzahlen, die Sie zur Beantwortung Ihrer geschäftlichen Fragen heranziehen möchten.
Anhand der zu Beginn dieses Artikels beschriebenen Methoden können wir diese auf die im vorangegangenen Abschnitt aufgestellten Hypothesen anwenden.
Eye-Tracking: Ein Website-Design, bei dem relevante Links besonders gut sichtbar sind, vereinfacht den Kaufprozess. Methode/Metriken Lösung: 1–3 Interessenbereiche, die auf Funktionen markiert sind, die für den weiteren Verlauf der Customer Journey auf beiden Websites relevant sind. Heatmaps zur Ermittlung alternativer Pfade. |
GSR/EDA: Nutzer zeigen bei einem effektiveren Website-Layout eine längere Verweildauer – da sich die Nutzer bei einem ineffizienten Design langweilen oder das Interesse verlieren, nimmt die Verweildauer mit der Zeit ab. Methode/Metrik: GSR-Spitzenwerte pro Minute für Website A im Vergleich zu Website B. |
| Analyse der Mimik: Ein ineffizientes Website-Design führt zu mehr Problemen oder Frustrationen für den Nutzer. Methode/Metrik: Die Dauer, während der die Stirn gerunzelt wird, bei den Websites A und B als Indikator für negative Valenz. |
| Verhaltensindikatoren: Je länger die Customer Journey ist und je mehr Interaktionen der Nutzer mit der Seite hat, desto frustrierender ist der Weg zum Kauf. Methode/Metriken: Erfassen Sie die Anzahl der Klicks und die Zeit, die für die Erledigung jeder Aufgabe aufgewendet wurde. |
iMotions-Konfigurationen zur Durchführung Ihrer Studie
Die Konfiguration von UX-Tests für Websites kann verschiedene Formen annehmen. Je nach Umfang Ihrer Untersuchung kann dies mehr oder weniger hardwareintensiv sein und sich auch darauf auswirken, wie Ihre Studie mit iMotions eingerichtet wird. Wenn Sie wissen möchten, welche Möglichkeiten für die Konfiguration von UX- und Usability-Tests wir bei iMotions anbieten können, wenden Sie sich bitte an uns – wir helfen Ihnen gerne dabei, die beste Lösung für Ihre Untersuchung zu finden.
Fern-UX- und Usability-Tests
Die neueste Funktion von iMotions ist unser Tool zur Online-Datenerhebung. Damit können Sie Daten sowohl online als auch im Labor erfassen, sodass Nutzer von zu Hause aus mit Ihrer Website interagieren können – ganz gleich, wo auf der Welt sie sich gerade befinden. So können Sie Tests mit Teilnehmern organisieren, ohne dass diese persönlich im Labor erscheinen müssen, und gleichzeitig bei der Suche nach Teilnehmern den gesamten Globus erschließen.

Vor kurzem lud Melina Palmer, langjährige Partnerin von iMotions und Expertin für Verhaltensökonomie sowie Gründerin und CEO von The Brainy Business Inc., Dr. Jessica Wilson von iMotions ein, gemeinsam mit ihr eine Folge ihres beliebten Podcasts „The Brainy Business Podcast“ aufzunehmen.
Die beiden sprachen darüber, wie wichtig es ist, Inhalte zu testen, wie iMotions dabei helfen kann, diese Inhalte sowohl im Labor als auch online zu testen, und vor allem über die langlaufenden Online-Studien, an denen die beiden für Melina im Zusammenhang mit ihrer Website und den Werbemaßnahmen für ihr neuestes Buch gearbeitet haben.

Autor: Morten Pedersen,
Marketingleiter bei iMotions.
