Gutes Interface-Design bedeutet, dass der Nutzer den nächsten Schritt nicht erraten muss. Farben und Bilder prägen den ersten Eindruck; verständliche Abläufe sorgen dafür, dass ein Produkt tatsächlich genutzt wird. Bewertet man Designentscheidungen anhand echter Aufgaben, führt das beide Seiten zusammen.
01Die Aufgabe vor dem Bildschirm definieren
Was möchte der Nutzer erreichen, welche Informationen hat er, und was braucht er für seine Entscheidung? Um zum Beispiel einen Termin zu verschieben, müssen alter Termin, verfügbare Zeiten und die Auswirkung der Änderung gemeinsam sichtbar sein. Gestalten Sie die gesamte Aufgabe, statt einzelne Bildschirme nacheinander zu verschönern.
02Unklarheiten früh mit einem Prototyp aufdecken
Ein klickbarer Prototyp hilft, den Ablauf zu testen, bevor die Entwicklung beginnt. Geben Sie dem Nutzer die Aufgabe, ohne zu sagen, worauf er klicken soll, und beobachten Sie, wo er zögert. Diese Übung ersetzt keine Performance- oder Integrationstests des fertigen Produkts, hilft aber, Ablaufprobleme früher zu erkennen.
03Fehler und Barrierefreiheit von Anfang an mitdenken
Leere Zustände, ungültige Eingaben, Verbindungsabbrüche und erfolgreiche Vorgänge gehören in dasselbe Designsystem. Vermitteln Sie Informationen nicht nur über Farbe; denken Sie an Beschriftungen, Fokuszustände und die Bedienung per Tastatur. Die WCAG-Kurzreferenz des W3C zeigt den Umfang der Barrierefreiheitsprüfungen. Einzelne Punkte umzusetzen, reicht nicht aus, um vollständige Konformität mit dem Standard zu behaupten.
04Dafür sorgen, dass das Design im fertigen Produkt erhalten bleibt
Teilen Sie leere, ladende, fehlerhafte und erfolgreiche Zustände von Komponenten mit dem Entwicklungsteam. Prüfen Sie das Layout mit langen Übersetzungen, kleinen Bildschirmen und echten Daten. Bewerten Sie bei der Abnahme nicht nur die visuelle Ähnlichkeit, sondern ob der Nutzer seine Aufgabe korrekt und verständlich abschließen kann. Unser UI/UX-Design-Service betrachtet diesen Schritt als Teil der Lieferung. Wie sich Design in einer Webplattform niederschlägt, behandeln wir in unserem Beitrag zur Webplattform.
05Kurze Checkliste
- Ist für jeden Bildschirm dokumentiert, welcher Nutzeraufgabe er dient?
- Wurde der Prototyp mit echten Nutzern anhand mindestens einer Aufgabe getestet?
- Sind leere, ladende, fehlerhafte und erfolgreiche Zustände jeweils gestaltet?
- Werden Informationen nicht nur über Farbe, sondern auch über Text und Symbole vermittelt?
- Bleibt das Layout bei langen Texten und kleinen Bildschirmen intakt?
- Ist der Tastaturfokus bei jedem interaktiven Element sichtbar?
Geschrieben von
Das Paradigma7-Team
Produkt, Entwicklung und Betrieb
Wir sind ein Team aus Ankara und entwickeln Software für Europa. Nichts davon ist Theorie: Es sind die Prozesse, die wir in Kundenprojekten tatsächlich fahren.
Über uns