Week 2 Page 5: Step 4
STEP #4: Draw a organizational flowchart/storyboard
A flowchart is a visual outline of the navigational scheme (a process called Information Architecture).It shows how each page is positioned in the hierarchy and how a user might navigate through the interactive document. (We will look at structure, interface and navigation in more detail later.)
Here is an example of a flowchart:
• Plan and Flowchart Example Download Plan and Flowchart Example
Flowcharts have several purposes:
1. To organize and plan a project
2. To demonstrate site navigation
3. To enable clients and team members to see structure
Designers use various methods of creating an flowchart including drawing on a large whiteboard or using post-it notes to represent possible pages. The advantage of post-it notes is that they can be easily moved from one location to another. You can also use a computer for brainstorming structure if you don't care for the post-it system!!
Flowchart Software:
Here are a few suggestions for flowcharting software, free and otherwise. Look into online flowcharting software if you are working in a team!
- Visio: http://office.microsoft.com/en-us/visio/ Links to an external site.
- Bubbl.us: https://bubbl.us/ Links to an external site.
- Gliffy: http://www.gliffy.com/ Links to an external site.
- Slickplan: http://slickplan.com/ Links to an external site.
General Site Planning Software:
Here's an online tool you might find helpful. It allows you to work collaboratively on site planning, architecture and content.
Jumpchart: https://jumpchart.com/ Links to an external site.