KLD Institute
Menu
Course mapOpen study notes

Slide 16 of 24

Wireflow

Wireflows show screens in motion

  • A wireflow shows enough screen structure to understand the step.
  • Arrows should point from an action to its result.
  • Annotations should name state changes and branches.
Practice sequence
  1. 1Screen ARecommendation list with compare and save actions.
  2. 2TriggerTap Compare after selecting two items.
  3. 3Screen BComparison screen with criteria table.
  4. 4StateConfirmation or recovery state after save.