Lo4 - Site structure diagram.

What is a site structure diagram?

• A site structure diagram is a diagram that represents the navigation for the 'end user' when using an interactive product

Examples of an interactive product:

• Website
• Game
• App

Job roles relevant to the planning of a website:

• Graphic designer
• Coder / programmer. 

KEY TERMS

Breadcrumb trail - everything is connected, things leading you to different places. Shows how the user is going to navigate around the page.
Sub page - The page you go to after clicking a hyper link. 

Navigation - how the audience get around the page. 
Hierarchical structure - The 'higher up' the element the more important it is. 

End user - the audience / consumer. 

Site map - represents / plans the navigation of the website.
Example of a site map:

Stand out features of a mind map 

• Headings  - 'About' is the first, 'contact' is the last, 'home' is always at the top. 
• Hyperlinks / buttons - On logos, buttons, images - link everything together. 
• Layout - everything is connected due to the 'breadcrumb trails' 
• Home page - the 'trunk'. All pages are linked to the home page. It's the first thing the end user sees. 

Around the site map you need to add the nots that a graphic designer would add.