The Scenario
A project management tool needs a kanban board feature. Cards can be dragged between columns (To Do, In Progress, Review, Done). Some transitions have rules: a card cannot move to "Done" without an assignee, and moving to "Review" triggers a notification.
The Brief
Design the complete interaction specification for this kanban board. Cover drag behaviour, drop targets, transition rules, empty states, and edge cases.
Deliverables
- The drag-and-drop interaction specification: grab, drag, hover target highlighting, and drop animation
- Transition rules: which moves are allowed, which are blocked, and how blocked moves are communicated
- Empty states: what each column looks like when empty and how to add the first card
- Edge cases: what happens when dragging between columns during a sync error, or when two users drag the same card
Submission Guidance
The happy path is easy. The value is in edge cases — what happens when the drop fails? What does the user see during a network error? Design for failure.
Submit Your Work
Your submission is graded against the rubric on the right. If you pass, you get a public Badge URL you can share on LinkedIn. There is no draft save, so work offline first and paste your finished response here.