Sitemaps & wireframes

Sitemaps: 


A sitemap lists all of the URL's for a website 

list of all pages of a website 
3 main types: 
used during planning 
The sitemap available for people viewing the website
A structure (coded) list designed for search engines 

Wireframes:


A wireframe is a blueprint of a website 

A visual representation of the framework of a website 


Advantages:
- to help arrange the site for a specific purpose 
- Shows the website layout 
- shows how different elements of the site interact with each other 


Disadvantages: 
Docent focus on colours, style or graphics 
focus = functionality - what it does, not how it looks 
Can be hand drawn sketches or completed via online software 
Created by: business analyst, user experience designers, developers and visual designers 
expertise required: interaction design. information architecture and user research  

Site map:
Don't need to annotate 
Contact and login at top

2) wireframe for the homepage of your site on a computer 

Wire frame:
X means image 
Must annotate image 






Comments

Post a Comment

Popular posts from this blog

unit 2 exam answers

 1a) Three months to get the app finished - users need to be able to upload a photo - users should be able to try on outfits - appeal to 16-30 year olds  2) one way could be putting out a post on social media to ask about the appeal of the avatars to the audience and this is suitable because it could be targeting followers of simmilar fashion brands - another way could be holding a focus group with people from the target audience and this is suitabe because you get a direct qualitative response  3) i)interviewing other app developers  ii)analysis of fashion apps of apps with avatars  iii) Questionare to users of the target age group on how they engage with apps  4a) i) Annotations are one aspect of a visualisation diagram, Aurora would need to use these to explain shape and size choices of the avatar so space and layout can be finalised by Marcus  ii) use of placeholders are one aspect of a visualisation diagram Aurora would need these so the client co...
Read more

Justification and evaluation

 It will be the last question  the examiner will expect 4 paragraphs  - 20 marks  - 80 for overall paper  - The evaluation could test you on any creative document  - essentially asking you why that piece of paperwork would be helpful or unhelpful for that project  - its not theory based  - links back to brief - There must be some evaluation - discussion of the strength and weaknesses of that method  - you must show detailed knowledge of the method and where it fits in the pre production process  - provide evidence to back up your reasoning examples of why something is a strength or a weakness for that company  - you must use relevant technical terminology   - Strong SPAG  3 things your evaluation must do  - Justification of content  - evaluation of suitability for purpose  - evaluation of suitability for audience  A strength linked to scenario X2  A weakness linked to scenario X2  Possibl...
Read more