Arbeitsweise

So arbeite ich, Schritt für Schritt.

Ich arbeite methodisch, damit eine Intuition erklärt, geprüft und verbessert werden kann, ohne ihre menschliche Seite zu verlieren.

Ich folge diesen Phasen nicht wie einem starren Rezept. Sie schaffen Raum für Aufmerksamkeit: Wenn wiederkehrende Arbeit strukturiert ist, kann ich mehr Zeit zum Zuhören, Interpretieren und für Entscheidungen verwenden, die das Produkt wirklich verändern.

Jede Phase hinterlässt Nachweise und eine Begründung. So kann ich die Arbeit mit anderen besprechen, Monate später wieder aufnehmen und ehrlich benennen, was wir wissen, was wir vermuten und was noch überprüft werden muss.

Die sechs Phasen

Rahmen klären

Problem, Zielgruppe und tatsächliche Einschränkung definieren, bevor etwas gezeichnet wird.

Menschliche Entscheidungen: Problem, Umfang, Erfolgskriterien und das, was ausgeschlossen bleibt.
Unterstützung durch KI: Kontext zusammentragen und vorhandenes Material zusammenfassen.
Nachweise: Eine schriftliche Problemdefinition und festgehaltene Abnahmekriterien.

Forschung

Meine ersten Eindrücke am Kontext und den Bedürfnissen der Menschen prüfen.

Menschliche Entscheidungen: Was ich lernen muss, mit wem ich es überprüfen kann und welche UX-Forschungsmethode dabei hilft.
Unterstützung durch KI: Leitfäden vorbereiten und freigegebenes Material mit Quellenprüfung ordnen. Das ersetzt keine menschlichen Teilnehmenden.
Nachweise: Fragen, gewählte Methode und Erkenntnisse mit nachvollziehbarer Herkunft. Ich unterscheide Beobachtungen, Interpretationen und noch offene Hypothesen.

System

Eine Grundlage aus Typografie, Farbe, Abständen und Komponenten definieren, die auch beim Wachstum wartbar bleibt.

Menschliche Entscheidungen: Art Direction, Hierarchie, typografische Skala und Charakter der Bewegung.
Unterstützung durch KI: Variablen und Komponentenzustände aufsetzen, Kontraste prüfen.
Nachweise: Eine Sammlung von Tokens und Komponenten mit vollständig definierten Zuständen.

Prototyp

Aus Systeminstanzen aufgebaute Ansichten, die vom ersten Tag an navigierbar sind.

Menschliche Entscheidungen: Komposition, Ablauf und das, was vor dem Programmieren getestet wird.
Unterstützung durch KI: Varianten zusammensetzen, an Bildschirmgrößen anpassen und Zustände dokumentieren.
Nachweise: Ein navigierbarer Prototyp, der sich an die vereinbarten Bildschirmgrößen anpasst.

Übergabe

Eine erkennbare Beziehung zwischen Figma-Komponenten und ihrer Umsetzung erhalten.

Menschliche Entscheidungen: Was verbindlicher Vertrag ist und was in der Umsetzung frei bleibt.
Unterstützung durch KI: Den Entwurf strukturiert auslesen, Komponenten erzeugen und testen.
Nachweise: Code-Komponenten, welche die Hierarchie des Designsystems wiedergeben.

Überprüfung

Das Ergebnis im Browser testen und beurteilen, was ein automatischer Test nicht bewerten kann.

Menschliche Entscheidungen: Die akzeptable Qualitätsschwelle und die offenzulegenden Altlasten.
Unterstützung durch KI: Tests, Barrierefreiheitsprüfung und Leistungsmessung.
Nachweise: Erfolgreiche Tests, geprüfter Kontrast und ein Vergleich zwischen Entwurf und Browser.

Die Rolle der KI

Die Grenze zwischen Urteil und Ausführung schriftlich festhalten.

Was der Mensch entscheidet

Ich definiere Problem, Prioritäten und Qualitätskriterien. KI kann Alternativen vorschlagen, aber ich muss beurteilen, ob sie für die Nutzer sinnvoll sind, und die getroffene Entscheidung verantworten.

Was die KI ausführt

Ich nutze sie, um Varianten zu erkunden, Komponenten vorzubereiten, Code zu prüfen und Tests vorzuschlagen. Ich gebe ihr Kontext und klare Grenzen und vergleiche das Ergebnis anschließend mit dem Entwurf und dem erwarteten Verhalten.

Wie ich die Kontrolle behalte

Ich halte fest, was jedes Werkzeug tun darf, was meine Zustimmung braucht und wie ich das Ergebnis überprüfen werde. Bei wichtigen Entscheidungen suche ich eine unabhängige Prüfung und bewahre den Grund für die Änderung auf.

Grundsätze

System vor Bildschirm

Gute Entscheidungen sollen wiederholbar sein. Deshalb verbinde ich Ansichten mit gemeinsamen Komponenten, Zuständen und Regeln und überarbeite das System, wenn ein neuer Bedarf entsteht.

Nachweise statt Behauptungen

Ich möchte zeigen, wie das Ergebnis entstanden ist: den Prototyp, die Komponenten und die vorhandenen Prüfungen. Ebenso benenne ich, was noch entwickelt wird oder noch nicht validiert ist.

Ästhetik erfüllt eine Funktion

Ich achte auf Typografie, Abstände und Bewegung, weil sie das Verständnis einer Oberfläche beeinflussen. Lenkt ein Effekt ab oder erschwert eine Komposition das Lesen, überdenke ich die Entscheidung – auch wenn sie mir optisch gefällt.

Entfernen, was nicht hilft

Ich passe die Methode an das Problem an. Ich dokumentiere, was Arbeit und Lernen erleichtert, ohne Schritte hinzuzufügen, die das Team nicht braucht.

In der Praxis

In jeder Fallstudie erläutere ich, was ich anwenden konnte, welche Entscheidungen ich getroffen habe und was noch überprüft werden muss.

Fallstudien entdecken