Site Maps and Wire Frames

 24/09/24

Site Maps and Wire Frames 

SiteMaps 

  1. those used during planning of a website by designers
  2. the sitemaps available for viewing online by those visiting a website
  3. a structured (coded) list designed for search engines 
Conventions 

  • the home page is at the top

  • the lines indicate the links between each tab to help understand navigation
  • the function to login/sign up
  • tabs and sub tabs




Wire Frames:
  • a visual representation of the framework of a website, smart phone or tablet
  • aims - to help arrange the site for a specific purpose (informed by the business aims or a creative idea)
  • doesn't focus on colours, style or graphics, but these should be discussed through annotations 
  • focus= functionality - what it does, not how it looks 
  • 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 
Connotations/ key words:

  • shows the website's layout - could be a homepage or any website page 
  • shows how different elements (features) of the site interact with each other

Sitemaps 
Advantages 
  • valuable information about the files 
  • early idea of how it is going to function
  • saving time and money 
  • facilitating a conversation with a client 
Disadvantages
  • unwanted page index 
  • costs money 
  • visualise the navigation 
Wireframes 

advantages 

  • clear structure 
  • clarifies features (header, footer, hex codes, header, footer, sub-tabs)
  • refines navigation
  • allows client to see if they want more or less images 
  • doesn't take as much time and money as a sitemap
disadvantages 
  • just a diagram 
  • pre-empt technical glitches 
  • simple

Past exam question (6 marks june 2017)








I missed out on three marks due to lack of annotations 













Comments

Post a Comment

Popular posts from this blog

Analysing and Interpreting Client Briefs

Image
13/11/24 Analysing and Interpreting Client Briefs  Doesnt tell us who the TA is  Not specify film idea or genre  No deadline Is this brief correct for the person as it requires print and the person is an expert in film (Personnel) Mind Map - Mind mapping is the process of visually organizing information by creating a diagram called a mind map. It starts with a central idea placed at the center of the page, and related concepts branch out from it in various directions Moodboard - A mood board is a collection of visuals that help convey a certain style or concept. It can include images, colors, textures, and text, and is used by designers. Blue sky thinking - being very ambitious in brainstorming - generating ideas forgetting limitations SWOT -strength, weaknesses, oppertunities and threats  STRENGTHS - what the organisation does well. What distinguishes you from your competitors? What advantages does your organisation have over others? Highly motivated staff, competit...
Read more

Target Audeince

Image
 14/11/25 Target Audience Demographic BBC masterchef - primary most adults aged 25+ -secondary mostly women and some younger audiences  -teritary wider appeal to those who enjoy cooking  Death in paridise Target audeince - their importance  - media production companies spend a lot of money correctly defining and identifying their audience for a product  - if this is not done properly they will not be succesful - to do this, they profile the audience by looking at different demographic factors that come together to create a picture of the actual target audience for the product  Audience Demographics  GRACE  Phsychographics  Geodemographics  Sexual orientation  mainstream  niche  psychographics - personality traits/interests - newspapers products promoting climate change and sustainability socio-economic groups - social and economic situation -  geographic - local geographic and cultural impact- magazines targeting area...
Read more

LO1 Mini Test Reflect and Perfect

  13/11/24 Mini Test Reflect and Perfect What did you do well? I explained my answers very clearly and my revision was very precised and detailed. What did u do to revise? I blurted on a mindmap and wrote down everything i need to know and i kept rewritting the work to keep it in my mind.
Read more