Stotyboards, Site map & visualisation diagram - Revision

Storyboard components - At least 6 needed for Level 4

• Dialogue - eg. "welcome to UTC" (V.O)
• Sound/Music - Non diagetic, incidental music 
• Camera shot type - Often abbreviated (CU - face, object/ MS - groups, body movement/ LS - location)
• Camera movements - Pan, tracking, zoom
• Camera angles - High, low
• Lighting - High/ low key/ natural
• Camera/ lens type -
• Location - INT. / EXT.
• Transitions/ editing - 'Cut to', Title graphic - Fade up/ fade out 
• Actor directions -
• Timings - Promo average 2 secs
• Scene content/ action - Whats happening in shot
• Scene number - To match script

Story boards in exam:

• No more than 25 minutes in exam
• Writing under drawings is annotation
• Don't draw stick men
• Annotations are as important as your drawing

Site map components -

• Hierarchical structure -  Layout - recognisable to end user and programmer
• Breadcrumb trail - Easy to navigate for end user, freedom to navigate wherever they want, audiences familiar with this,  
• Hyperlinks and buttons - Interactivity, interactive features ( photos, videos, text, animations) relate to brief- important for programmer, social media links (attracts target audience, revenue stream - SYNERGY)
• Pages + Sub Pages - About me page, login/register page
• Trunk

Annotations - Ease of navigation for end user, show where interactive features are, consistent house style on pages and sub pages.

Effectiveness of a visualisation diagram
Effectiveness - Fit for purpose, strength, how well, use full - To prove use examples from the brief, features.

What makes a visualisation diagram effective:

• Allow to see the final look and layout of the product/ illustration to represent layout of a product
• Visualise the house style
• Visualise the page layout
• Allows for feedback from audiences and clients - Views and opinions for changes to be made
• Allows graphic designer and coder to easily collaborate
• They are adaptable (based on feedback) - to appeal to wide target audience
• Annotations for coder and designer - allows designer to explain their ideas and visuals/ coder knows what interactive elements to implement to appeal to audience.

Annotations - House style (colours, font style, images and graphics), consistent housetyle to reinforce brand identity - to fit the requirements of the brief.

Five points:

• Adaptable - Can be changed.
• Feedback - Can gain feedback to improve, from target audience to target them specifically and feedback from client.
• Visualise house style + layout - For graphic designer and coder
• Annotations - Connotations
• Graphic designer

Ineffective -

• Doesn't represent navigation like a site map would/ structure not always clear
• Annotations not clear - If not detailed or connotations of appeal to audience are not clear it can hinder.
• Illustration - only shows what the product looks like, can be limited with regards to interactivity especially for website or app.

How to structure last question
Introduction - State why the document is inmportant in the development stages of making the product.
Effectivness - 5 reasons why the document is effective or usefull - support with examples from the brief.
Ineffectivness - 2-3 reasons of how the document may not be effective/ usefull.
Conclusion - Overal, xyz is an effective document in the development stages of making a xyz.