TA1 - Design Tools

Visualization Diagram

Mind Map

Flowchart

Wireframes

Use colors

Be creative

As much information as possible

Branching off ideas

Clear and easy to see

Nodes

Branches

Central Node

Sub Nodes

Different shapes symbolize different things

Shows a clear route to how to achieve a product

Shows the aims

Shows how to succeed and what not to do

High fidelity

Low fidelity

Rough sketch

Detailed

Shows how a product will move from page to page

Shows motion and how to change to the different pages

Needs annotations

Simple

easy to visualize

Uses arrows to guide you along

Can have multiple decisions

Can have multiple endings

Gives an idea on what a finished product will be


Used for still images

Shows a rough sketch or finished design

Use colour to keep it interesting and authentic to the product

Lets you comprehend large amounts of data at a glance and in a better way.

Keep it simple but not stupid

Emphasize important data.

Focus on your audience