Alle Projekte

UX/UI · 2023

homee App User Testing

Konzeption und User Testing für die Smart-Home-App von homee

In der Anfangszeit der homee App habe ich gemeinsam mit einem Frontend-Entwickler, der bei homee auch UX/UI verantwortet, an der Konzeption gearbeitet. Die UX-Struktur aus dieser Phase ist bis heute die Grundlage der veröffentlichten App.

Mein Schwerpunkt war das szenariobasierte User Testing: In zwölf Wochen haben wir vier Aufgaben-Flows entwickelt, Tester:innen über eigene Social-Media-Kampagnen gewonnen und die Flows mit rund 110 Nutzer:innen über das Online-Tool Maze und qualitativ via Shadowing getestet.

ZEITRAUM

Jan. 2023 - April 2023

MEINE ROLLE

Konzeption, Mock-Ups, UX Research & User Testing

TOOLS

Figma, Maze

01 DAS ERGEBNIS

Die Grundstruktur der App habe ich in dieser Phase erarbeitet, und sie hat sich im Test größtenteils bewährt:

Drei der vier Flows funktionierten auf Anhieb.

Bis zur heute veröffentlichten App hat sich am User Interface noch das ein oder andere verändert, das Skelett der App ist aber bis heute meine damals erarbeitete Struktur.

Qualitative Nutzertests

100

Tester:innen über das Online Test-Tool Maze

Aufgaben-Flows als Klickdummy

Von 4 Aufgaben konnten Nutzer:innen auf Anhieb bewältigen

Wochen Testzeit vom Storyboard bis zur Auswertung

02 DAS TESTING

In zwölf Wochen ging es vom Storyboard bis zur Auswertung. Den Prozess habe ich von der Planung bis zur Analyse gestaltet, inklusive der Kampagne, über die wir die Tester:innen gewonnen haben.

Zuerst haben wir Szenarien definiert, Screens und Aufgaben erstellt und Tester:innen gewonnen. In einem internen Vortest haben wir erste Fehler und Unklarheiten beseitigt. Danach haben 100 Tester:innen die Aufgaben in Maze durchgeführt. Mit ihren Ergebnissen haben wir die Klickdummys angepasst und das Konzept zum Schluss noch einmal qualitativ getestet: per Shadowing mit weiteren 10 Personen.

GRUNDLAGE

Konzept &

Tester Recruiting

Szenarien, Screens und vier Aufgaben als Klickdummy. Parallel Tester:innen über Ads, Landingpage und Fragebogen gewonnen.

INTERN

Vortests

Testing mit Kundenservice-Mitarbeitern:

Erste Fehler und Unklarheiten beseitigen vor dem großen Testing.

Klickdummys anpassen

100 TESTER

Remote-Test in Maze

1 Woche Zeit zum Testen:

Die vier Aufgaben, ausgewertet nach Erfolgsquote, Stolperstellen und Nutzergruppe.

Klickdummys anpassen

10 TESTER

Shadowing

Die angepassten Klickdummys nochmal vor Ort via Shadowing qualitativ mit 10 weiteren Personen getestet und eine finale Auswertung gemacht.

DER ZEITPLAN

03 DIE TESTER

Die App soll auch ohne Vorkenntnisse gut funktionieren. Gesucht haben wir deshalb vor allem Menschen mit wenig Smart-Home-Erfahrung, und so stand es teils auch in den Ads. Über einen Fragebogen haben wir abgefragt, wie viel Erfahrung die Bewerber:innen mitbringen. Auf dieser Basis haben wir die Tester:innen ausgewählt, in drei Gruppen eingeteilt und die Ergebnisse später auch nach diesen Gruppen ausgewertet.

"Mitbewohner:in"

Technisch nicht versiert;

Lebt mit Smart Home, richtet aber selbst nichts ein. Schaltet nur, zum Beispiel das Licht an und aus.

"Normalo"

Technisch interessiert;

Richtet Geräte auch selbst ein, ist aber nicht besonders Smart-Home-affin.

"Spezialist"

Sehr Technik-affin;

Tief im Thema, will möglichst alles automatisieren und baut viele eigene Automationen.

DIE KAMPAGNE

Für Facebook und Instagram habe ich eigene Ads gestaltet. Die Motive greifen typische Smart-Home-Situationen auf: Sicherheit, Brandschutz, Haustiere oder unterwegs nach dem Rechten sehen. Ein einheitlicher Störer „Smart-Home-Tester:innen gesucht!“ hält sie zusammen.

04 DIE AUFGABEN

Jede Aufgabe stellt eine Situation aus dem Smart-Home-Alltag nach. Getestet wurden die Flows, nicht das finale Design. Dass sich die Oberfläche noch verändern würde, war von Anfang an klar. Aus diesem Grund habe ich hier auch nur Wireframes aufbereitet um den flow zu zeigen.

AUFAGABE 1: LICHT STEUERN

Küchenlampe hinzufügen, Favoritenfarbe „Eisblau“ anlegen bzw. „Rosenrot“ ersetzen, Farbe wechseln und

auf 60 % dimmen. Getestet in zwei Varianten.

homee – Wireframe-Flow Aufgabe 1 copy_1x.png

Aufgabe 2: Grafik auslesen

Wie hoch war der Geräuschpegel der „Netatmo Station“ am 17.03.2022 um 17:34 Uhr?

Die Problemstellen:

Der Weg zum Wert war zwar richtig angelegt, aber an drei Stellen unklar: Der Slider mit den Attributen oben wurde nicht als Auswahl erkannt (A), der gesuchte Wert im Graphen nicht als ablesbar (B), und dass sich Zeitraum, Datum und Uhrzeit ändern lassen, war nicht eindeutig (C).

homee – Wireframe-Flow Aufgabe662_1x.png

Aufgabe 3: Gerät zu Gruppe hinzufügen

Gruppe „Beleuchtung Küche“ erstellen, „Philips Hue White“ einlernen, zur Gruppe hinzufügen und prüfen, ob es dort erscheint.

Aufgabe 3: Smart Widgets

Füge ein Smart Widget „Licht“ zu deinem Zuhause-Screen hinzu.

05 DIE HOMEE APP HEUTE

Die Grundstruktur und die Menüführung der heutigen App stammen aus dieser Phase. Geändert hat sich vor allem die Oberfläche. Die Graphen in der Detailansicht wurden überarbeitet, weil sich im Test gezeigt hatte, dass sie verwirrend waren. Genau dort, wo es bei Aufgabe 2 gehakt hat.

Links die Screens aus dem Klickdummy, mit dem wir getestet haben, rechts die gleichen Stellen in der heute veröffentlichten App. Die Test-Screens und die Struktur stammen von mir, beim heutigen UI-Design der App habe ich nur teilweise mitgewirkt.

Zuhause

CLICK-DUMMY TEST