Design mit Verhalten und Zuständen übergeben.
Übergeben Sie Verhalten und Zustände neben fertigen Ansichten. Dokumentieren Sie responsive Regeln, Inhaltsgrenzen und Assets und markieren Sie offene Entscheidungen, damit Entwickler nicht raten.
Passe den Ablauf an deine Aufgabe an.
Erfassen Sie Ansichten, Interaktionen, responsives Verhalten und Sonderzustände. Verlinken Sie Assets und Tokens, dokumentieren Sie Inhaltsgrenzen und verteilen Sie offene Entscheidungen. Fügen Sie Abnahmekriterien für Verhalten hinzu statt Schlüsse aus einem Bild zu erwarten.
- Was du bereitstellst
- Designumfang und Entwicklungsanforderungen.
- Was du erhältst
- Checkliste für Assets, Zustände, Spezifikationen und Zuständige.
Sieh dir Eingabe und Ergebnis an.
Beispielhafte Ein- und Ausgabe · ein Lehrbeispiel, kein tatsächlicher WebAct-Durchlauf
Beispiel Eingabe
Handoff review: search field and result cards supplied, but loading, empty and error states missing. Responsive rules and keyboard behavior also unspecified.
Vollständiges Beispiel
Required handoff additions: - Loading: indicator, pending-control behavior and announcement to confirm. - No results: useful message and a way to revise the query. - Error: recovery action and retained-query behavior. - Keyboard: focus order, submission and result navigation. - Responsive: card columns and long-content behavior. - References: assets, tokens and content constraints. Assign a reviewer to each unresolved behavior before implementation; the current screens do not define these decisions.
Lade diese Eingabe in den Prompt und kopiere ihn zum Ausprobieren nach WebAct. Dein Ergebnis kann vom Beispiel abweichen.
Entscheidungen und Fehlerbehebung.
Reicht die erfolgreiche Suchergebnisansicht für die Übergabe?
Nehmen Sie Laden, Leerzustand, Fehler und Tastaturverhalten auf; das gehört zum echten Ablauf.
Warum weicht die Umsetzung später trotz passendem Mock-up ab?
Responsive Regeln, dynamische Texte oder Zustände fehlen vielleicht. Beschreiben Sie diese mit der Ansicht.
Probiere es mit deiner eigenen Quelle.
Ersetze das Beispiel im Aufgaben-Prompt durch dein Material. Behalte nötige Anforderungen bei und kopiere die Aufgabe nach WebAct.
Aufgabe anpassen und kopieren ↑