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 could see how she would combine the
Read more

Short film

Image
Short film Person getting robbed but runs and is then chased and drops phone and the person picks up the phone and sees that it is his brothers. The chase Shot list 1) Over the shoulder shot from robber to person being chased 2) tracking shot of each person with quick cuts 3) Medium close up of each person being chased 4) Shallow depth of field showing the robber in the background but person being chased out of focus in front 5) close up of phone dropping 6) Medium close up of robber with shallow depth of field 7) Close up of robbers face seeing phone 8) extreme close up of phone screen 9) Cut to close up of robbers face 10) Cut back to phone 11) Extreme close up of robbers eyes showing tears 12) Cut to person being chased out of breath showing him in a dutch angle (canted or tilted angle) Storyboard Evaluating Want went well is that they were able to get the base of the pp documents but next time need to do it in more detail such as the image drawn were very
Read more