Lässt es sich mit cremefarbenem Papier, einer Tönung, mehr Kontrast oder größerer Schrift besser lesen? Wählen Sie Ihre Farben und Ihre Schrift, einmalig für alle Seiten.

Kostenlose Lektion

Ein Problem beheben und erneut testen

Nach dieser Lektion: Ich kann zeigen, dass ein behobenes Problem wirklich behoben ist.

Lektion, 60 Min.2 BefehleUsability-Test-Lab: einen schwer bedienbaren Webshop prüfen und einen Test im Browser lesen

Ein Test ist erst mit der Wiederholung fertig

Iteratives Gestalten heißt: testen, ein Problem beheben, erneut testen und vergleichen. Erst der Vergleich von vorher und nachher zeigt, ob die Änderung wirklich geholfen hat.

Ohne Vergleich wissen Sie nur, dass Sie etwas geändert haben. Mit ihm können Sie begründen, warum die neue Seite besser ist.

Am Ende dieser Lektion

Notiz

Ich kann zeigen, dass ein behobenes Problem wirklich behoben ist.

Schlüsselwörter

BegriffWas er bedeutetBeispiel
Iterationein Durchlauf aus testen, ändern und erneut testen
Vorher und nachherdieselben Zahlen vor und nach einer Änderung
Prototypein früher, billiger Entwurf, den Menschen ausprobieren
Papierprototypein Entwurf aus Papier, der von Hand wechselt
Wirkungder Unterschied, den eine Änderung bewirkt+25

Die Zellen, die Lernende ausfüllen, bleiben in dieser Vorschau leer.

Ein Kreislauf aus testen, ändern und vergleichen

Jede Runde hat vier Schritte. Sie testen mit Menschen, sammeln die Probleme, beheben eines und testen erneut mit denselben Aufgaben.

Dann vergleichen Sie die Zahlen. Wurde die Quote besser und fielen die Fehler, hat die Änderung geholfen. Danach beginnt die nächste Runde mit dem nächsten Problem.

Zuerst halten Sie den Stand fest

Bevor Sie etwas ändern, brauchen Sie die Zahlen von vorher. Im Lab druckt das Skript fix.py zuerst einen englischen Satz, dass noch nichts behoben ist. Dann folgen dieselben Prüfungen wie vorher: die Zählung der Probleme und die Kontraste.

Ändern Sie im Lab erst danach die Seiten. Starten Sie das Skript dann noch einmal, so bewegen sich die Zahlen mit Ihren Änderungen.

Den Stand vor jeder Änderung lesen

Befehl
docker exec jupyter python3 steps/fix.py

Hier angezeigt, nicht ausgeführt. Erstellen Sie ein kostenloses Konto, um „Ausführen“ zu drücken und ihn im Terminal Ihres eigenen Labs einzugeben.

Auch die Schrift gehört in das Vorher

Notieren Sie auch Zahlen, die kein Skript für Sie sammelt. In der Formatvorlage stehen drei Schriftgrößen. Der Run zeigt die Zeilen mit ihrer Nummer.

Die Fließschrift hat 11 Pixel, die Überschrift 24 und der Knopf nur 9. Zwei von drei Größen liegen unter 14 Pixeln.

Die Schriftgrößen der Formatvorlage zeigen

Befehl
docker exec jupyter grep -n font-size shop/style.css

Hier angezeigt, nicht ausgeführt. Erstellen Sie ein kostenloses Konto, um „Ausführen“ zu drücken und ihn im Terminal Ihres eigenen Labs einzugeben.

Ein Beispiel: ein zweiter Test im Vergleich

AufgabeQuote vorherQuote nachherWirkung
find_teapot1001000
add_to_basket8392+9
fill_form9283-9
fix_error5075+25

Die Zellen, die Lernende ausfüllen, bleiben in dieser Vorschau leer.

Die Wirkung steht im Unterschied der Zahlen

Ziehen Sie vorher von nachher ab. Ein Plus ist eine Besserung, ein Minus eine Verschlechterung. In der Tabelle (ein erfundenes Beispiel, nicht die Zahlen des Labs) hat die letzte Aufgabe am meisten gewonnen.

Die Aufgabe fill_form wurde schlechter. Ein Minus nehmen Sie ernst: Eine Änderung kann an anderer Stelle etwas stören.

Ein Prototyp lässt Fehler früh billig finden

Ein Prototyp ist ein früher Entwurf, den Menschen ausprobieren, bevor ein Team ihn baut. Ein Papierprototyp besteht aus gezeichneten Seiten, die eine Person von Hand wechselt, wenn jemand tippt.

Fehler in Papier zu finden kostet Minuten. Dieselben Fehler im fertigen Programm kosten Tage. Testen Sie also früh und oft, mit den einfachsten Mitteln.

Ein häufiger Fehler

Warnung

Viele glauben: Wenn die Zahlen nach der Änderung besser sind, hat die Änderung geholfen. Bei zwölf Personen können auch Zufall oder eine andere Gruppe die Ursache sein. Ändern Sie einen Punkt nach dem anderen, testen Sie dieselben Aufgaben und lesen Sie die Notizen mit.

Über dieses Lab und seinen Quellcode: Usability-Test-Lab: einen schwer bedienbaren Webshop prüfen und einen Test im Browser lesen

Sie unterrichten eine Gruppe? Weisen Sie dieses Modul Ihren Studierenden zu, mit Handbuch für Lehrende, automatisch geprüften Aufgaben und einem Lab für jede Person.