Visual Flow Framework · CHAPTER 2 OF 5
Visual flow foundations
Why Visual User Flow Can’t Be Ignored
Software cannot be redesigned by looking at screens alone.
Software cannot be redesigned by looking at screens alone.
Software cannot be redesigned by looking at screens alone.
When redesigned without understanding the actual flow,
When redesigned without understanding the actual flow,
When redesigned without understanding the actual flow,
The Problem With Most Redesigns
Most Teams Mistake Redesign for Modern UI
Most Teams Mistake Redesign for Modern UI
Most Teams Mistake Redesign for Modern UI
A redesign will fail if
A redesign will fail if
The team does not understand the users
The actual user flow is not mapped
Error states are ignored
Role-based variations are not understood
Interconnected flows are treated separately
Edge cases are missed
A redesign will fail if
A redesign will fail if
A redesign will fail if
A redesign will fail if
What Is Visual User Flow Mapping in UI/UX?
Visual User Flow Mapping
Visual user flow mapping is the process of mapping how users move through existing software using real screenshots.
It helps the design team understand how the current software behaves in real usage.
Visual User Flow Mapping
Visual user flow mapping is the process of mapping how users move through existing software using real screenshots.
It helps the design team understand how the current software behaves in real usage.
Visual User Flow Mapping
Visual user flow mapping is the process of mapping how users move through existing software using real screenshots.
It helps the design team understand how the current software behaves in real usage.
“The goal is to understand how users complete tasks inside the software.”
“The goal is to understand how users complete tasks inside the software.”
“The goal is to understand how users complete tasks inside the software.”
Why Visual User Flow Mapping Is Not Optional
Poor Flow Understanding Leads to Wrong Redesign Decisions
In SaaS and enterprise software, users do not always just follow the ideal path.
A good redesign must support what happens when things go right and when things go wrong.
Poor Flow Understanding Leads to Wrong Redesign Decisions
In SaaS and enterprise software, users do not always just follow the ideal path.
A good redesign must support what happens when things go right and when things go wrong.
Poor Flow Understanding Leads to Wrong Redesign Decisions
In SaaS and enterprise software, users do not always just follow the ideal path.
A good redesign must support what happens when things go right and when things go wrong.
Where Visual User Flow Helps in A Redesign
It helps the design team understand
It helps the design team understand
How the user actually moves through the software
Where the task starts and ends
Which steps are unnecessary
Which flows are dependent on each other
Which screens need clearer feedback
It helps the design team understand
It helps the design team understand
It helps the design team understand
It helps the design team understand
Once the flow is clearly mapped, the redesign becomes more
Once the flow is clearly mapped, the redesign becomes more
Once the flow is clearly mapped, the redesign becomes more
The Upslide Visual User Flow Framework
The 5-part visual userflow framework to use before redesigning complex software.
Collect Screenshots
Understand the Legend
Arrange and Map the Flow
Identify the Purpose of the Flow
Identify Input Dependencies