Was Usability ist und wozu Heuristiken dienen
Usability (auf Deutsch Benutzbarkeit) beschreibt, wie leicht und wie gut Menschen mit einer Seite oder einer App ihr Ziel erreichen. Mit den Grundsätzen dieser Lektion finden Sie Schwachstellen einer Seite, noch bevor jemand sie testet.
Eine Heuristik ist eine Faustregel, mit der Sie eine Oberfläche beurteilen. Ein Webshop mit guten Preisen verliert Kundschaft, wenn niemand den Bezahlknopf findet.
Am Ende dieser Lektion
Notiz
Ich kann eine Oberfläche anhand von Usability-Grundsätzen beurteilen.
Schlüsselwörter
| Begriff | Was er bedeutet | Beispiel |
|---|---|---|
| Usability | wie leicht und gut Menschen ihr Ziel mit einer Oberfläche erreichen | |
| Heuristik | eine Faustregel, mit der Sie eine Oberfläche beurteilen | |
| Rückmeldung | die sichtbare Antwort des Systems auf eine Handlung | Im Warenkorb |
| Konsistenz | gleiche Dinge sehen gleich aus und wirken gleich | |
| Fehlervermeidung | der Entwurf lässt einen Fehler gar nicht erst zu |
Die Zellen, die Lernende ausfüllen, bleiben in dieser Vorschau leer.
Eine gute Seite zeigt, was gerade geschieht
Ein System sollte zeigen, in welchem Zustand es ist: Wo bin ich, was ist gewählt, läuft gerade etwas? Nach jeder Handlung braucht die Person eine Rückmeldung, die schnell und deutlich kommt.
Drückt jemand auf Kaufen und sieht nichts, drückt sie noch einmal. Dann liegt dreimal derselbe Artikel im Korb.
Ein Beispiel: schwache und gute Rückmeldung
| Handlung | Schwache Reaktion | Gute Reaktion |
|---|---|---|
| Auf Kaufen drücken | Nichts ändert sich | Der Zähler am Korb steigt und eine Meldung erscheint |
| Ein Formular abschicken | Die Seite lädt ohne ein Zeichen | Eine Anzeige sagt: wird gesendet |
| Ein Feld falsch ausfüllen | Die Seite springt nach oben | Das Feld ist markiert und sagt, was fehlt |
Die Zellen, die Lernende ausfüllen, bleiben in dieser Vorschau leer.
Die Notizen der Beobachtung zeigen die Probleme
Im Lab haben zwölf Personen einen kleinen Webshop ausprobiert. Beobachtende haben aufgeschrieben, wo es hakte. Der Run druckt diese Notizen. Das Lab schreibt sie auf Englisch, so wie es alle seine Ausgaben schreibt.
Lesen Sie sie mit den Grundsätzen im Kopf: Eine Person drückte viermal auf Kaufen, weil nichts zu sehen war.
Die Notizen der Beobachtung lesen
docker exec jupyter cat notes.mdHier angezeigt, nicht ausgeführt. Erstellen Sie ein kostenloses Konto, um „Ausführen“ zu drücken und ihn im Terminal Ihres eigenen Labs einzugeben.
Gleiche Dinge müssen gleich aussehen und wirken
Konsistenz heißt: Gleiche Dinge sehen gleich aus und verhalten sich gleich. Ein Link sieht immer wie ein Link aus. Zwei Knöpfe mit derselben Aufgabe haben dieselbe Form.
Menschen übertragen, was sie von anderen Seiten kennen. Brechen Sie diese Gewohnheit, müssen sie nachdenken. Auch Wörter zählen: Heißt dasselbe einmal Korb und einmal Tasche, wirkt es wie zwei Dinge.
Ein Skript zählt vage Linktexte
Das Skript audit.py liest die zwei Seiten des Shops und die Formatvorlage. Es zählt vier typische Probleme und druckt englische Zeilen.
Auf der Startseite sind 5 von 6 Links vage, sie heißen etwa click here oder read more. Wer nur die Links vorgelesen bekommt, erfährt nicht, wohin sie führen.
Die Seite prüfen lassen
docker exec jupyter python3 steps/audit.pyHier angezeigt, nicht ausgeführt. Erstellen Sie ein kostenloses Konto, um „Ausführen“ zu drücken und ihn im Terminal Ihres eigenen Labs einzugeben.
Der beste Fehler ist einer, der nie entsteht
Ein Feld für ein Datum nimmt nur Daten an. Ein Knopf für etwas Unumkehrbares fragt vorher nach. So entsteht der Fehler gar nicht.
Passiert doch einer, sagt die Meldung in einfachen Worten, was los ist und was zu tun ist. Eine Meldung wie Error 7 hilft niemandem, denn nur die Entwickelnden kennen die Zahl.
Ein Beispiel: schlechte und gute Fehlermeldungen
| Meldung | Was fehlt | Besser |
|---|---|---|
| Error 7 | Sie nennt nicht, was falsch ist | Die Postleitzahl hat fünf Ziffern |
| Ungültige Eingabe | Sie nennt nicht, welche Eingabe | Bitte geben Sie eine E-Mail-Adresse mit @ ein |
| Fehler | Sie sagt gar nichts | Die Karte wurde abgelehnt, versuchen Sie eine andere |
Die Zellen, die Lernende ausfüllen, bleiben in dieser Vorschau leer.
Ein häufiger Fehler
Warnung
Viele glauben: Eine Seite, die schön aussieht, lässt sich auch gut bedienen. Aussehen und Benutzbarkeit sind aber zwei verschiedene Dinge. Prüfen Sie immer, ob Menschen ihr Ziel erreichen, und nicht nur, ob die Seite gefällt.