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

Advertisements

Leave a Reply

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

WordPress.com Logo

You are commenting using your WordPress.com 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 )

Google+ photo

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

Connecting to %s