User Testing 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.

written by Elias Englen | 12/22/2020
More on this topic
8 min reading time › | Blog

Adding type hints to existing code in Python

The Python interpreter handles types in a dynamic and flexible way without constraints on what type of object a variable is assigned to. Since Python 3.5 programmers have the option to add type annotations to their code to check whether variable types are valid. In this blog entry we show you how it's done.

read more
2 min reading time › | Blog

Next.js Routing with Nginx

Automatically generate a Nginx routing configuration for static Next.js projects.

read more
2 min reading time › | Blog

From backend to frontend: we are looking for reinforcement

We have two vacancies for Fullstack or Backend Developers for our offices in Freiburg and Olten. If you want to bring your passion to a strong team, then you should apply.

read more
3 min reading time › | Blog

Migrating from enzyme to testing-library/react

We have rewritten our frontend unit tests from using enzyme to testing-library/react. This article provides a quick overview of the updates.

read more
2 min reading time › | Blog

mapset 2.0 with MUI

mapset 2.0 has been widely refactored using the open-source react component library MUI (Material-UI).

read more
3 min reading time › | Blog

Set up Django to only allow CORS requests in DEBUG mode

This post is about how to set up a Django project to only allow CORS requests in DEBUG mode, even if they require a login to the backend. In our case, this has been useful to test frontend customizations on the internal dev environment without having to start the backend locally.

read more

Contact

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