Wireflows are diagrams showing the product structure, having the advantages of the flowchart, but offering more information. When creating this type of diagram, high-level mock-ups are used, between which appropriate connections are placed and logic gates are visualized. This diagram, therefore, visualizes processes and interaction designs, not the project's UI.

The use of wireflows allows you to visualize the extent of the entire project and the relationship between its processes and sections. It will enable evaluating the number and organization of screens. Also, next to the interactive prototype, this is by far the easiest form of visualizing what path the user will be going through while performing individual tasks within the framework of the system being created.

Wireflows are also useful for assessing potentially sensitive points, before creating low-level mockups or graphical user interface designs. This type of diagram is also useful later, at the production stage, because it makes it easier for developers to understand the process and connections between its individual screens.

Concept & Validation TOOLBOX

Related case studies

European workwear provider for corporate clients

Flying Bisons redesigned Textil-one e-commerce experience

True ownership of virtual items to players

We prepared the UX strategy for Hoard - Gaming & Blockchain

The second-largest fast-food brand worldwide

We redesigned KFC's e-commerce experience

One of biggest Polish banks

We redesigned the mobile transaction system for the second largest Polish Bank

Changing the eyewear industry

We redesigned the Muscat e-commerce experience

Polish second biggest brewing conglomerate

We prepared a brand new corporate website for Kompania

Financial Tech Startup with built-in marketplace

We designed mobile app BeamUp - Sharing founds & Marketplace