Von Spielplatz-Interviews zur funktionierenden App: Einen Essensplaner gestalten, den Agenten gebaut haben
Herausforderung
Die Abendessen einer Familie für die Woche zu planen, ist schwieriger, als es klingt. Jedes Familienmitglied hat andere Bedürfnisse, aus dem Plan muss eine Einkaufsliste werden, und Lebensmittel geraten in Vergessenheit und verderben. Eine Studie zur Essensplanung im Haushalt nennt sie „a complex holistic task requiring constant monitoring of eating, adjustment for tastes and negotiation between people“ (Pickering, 2023). Für Eltern von Kita-Kindern kommt eine weitere Ebene hinzu: was die Kinder mittags schon gegessen haben. Dieses Mittagessen in die Planung zu holen, war mein wichtigstes Ziel. Und ich habe mir dieses echte Problem noch aus einem zweiten Grund vorgenommen: um zu lernen, wie Claude Code und Agenten in den Designprozess kommen.
Meine Rolle
Das war mein eigenes Projekt, ohne Kunden und ohne Team. Ich habe den User Research, das UX- und UI-Design und die Rolle des Product Owners übernommen und jede Designentscheidung und den Usability-Test verantwortet. Im Design war ich der Art Director: Absicht, Geschmack, Richtung und die letzten visuellen Feinheiten. Claude war der Production Designer und hat diese Entscheidungen über das Designsystem umgesetzt, und Claude Code hat die App geschrieben. Was gebaut wird und wie es sich anfühlen soll, blieb meine Entscheidung.
Aktivitäten
- Gespräche mit Eltern auf dem Spielplatz darüber, wie sie die Mahlzeiten der Woche planen, bevor ein Agent eine Zeile Code geschrieben hat
- Desk Research zur Essensplanung als Aufgabe im Haushalt, zu konkurrierenden Apps und ihren Erfolgsfaktoren
- Synthese des Research zu Personas, Jobs to be Done und Hypothesen, und die Wahl der Kernidee: Abendessen, die nicht wiederholen, was die Kinder mittags gegessen haben
- Ein PRD und ein Designdokument in einer gemeinsamen Wissensbasis, damit Research, Scope und Designregeln geteilter Kontext für mich und die Agenten waren
- Ein Product-Owner-Agent, gebaut als Claude Skill, hielt die Arbeit in Linear auf Kurs, und jeder Commit verweist auf sein Ticket
- Visuelle Richtungen in Paper erkundet, dann ein Designsystem festgelegt, dessen Tokens und Komponenten in Paper und im SwiftUI-Code unter denselben Namen existieren
- Anleitung von Claude Code beim Bau der nativen iOS-App und von rund 220 Unit-Tests
- Ein moderierter Usability-Test mit Familien: sechs Sessions
Ergebnis
Eine funktionierende native iOS-App, Version 0.1. Ihre Kernfunktion liest den Kita-Speiseplan aus einem Foto oder einem PDF: Texterkennung auf dem Gerät, dann zerlegt Claude ihn in eine strukturierte Woche, und die Vorschläge fürs Abendessen wiederholen das Kita-Mittagessen nicht. Dazu kommen ein Onboarding in sieben Schritten, das nur fragt, was der Plan braucht, ein Wochenplan mit einer Farbe pro Kind, Rezeptimport und eine Einkaufsliste aus dem Plan. Die App ist Open Source auf GitHub. Was ich daraus mitnehme: Agenten sind nur so gut wie ihr Kontext, und diesen Kontext aktuell zu halten, ist echte Designarbeit.