Skip to main content

Sitemaps, wireframes and visualisation diagrams

 A shot by shot list is important alongside these documents- storyboard and script


A sitemap

A sitemap is a list of pages of a website, those used during the planning of a website by its designers. 

Three main types- Those used planning a website

Available for viewing online by those visiting a website 

A structured coded list designed for search engineers 


A wireframe 



A visual representation of the framework of a website 

Aims
  • To help arrange the site for a specific purpose (informed by the business aims or a creative idea)
  • Shows the websites layout
  • Shows how different elements of the site interact with each other
Why use wireframes
  • Helps programmers and designers think think and communicate the structure of software or website they are building.
  • The same screen can be built in different ways, but only some communicate the message with easy to use software or website.
  • An effective interface structure is possibly the most important part of designing software.

  • Wireframes don't focus on colours, style or graphics
  • They focus on the functionality- what it does, not how it looks in detail
  • Can be hand drawn sketches or completed via online software
  • Created by business analysts, user-experience designers, developers and visual designers. 
  • Expertise required: interaction design, information architecture and user research. 
Visualisation diagrams
  • Sometimes called concept art
  • A drawing created by hand or digitally, showing what something will look like when its creates
  • Used to plan for still images or products as movement is static and this is a solid picture
  • Can be a rough sketch or a detailed final design
  • Normally has annotations explaining features that are not clear- must justify. exp. children logo has bright colours as appealing to a young target audience





Comments

  1. JCoSS Media Dept15 October 2020 at 07:22

    Great notes here Sasha - well done.

    Don't forget to please embed the image of your exam question - you either designed a wireframe or a sitemap.

    Also - your storyboard & script notes appear to be missing? Please include these and also embed in the examples you produced as part of your group filming project.

    Miss C

    ReplyDelete
    Replies
    1. sasha nahum16 October 2020 at 01:19

      I added the storyboard and script notes to the pre production document blog post. I have added the image of my exam question.

      Delete

Post a Comment

Popular posts from this blog

Research

 Research Types of research Primary Collecting new data through direct contact with people through onterviews, focus groups and surveys. Secondary Relies on existing data and information published on the internet, magazines or other reliable sources. Types of data Quantitative Data that is easily quantified and therefore easy to analyse and measure Answers tend to be short and limited Questions seek out closed responses Examples- closed questions, surveys and page traffic Qualitative Data that is difficult to quantify and therefore takes longer to analyse Answers are more detailed and better in quality Questions are open ended Examples- observation, open questions and case studies Primary Focus groups- group of people of your target audience you are trying to attaract Advantages-  Detailed information- qualitative data Focusing specifically on the target audience- what appeals to them? You can get honest feedback More targeted  Show a prototype Disadvantages- Focus group...
Post a Comment
Read more

Visualisation diagram

 Visualisation diagrams What is a visualisation diagram? A drawing created by hand or digitally illustrating what the final product should look like when created A pre production document Why do we use it? To interpret how the final product will look Plan the layout of a media product in a visual manner to show how a finished item may look What can it be used for? Animations Costumes A logo  DVD cover Web page layout Magazine cover Advert What content should be included? Sketch Multiple images and graphics showing their size and position Layout of the page Colours and colour schemes Placement and style of text Fonts to be used White space Annotations to give detail on things above
Post a Comment
Read more

Hollywood Guardian article notes

Hollywood and tv put the squeeze on uk's low budget film makers  https://www.theguardian.com/film/2017/may/31/hollywood-and-tv-put-the-squeeze-on-uks-low-budget-film-makers The UK is a sombre case study for the mid-low budget film industry The number of these low budget films fell from 77 to 60 between 2014-2015. This is the lowest number made since 2006, according to the BFI. Domestic UK films Small to mid sized co production Hollywood studios  Big budget dramas are being diversified on Netflix, sky and BBC. UK film production companies to 'glossy dramas'  There has always been a lot of pressure on smaller films, as it is a tough end of the market where there are not many successes.  Although it is very challenging, it is even more difficult today due to big budget films doing so well as well as the pressure from high end TV. 
3 comments
Read more