User flows

A lot of projects I work on require documenting complex workflows and user tasks. These help developers to see what back-end processes may be needed and any logic that is necessary.

User Flows for The Economist Manage My Account area

Wire flows

To better understand the actual user experience and to see differing page states I use Wireflows. These are a combination of wireframes and flowcharts that document workflow and screen designs when there are a small number of pages that change dynamically.

Simple wire flow

Branded wireframes for native app showing task flows and differing page states