Skip to main content

sitemaps , wireframes and visualisation

 research task 

- find 2 examples of a sitemap and 2 examples of wireframe 

- write a paragh describing what a sitmap is and what a wire frame is 

- create a table for each one and write two advantges and disadvantges 




sitemap :




a sitmap is  file where you provide information about the pages, videos, and other files on your site

main types

- used during planningg of a website desgin 

- sitemap avalible for viewing online by those visting a website 

- a strucuted list desgined for search engines 


wireframes 




a wirepage is the layout for a website that diminstraights what interface elements will exist on key pages . it is critical for a interaction desgin processs 
 aims : 
- to help arrange the site for a specfic purpose ( informed by the business aims or a creative idea ) 
- shows the website layout 
- shows how diffrent elements ( features ) of the site interact with each other 





sitemaps                                                      
advantge                                                 disadvantge 

- improves websits search                  - limted colour coding 
engine optimisasion                             - not possible to create additonal pages 
- makes few mistakes 
- create navigation thats 
easy for users to understand 
- easy to export and share 


wireframe

advantges                                                 disavantages 
 
- manage and focus  on project              - only outline no detail 
- gets client involved                        - hard to visualise the content 



q7 you have been asked by ed to help him work on planning the infrustuctrue of the website so he can start building the navigation 

in the space provided create a sitemap for the website 
marks will be awarded for 
- content 
- fitness for purpose 
- use of annotations to justify your decision 




visualisation diagram 

- sometimes called concept art 
- a drawing created by hand or digitally showing what something will look like when created 
- used to plan for still images or products 
- can be a rough sketch or a detailed finale design 
- normally has annotations explaining features that are not clear -> this is a key aspect of visualisation diagrams 
- annotations must explicitly link back to the target audience and link back to the brief 


chose one well known brand and make a visualisation diagram of the merchandise 



why are visulisation diagrams useful : 

- short annotations 
- not time consuimg 
- easy to visualise ideas then write them 
- quick way to communicate desgine , concepts and colours 
- quick and simple annotations 
- help when offering client a range of ideas 
- easy to communicate ideas 

Comments

Post a Comment

Popular posts from this blog

media sectors and purposes

types of media secters  tv and film  radio  advertisement - tv , radio ,internet  internt  animation  music Why do people consume following media   newspapers - to understand the world and gain information  and stay aware of the world easy to accsess's  music - enjoyment and entertainment  film documentry - to be informed and learn about specfic subect and for entrainmetn and intrest  weather app - its for awarness and information  print advert / poster - to motivate people , inform people and proswaed them and promot diffrent brands  media  can be used for  i nformation  e ntertainment  e ducation   p romotion a dvertisement  media purpose  entertain = gaining the attention of the audience so that they relax and enjoy the activtiy  educate/inform = provides facts about topics or answering questions informing is providing information where as education is teaching the consumer...
2 comments
Read more

Personnel , facilities, locations and resources

 - it is always important to appoint the right staff so you should get them to do a audit  Audit - everyone in the organisation righting down there skills   Audit for a short film  - producer  - director  - camera crew  - lighting and sound crew  - editor - ability to use a range of editing software  - advertisement team  - make up artist  - costume designer  - actors  - script writes  - set designer  : creativity , ability’s to use computer assisted design skills  - camera person - with camera production  Role of Production designer   - directors right hand man  - helps to create what a scene will visually look like  - everything that is physically required on set clothing props background  - understand and interpret the script - in order to create the world of the film  Challenges  - script changes  - making sure the budget lasts .  Facalites ,locations and...
Post a Comment
Read more