KLD Institute
Template library

Learner worksheet

3-Screen Wireflow and Feature Brief

A flow artifact for connecting three screens through jobs, actions, states, transitions, branches, recovery, accessibility notes, and system rules.

Output standard

A 3-screen wireflow and concise feature brief that a small team can review.

Use when

Use after critique and before writing the fuller product/design brief.

Related sessions

Worksheet fields

Use this when a chosen option needs to become connected product behavior.

Fields to complete
  • User story
  • Flow boundary
  • Success signal
  • Screen 1, 2, 3 jobs
  • Primary and secondary actions
  • Transition triggers
  • Default, loading, empty, error, success states
  • Branches and edge cases
  • Recovery paths
  • System rules
  • Data dependencies
  • Accessibility notes
  • Feature brief summary

Quality check

The artifact should explain behavior, not only screens.

Check before accepting
  • Each screen has a job.
  • Every arrow has a trigger.
  • The happy path and at least one recovery path are included.
  • State notes are specific.
  • Flow maps back to acceptance criteria.

Starter prompt

Use this prompt to stress-test a flow before the brief.

Starter prompt
Turn this selected option into a 3-screen wireflow. For each screen, define job, user question, content, actions, state notes, transitions, branches, system rules, data dependencies, accessibility notes, and a concise feature brief.