Sitemaps and Wireframes
Researching pre production materials
SITEMAPS
A sitemap is essentially where there are strings that split out which show you what websites you have gone to. This is known as an XML sitemap. This is essentially a folder which then in it has other folders which describes and lists what websites and what your history is of what you have been on.
WIREFRAMES
A wireframe is commonly used to lay out content and functionality on a page which takes into account user needs and user journeys. It is mostly used in early development stages of a product to get a basic layout before visual designs are take. E.G in a website its a basic page then after visual design it would have effects. Same for a film if you have a raw base copy of the film it will be badly rendered and not as good as the real thing.
ADVANTAGES
Advantages of Sitemap - Allows you to have a wise base of information on your past history in which you can see where you have been online
Advantages of Wiremap - Wiremaps allow you to get a basic idea of what something will look like before visual development
DISADVANTAGES
Disadvantages of sitemap - Can be very simple and not give much detail other than a website name and what your specifically doing that time.
Disadvantages of wiretap - Wiremaps are very basic forms and therefore it isn't going to be detailed and just a raw and rough idea.
Mr Hussains Definitions
Sitemaps - A list of pages of a website
Three main types:
. Those used during the planning of a website by a designer
. Sitemap available for viewing online by those visiting a website
. A structured (coded) list designed for search engines
Wireframes - A visual representation of the framework of the website
Aims:
. To help arrange the site for a specific purpose (informed by the business aims or a creative idea)
. Shows the website's layouts
. Shows how different elements (features) of the site interact with each other
Doesn't do:
. Doesn't 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 analysts, user-experience designers, developers, visual designers
. Expertise required:
. Interaction design, information architecture and user research
SITEMAPS
A sitemap is essentially where there are strings that split out which show you what websites you have gone to. This is known as an XML sitemap. This is essentially a folder which then in it has other folders which describes and lists what websites and what your history is of what you have been on.
WIREFRAMES
A wireframe is commonly used to lay out content and functionality on a page which takes into account user needs and user journeys. It is mostly used in early development stages of a product to get a basic layout before visual designs are take. E.G in a website its a basic page then after visual design it would have effects. Same for a film if you have a raw base copy of the film it will be badly rendered and not as good as the real thing.
ADVANTAGES
Advantages of Sitemap - Allows you to have a wise base of information on your past history in which you can see where you have been online
Advantages of Wiremap - Wiremaps allow you to get a basic idea of what something will look like before visual development
DISADVANTAGES
Disadvantages of sitemap - Can be very simple and not give much detail other than a website name and what your specifically doing that time.
Disadvantages of wiretap - Wiremaps are very basic forms and therefore it isn't going to be detailed and just a raw and rough idea.
Mr Hussains Definitions
Sitemaps - A list of pages of a website
Three main types:
. Those used during the planning of a website by a designer
. Sitemap available for viewing online by those visiting a website
. A structured (coded) list designed for search engines
Wireframes - A visual representation of the framework of the website
Aims:
. To help arrange the site for a specific purpose (informed by the business aims or a creative idea)
. Shows the website's layouts
. Shows how different elements (features) of the site interact with each other
Doesn't do:
. Doesn't 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 analysts, user-experience designers, developers, visual designers
. Expertise required:
. Interaction design, information architecture and user research
Comments
Post a Comment