Benutzertests in Adobe XD

Ein Prototyp sollte von potentiellen Nutzern getestet werden. Sonst bekommt man ein tolles Design ohne die richtige Nutzerführung. Das wäre etwa so wie ein toller neuer Herd, bei dem man die Knöpfe nicht finden kann.

Was genau ist ein User Test ?

Ein User Test klärt, ob eine Webseite, App oder sonstige "Interfaces" von potentiellen Nutzern als benutzerfreundlich und intuitiv empfunden werden. Hierbei wird beobachtet, welche Navigationswege die Nutzer wählen, um eine gewisse Aufgabe zu erfüllen. So lässt sich gerade z.B. bei einer Webseite erkennen, ob die Nutzer die erstellte Navigation verstehen / richtig verwenden. Auch ob Verlinkungen der Unterseiten von den Nutzern verstanden werden, kann man hier sehr gut testen. Das Testing der Navigationsstruktur wird meistens in sogenannten Wireframes durchgeführt.

Wann ist ein User Test sinvoll ?

Ein User Test ist immer dann sinnvoll, wenn man es mit einer speziellen Zielgruppen zu tun hat oder noch nicht herausgefunden hat, wie sich eine gewisse Zielgruppe verhält. Gehen wir vom dem Beispiel aus, dass wir eine Webseite erstellen wollen, auf der wir neuen Kundenlead erzeugen aber auch potentielle Stellenbewerber anlocken wollen. Wir erstellen die Navigationsstruktur so, dass die beiden Zielgruppen ( Neue Kunden / potentielle Bewerber ) ihre Interessen auf der Webseite mit möglichst wenigen Klicks erreichen ( optimalerweise < 3 Klicks ). Nachdem wir unsere Navigations-Struktur erstellt haben, können wir nun die Wireframes zum Testen an die Zielgruppen geben (in unserem Fall einen Review Link aus Adobe XD).

Wie kann ich das Nutzerverhalten tracken ?

Wir verwenden für unsere Prototypen Adobe XD. Da XD standardmäßig keine Funktion bietet, um das Nutzerverhalten zu tracken, hilft uns hier das Plugin Useberry aus dem Plugin Store von XD. Bei Useberry können wir nun unsere angefertigten Wireframes inklusive Verlinkungen hochladen. Um den Nutzer nicht einfach blind auf die Webseite los zu lassen können wir in Useberry verschiedene Aufgaben erstellen, für die wir Start- und Zielseite definieren können. Das ist ein tolles Erlebnis für den Nutzer und hilft uns in der Auswertung ungemein weiter. Useberry erstellt für uns Heatmaps, Userflows und sogar Bildschirmaufnahmen, um zu schauen, wie lange der Nutzer gebraucht hat, um verschiedene Elemente auf der Seite zu finden.

Was kann ich mit den Daten des Trackings anfangen ?

Durch die Analyse des Trackings kann herausgefunden werden, ob der Nutzer alle Elemente gefunden hat und auf der Webseite so geführt wurde, wie man es erwartet hat. Z.B. kann man durch die Bildschirmaufnahmen herausfinden ob der Nutzer sich schwer getan hat, verschiedene Navigationselemente auf der Seite zu finden oder gar ganz übersehen hat. In diesen Fällen müssten wir uns über Position und Design der Elemente Gedanken machen, damit der Nutzer die Elemente findet und verwendet.

geschrieben von Elias Englen | 22.12.2020
Mehr zum Thema
8 min Lesezeit | Blog

Hinzufügen von Typ-Hinweisen zu vorhandenem Code in Python

Der Python-Interpreter behandelt Typen auf dynamische und flexible Weise ohne Einschränkungen bezüglich des Objekttyps, dem eine Variable zugewiesen ist. Seit Python 3.5 haben Programmierer die Möglichkeit, Typ-Annotationen in ihren Code einzufügen, um zu prüfen, ob die Variablentypen gültig sind. In diesem Blogeintrag zeigen wir Ihnen, wie man das macht.

weiterlesen
2 min Lesezeit | Blog

Next.js Routing mit Nginx

Automatisch eine Nginx Routing-Konfiguration für statische Next.js Projekte generieren.

weiterlesen
2 min Lesezeit | Blog

Von Backend bis Frontend: wir suchen Verstärkung

Wir bieten zwei Stellen als Fullstack- oder Backend-Entwickler:innen für unsere Offices in Freiburg und Olten. Wenn du deine Leidenschaft in einem starken Team einbringen willst, dann solltest du dich bewerben.

weiterlesen
3 min Lesezeit | Blog

Umstellung von enzyme auf testing-library/react

Wir haben unsere Frontend-Unit-Tests von enzyme auf testing-library/react umgeschrieben. Dieser Artikel bietet einen schnellen Überblick über die Aktualisierungen.

weiterlesen
2 min Lesezeit | Blog

mapset 2.0 mit MUI

mapset 2.0 wurde unter Verwendung der Open-Source-React-Komponentenbibliothek MUI (Material-UI) umfassend überarbeitet.

weiterlesen
3 min Lesezeit | Blog

CORS in Django für Entwicklungs­umgebung

In diesem Beitrag geht es darum, wie man ein Django-Projekt so aufbaut, dass es nur im DEBUG-Modus CORS-Requests zulässt, auch wenn diese einen Login im Backend erfordern. Das Setup vereinfacht Tests in internen Entwicklungsumgebungen.

weiterlesen

Kontakt

geOps AG
Solothurnerstrasse 235
CH-4600 Olten

fon: +41 61 588 05 05
mail: info@geops.ch
geOps GmbH
Bismarckallee 10
D-79098 Freiburg

fon: +49 761 458 925 0
mail: info@geops.de