Design / Free editable template

Three-part comparison board template

Use a user flow for steps and decisions, a wireframe for screen content, and a wireflow for action-to-state changes. Choose from the question your team needs to answer.

No account needed · Opens as your own editable page

Preview the three-part comparison board

View full-size preview ↗
Three-part comparison board example showing name the review question., compare steps screens and transitions., do we need to discuss sequence, content or both?
Everything in this example is editable. Replace the labels, move the shapes and adapt the layout to your work.

How to use this template

  1. Name the review question

    Teams produce the wrong drawing for the decision being discussed.

  2. Compare steps screens and transitions

    Choose the right drawing for your next design review.

  3. Choose a drawing for the decision

    Choose the representation that answers a specific review question. Do we need to discuss sequence, content or both?

Questions about this template

Do I need all three views for every review?

No. The user flow shows steps and alternatives, the wireframe shows one screen and the wireflow joins the two, so delete the views your review does not need.

Do I need an account to use it?

No. Open the template and edit it in your browser. Your work saves on this device. An account is optional if you want to sync your workspace.

Can I export the finished diagram?

Yes. Use Export in the editor to save a PNG, SVG or PDF, or download an editable .epicdraw backup.