User Flow Template

A user flow shows the steps a user takes to accomplish his or her goal. One way to start building wireframes is to write out each step (or item of functionality) that the user will encounter, and match it to key messages. The user flow goal worksheet and user flow sketch sheets can be printed, and used to physically create a user flow with a group working together.

The first step in creating a user flow (as a content strategist) is to think through the steps that will get a user to his or her goal. This worksheet will help organize initial thoughts and messaging.

User flow worksheet

Next, a content strategist (ideally alongside a designer) can sketch out the screens. For each screen, consider how many steps will take place, and what messages will be conveyed.

User flow screen


User flow example

A user flow shows the steps a user takes as he/she moves through a website. In this example of a user flow, these are the screens the user will see as he/she buys a pair of shoes.

Looking at the flow (even a low-fi, sketched version) gives a content strategist a chance to consider what messages the user needs to receive, and where the ideal touch points are.

Screen Shot 2015-04-27 at 10.47.22 AM