1. Home
  2. Docs
  3. Chapter 21. User Experience Design
  4. 3. Wireflow

3. Wireflow

What is Wireflows?

Wireframes is a widely adopted UX tool that allows designer and client to work together in identifying the content and functionality of screens. Wireflows, a hybrid of Wireframes and flow charts, are used primarily by mobile UX designers to document user workflows and complex interactions.  A wireflow makes UX even more effective by harnessing the power of wireframe and flowchart, creating a step-based UX diagram that illustrates the steps and decision points of particular scenarios and the possible navigation paths throughout these steps.

Wireflows are low-fidelity representations of complete views of pages linked to other views by an arrow emerging from a button or other UI component and pointing at the resulting dynamic change represented as a page view that demonstrate the steps a user takes to complete a task with greater clarity than flow charts can. The primary purpose of wireflows is to communicate functionality to stakeholders and team members. The wireflow flowchart editor of Visual Paradigm allows fast creation of wireframe-based flowchart. Now, you can easily create wireflow diagram of any complexity and show them to your clients in both animation and print form.

Wireflow Diagram

 

 

 

Articles