Design flows with GOV.Flow

I made a free kit to help designers create user flows in an easy and consistent way. Keep reading for download link.

I’ve worked as an interaction designer in a couple of UK government departments (currently Home Office). One of the first things I do with new teams is create user flows of the product or service.

Every time I created a new user flow in Sketch, I would start by repurposing the last one I did. This always felt quicker than starting from scratch, but still required a lot of hacking to get it right. I figured there must be an easier way, so I made a design kit for user flows, to solve my own reoccurring problem.

If it helps anyone else — bonus!

Example created using GOV.Flow

Flows are made out of individual interactions a user makes and are just as important as individual screens.

Screens are made up of interactions — often several — the user chooses one, and the state/screen changes.

Flows illustrate this by highlighting what the user sees, and what the user does.

Flows are fast to sketch, and a good way of communicating the foundation for what needs to happen as part of your design strategy.

Having an end-to-end view of your design from the users perspective, helps highlight what works and what doesn’t.

Flows help designers facilitate conversations with teams — focussing on the tasks a user needs to carry out, to accomplish their goal — without getting distracted by what the content should be, or what things should look like.

Download the kit

If you like it, give it a clap 👏 on medium to share with others.

I have uploaded it to a Github repo for easy access, version control and the ability for people to raise issues and contribute.

I am symbolising everything for easy customisation through Sketch overrides.

I made this kit to create user flows for GOV.UK design and therefore the initial screens reflect repeatable templates we use. Please feel free to add to this as necessary, or repurpose for your own design needs outside of government.

The kit is free to use, share and adapt — released under the creative commons licence — https://creativecommons.org/licenses/by-nc/4.0/

Comments, feedback, issues and contributions all welcome.

I design in the open as much as I can and encourage others to do the same. A credit to me on Twitter and link back to the Github repo are greatly appreciated.

If I ever see you in person you could buy me a Soy Cappuccino too 😉


Design + Sketch

The best collection of articles, tips, tutorials, and stories on designing and prototyping with Sketch and beyond

Charles Reynolds-Talbot

Written by

Father. Designer. Human. Writer of #RunnerUnfiltered training for London Marathon 2019 before donating a kidney to my young son: https://justgiving.com/run4h

Design + Sketch

The best collection of articles, tips, tutorials, and stories on designing and prototyping with Sketch and beyond

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade