Een ontwerp met gedrag en toestanden overdragen.
Draag gedrag en toestanden over, niet alleen voltooide schermen. Noteer responsieve regels, inhoudsgrenzen en assetverwijzingen en markeer open keuzes zodat ontwikkelaars niet hoeven gokken.
Stem de werkwijze af op je taak.
Inventariseer schermen, interacties, responsief gedrag en andere dan succesvolle toestanden. Koppel assets en tokens, noteer tekstgrenzen en wijs open keuzes toe. Voeg acceptatietests toe om gedrag te toetsen in plaats van af te leiden uit een stilstaand beeld.
- Wat je aanlevert
- Ontwerpomvang en ontwikkelingseisen.
- Wat je krijgt
- Checklist voor assets, toestanden, specificaties en eigenaars.
Bekijk de invoer en het resultaat.
Illustratieve invoer en uitvoer · een leervoorbeeld, geen live uitvoering van WebAct
Voorbeeld invoerveld
Handoff review: search field and result cards supplied, but loading, empty and error states missing. Responsive rules and keyboard behavior also unspecified.
Uitgewerkt voorbeeld
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.
Laad deze invoer in de prompt en kopieer deze naar WebAct om de taak te proberen. Je resultaat kan afwijken van het voorbeeld.
Keuzes en probleemoplossing.
Mag de overdracht alleen het geslaagde zoekresultatenscherm bevatten?
Neem laden, leeg, fout en toetsenbordgedrag op; die horen bij de echte gebruikersroute.
Waarom wijkt de uitvoering later af ondanks een passende mock-up?
Responsieve regels, dynamische inhoud of toestanden kunnen ontbreken. Documenteer ze naast het scherm.
Probeer het met je eigen bron.
Vervang het voorbeeld door je eigen materiaal in de taakprompt. Behoud de eisen die je nodig hebt en kopieer de taak naar WebAct.
De taak aanpassen en kopiëren ↑