Class Work

UI Flowcharts

User interface flowcharts are an extension of storyboards, where designers are able to review their static images and see possibilities to extend interactivity and opportunities for further information.

It maps out all available interactions users can face when going through the entire design. It is helpful to see what screen links to where, what animations there will be, and if there are zoom-ins, and all this information will make the process of prototyping and creation a lot smoother for the programmer.

Below is an example of a UI flowchart on how to make toast.

Toast UI Flow


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s