Unit21 AO1

798 views

Published on

Research, collect and describe a range of existing web-based graphics

Published in: Education, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
798
On SlideShare
0
From Embeds
0
Number of Embeds
25
Actions
Shares
0
Downloads
14
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Unit21 AO1

  1. 1. Unit 21 AO1 – Research, collect and describe a range of existing web-based graphics.
  2. 2. Learning/Lesson Objectives <ul><li>We Are Learning To (WALT): </li></ul><ul><li>Evaluate existing web graphics </li></ul><ul><li>What I am Looking For (WILF): </li></ul><ul><li>2 evaluations that contain: </li></ul><ul><ul><li>Detailed descriptions of target audience and purpose. </li></ul></ul><ul><ul><li>Descriptions of the good and not so good features of each graphic </li></ul></ul><ul><ul><li>Descriptions of how effective each graphic is. </li></ul></ul>
  3. 3. Assessment Criteria Pass Merit Distinction Candidates will collect and display examples of graphics from at least two different websites , describe their purpose and be able to comment on the positive and negative aspects of these graphics. Candidates will collect and display examples of graphics from at least three different websites , describe their purpose and be able to discuss their suitability .   They should give details of the size of the graphics.   They should comment on the positive and negative aspects of these graphics, giving reasons . Candidates will collect and display examples of graphics from at least four different websites , describe their purpose and be able to discuss their suitability and impact .   They should give details of the size of the graphics.   They should comment on the positive and negative aspects of these graphics, giving valid reasons.
  4. 4. Evaluating Web Graphics <ul><li>Open your Evaluations (1 & 2) </li></ul><ul><li>You should have 2 different websites. </li></ul><ul><li>You can chose the graphics that you evaluate: </li></ul><ul><ul><li>Logo </li></ul></ul><ul><ul><li>Navigation Bar (Navigation Button) </li></ul></ul><ul><ul><li>Roll Over Button </li></ul></ul><ul><ul><li>Advertising Banner </li></ul></ul><ul><li>To get your graphic you need to print screen, Open Fireworks, Paste, Crop and Save (DEMO) </li></ul>
  5. 5. Evaluating Web Graphics <ul><li>Name of website </li></ul><ul><ul><li>This is the actual company name, </li></ul></ul><ul><ul><li>e.g. St James School </li></ul></ul><ul><li>URL of page studied </li></ul><ul><ul><li>This is the full website address, </li></ul></ul><ul><ul><li>e.g. http://vle.st-james.devon.sch.uk / </li></ul></ul>
  6. 6. Evaluating Web Graphics Purpose <ul><li>Websites and Web graphics are always produced for a particular purpose. They may have 1 purpose or more than 1 purpose. </li></ul><ul><li>This is an important section of your evaluations and must be detailed to obtain a pass. </li></ul>
  7. 7. Evaluating Web Graphics Purpose of website <ul><li>Provide information </li></ul><ul><li>Change Behaviour </li></ul><ul><li>Attract Attention </li></ul><ul><li>Persuade the user to purchase a product </li></ul><ul><li>Persuade the user to join something </li></ul><ul><li>Entertain or engage the user </li></ul><ul><li>Teach specific skills </li></ul>
  8. 8. Evaluating Web Graphics Target Audience <ul><li>Every website is created for a reason and is aimed at a specific group of people. (Target Audience) </li></ul><ul><li>http:// www.warnerbros.co.uk/web/sd_brand/index.jsp </li></ul><ul><li>http:// www.pocruises.com / </li></ul><ul><li>http://www.channel4.com/entertainment/tv/microsites/H/hollyoaks/ </li></ul><ul><li>http:// www.misssixty.com / </li></ul><ul><li>http:// www.dcshoes.com /home/ </li></ul><ul><li>http:// www.nus.org.uk / </li></ul><ul><li>http://www.people-carrier.co.uk / </li></ul><ul><li>http://www.jumeirah.com/en/hotels-and-resorts/Destinations/Dubai/Burj-Al-Arab/ </li></ul><ul><li>http:// www.poundland.co.uk/pages/default.aspx </li></ul><ul><li>http:// www.thisisexeter.co.uk / </li></ul>
  9. 9. Evaluating Web Graphics Target Audience <ul><li>Age Group </li></ul><ul><li>Gender </li></ul><ul><li>Educational Level </li></ul><ul><li>Family Size </li></ul><ul><li>Income Level </li></ul><ul><li>Location </li></ul><ul><li>Marital Status </li></ul><ul><li>Occupation </li></ul><ul><li>Hobbies/Interests </li></ul>
  10. 10. Evaluating Web Graphics Size <ul><li>Documenting the size of your graphics is important. You will get a feel for how big you need to create your graphics. </li></ul><ul><li>If you have print screened > opened in Fireworks > cropped and saved then getting the size details is easy. </li></ul><ul><li>Find your image > click on details (bottom left) </li></ul><ul><li>You need to add the dimensions and file size. </li></ul>
  11. 11. Evaluating Web Graphics Purpose of Graphics <ul><li>Logo </li></ul><ul><ul><li>The logo gives the user a first impression of the business. </li></ul></ul><ul><ul><li>The logo promotes the business professionally in the market. </li></ul></ul><ul><ul><li>The logo helps in attracting potential customers and client to the business. </li></ul></ul><ul><ul><li>The logo gives a unique and innovative identity to the business. </li></ul></ul>
  12. 12. Evaluating Web Graphics Purpose of Graphics <ul><li>Navigation Bar (Navigation Button) </li></ul><ul><ul><li>Allows users to navigate website </li></ul></ul><ul><ul><li>Allows users to find the information they want </li></ul></ul><ul><li>Roll Over Button </li></ul><ul><ul><li>Allow users to navigate to specific areas of the website </li></ul></ul><ul><ul><li>Help promote/advertise specific areas of a website </li></ul></ul><ul><ul><li>Act as a visual navigation system </li></ul></ul>
  13. 13. Evaluating Web Graphics Purpose of Graphics <ul><li>Advertising Banner </li></ul><ul><ul><li>Provide information about a product/event/website </li></ul></ul><ul><ul><li>Change behaviour – Anti-drinking/Anti-smoking </li></ul></ul><ul><ul><li>Attract attention/traffic – Bright, colourful banners with animation, video and sound can grab your attention and influence you to visit a website/link </li></ul></ul><ul><ul><li>Persuade user to purchase a product </li></ul></ul><ul><ul><li>Persuade user to join something. – Gym/fan club/school/newsletter </li></ul></ul><ul><ul><li>Entertain/Engage – is the banner interactive? </li></ul></ul>
  14. 14. Evaluating Web Graphics Positive Features <ul><li>The graphic is eye catching and simple. </li></ul><ul><li>The graphic is very good quality and suited to the topic of the website. </li></ul><ul><li>The graphic is an appropriate size for the page size and layout. </li></ul><ul><li>The image used as a background behind the text looks professional and was very effective. </li></ul><ul><li>The text, link and background colours were clear and easy to read, they complemented each other well. </li></ul><ul><li>The text colour was effective against the background colour and made the page look professional. </li></ul>
  15. 15. Evaluating Web Graphics Negative Features <ul><li>The graphic was to big in comparison with the size of the page. </li></ul><ul><li>There is no Alt text. </li></ul><ul><li>The graphic took a long time to load/display on the page. </li></ul><ul><li>The graphic was not positioned/aligned appropriately on the page. </li></ul><ul><li>The graphic is irrelevant to the website content. </li></ul><ul><li>The pale text was difficult to read against the pale background. </li></ul><ul><li>The link colours were very hard to read/see. </li></ul><ul><li>Red text against a green background is very difficult to read. </li></ul>
  16. 16. Evaluating Web Graphics How effective is the graphic <ul><li>For this section you need to combine your positive and negative comments into a couple of sentences. </li></ul><ul><li>E.g. – The advertising banner was very effective at advertising the new Nike trainer. The images and colours used attracted my attention and made we want to purchase the trainer. The banner could be better if it included information relating to the price of the trainer. </li></ul>
  17. 17. Links <ul><li>http://www.smallbusinessbible.org/printables/whatpurpose_logodesign.html </li></ul><ul><li>http:// www.tappernet.com/marketingworkshop/targetaud.htm </li></ul>
  18. 18. What graphics to evaluate <ul><li>Evaluating Web Graphics 1 (Pass) </li></ul><ul><ul><li>Logo </li></ul></ul><ul><ul><li>Button </li></ul></ul><ul><li>Evaluating Web Graphics 2 (Pass) </li></ul><ul><ul><li>Navigation Bar </li></ul></ul><ul><ul><li>Roll-over image </li></ul></ul><ul><li>Evaluating Web Graphics 3 (Merit) </li></ul><ul><ul><li>Advertising Banner (Static or Animated) </li></ul></ul><ul><ul><li>Roll over Image </li></ul></ul><ul><li>Evaluating Web Graphics 4 (Distinction) </li></ul><ul><ul><li>Navigation Bar </li></ul></ul><ul><ul><li>Advertising Banner (Static or Animated) </li></ul></ul>

×