In Week 4 we looked at sketching interfaces, why this is important, how to draw, diagrams and wireframes that will also aid us along the way.

Why Sketch?

• Rapid ideation
• Flexible exploration of design concepts
• Effective communication with stakeholders
• Early identification of potential issues
• A cost-effective way to iterate on ideas without investing heavily in development time before solidifying a design direction
• Speed and flexibility

Types of Sketching

• Sketch Noting
• Storyboarding
• Wire framing
• Mindmapping
• Prototyping

Flow Diagrams

Flow Diagrams are a great way to structure information and processes, they are diagrams that depicts a process, system or computer algorithm. They allow us to understand what to wireframe and discuss the flow of information with others quickly.

What is a Flowchart

There is two types of diagrams that will help us in this process which include Sitemaps and User Flow Diagrams.

A Sitemap Diagram shows the structure of the application you are making, they usually highlight the hierarchy and navigation throughout the website or app. A sitemap acts as a blueprint for the product you are making. Starting from the home page the map guides you through the different sections and sub sections from each page.