Classwork, Interactive Design

UI Flow Diagram

Utilising a UI flow diagram is another useful tool to visualise an interactive product. It maps out all the pages needed to be included as well as important details such as navigation buttons, titles, rough image placements etc. As mentioned before, for a designer, being able to analyse a structured diagram helps them notice what elements are missing.

Below is an example. (‘How To Make Toast’ cont.)

ui-flowdiagram

Completed in class 1/03/2017

Advertisements
Standard