Low Fidelity Wireframe Flow

Sometimes wireframes alone are not enough to communicate the process in context. They typically only communicate layout and content but often fail to depict interactions. On the other hand, flowcharts do cover interactions in detail but tend to lack context.

I often find myself combining the two, to help document complex interactions where the layout and process both contribute to the context of what the user is seeing and doing.

I recently found out that NNG (Nielsen Norman Group) coined the term Wireflows as "Design-specification format that combines wireframe-style page layout designs with a simplified flowchart-like way of representing interactions."

Follow me on Behance | Instagram | twitter | @PG

Noble IO
Minimum Viable Design For Saas and Techonlogy Startups
Get in touch

More by Noble IO

View profile