Unit 21AO1 – Research, collect and describe a range of existing

web-based graphics.

Assessment CriteriaPass Merit Distinction

Candidates will collect and display examples of:• navigation buttons • navigation bar • advertising banner from at least two different websites.

They will review each graphic and they will: • describe the purpose • comment on the positive and negative aspects.

Candidates will collect and display examples of: • navigation buttons • navigation bar • advertising banner from at least two different websites.

They will review each graphic and they will: • describe the purpose • describe the suitability • give details of the physical dimensions • comment on the positive and negative aspects giving valid reasons.

Candidates will collect and display examples of: • navigation buttons • navigation bar • advertising banner They will review each graphic and they will: • describe the purpose and target audience • describe the suitability and impact • give details of the physical dimensions describe the positive and negative aspects giving valid reasons.

They will identify the file size where this is available.

Evaluating Web GraphicsName of website & URL

• Name of website– This is the actual company name, – e.g. St James School

• URL (Uniform Resource Locator) of page studied– This is the full website address, – e.g. http://vle.st-james.devon.sch.uk/

Evaluating Web GraphicsPurpose

• Websites and Web graphics are always produced for a particular purpose. They may have 1 purpose or more than 1 purpose.

• This is an important section of your evaluations and must be detailed to obtain a pass.

Evaluating Web GraphicsPurpose of website

• Provide information• Change Behaviour• Attract Attention• Persuade the user to purchase a

product• Persuade the user to join something• Entertain or engage the user• Teach specific skills

Evaluating Web GraphicsTarget Audience

• Every website is created for a reason and is aimed at a specific group of people. (Target Audience)

• http://www.warnerbros.co.uk/web/sd_brand/index.jsp• http://www.pocruises.com/• http://www.channel4.com/entertainment/tv/microsites/H/hollyoaks/• http://www.misssixty.com/• http://www.dcshoes.com/home/• http://www.nus.org.uk/• http://www.people-carrier.co.uk/• http://www.jumeirah.com/en/hotels-and-resorts/Destinations/Dubai/Burj-Al-

Arab/• http://www.poundland.co.uk/pages/default.aspx• http://www.thisisexeter.co.uk/

Evaluating Web GraphicsTarget Audience

• Age Group• Gender• Educational Level• Family Size• Income Level• Location• Marital Status• Occupation• Hobbies/Interests

Evaluating Web GraphicsSize – Dimensions and File Size

• Documenting the size of your graphics is important. You will get a feel for how big you need to create your graphics.

• If you have print screened > opened in Fireworks > cropped and saved then getting the size details is easy.

• Find your image > click on details (bottom left)

• You need to add the dimensions and file size.

Evaluating Web GraphicsPurpose of Graphics

• Navigation Bar (Navigation Button)– Allows users to navigate website– Allows users to find the information they

want• Roll Over Button– Allow users to navigate to specific areas

of the website– Help promote/advertise specific areas of

a website– Act as a visual navigation system

Evaluating Web GraphicsPurpose of Graphics

• Advertising Banner– Provide information about a

product/event/website– Change behaviour – Anti-drinking/Anti-smoking– Attract attention/traffic – Bright, colourful banners

with animation, video and sound can grab your attention and influence you to visit a website/link

– Persuade user to purchase a product– Persuade user to join something. – Gym/fan

club/school/newsletter– Entertain/Engage – is the banner interactive?

Evaluating Web GraphicsSuitability for purpose

• For this section you need to discuss how suitable the graphic was at meeting its purpose.– Content: – Are there any aspects of the graphic that are not suitable for

the product? – Are there any aspects of the graphic that are not suitable for

the target audience? – The quality of the graphic: – Is the graphic pixelated? – Is the graphic the correct size? – Do the colours suit the purpose? Would alternative colours be

more appropriate?

Evaluating Web GraphicsImpact of the graphic

• For this section you need to discuss what impact the graphic had on you as the target audience.– How did the graphic make you feel?– Imagine you are a member of the target

audience, try to gauge the effect the image would have on you.

Evaluating Web GraphicsPositive Features

• The graphic is eye catching and simple.• The graphic is very good quality and suited to the

topic of the website.• The graphic is an appropriate size for the page size

and layout.• The image used as a background behind the text

looks professional and was very effective.• The text, link and background colours were clear

and easy to read, they complemented each other well.

• The text colour was effective against the background colour and made the page look professional.

Evaluating Web GraphicsNegative Features

• The graphic was to big in comparison with the size of the page.

• There is no Alt text.• The graphic took a long time to load/display on

the page.• The graphic was not positioned/aligned

appropriately on the page.• The graphic is irrelevant to the website content.• The pale text was difficult to read against the

pale background.• The link colours were very hard to read/see.• Red text against a green background is very

difficult to read.

Links

• http://www.smallbusinessbible.org/printables/whatpurpose_logodesign.html

• http://www.tappernet.com/marketingworkshop/targetaud.htm