1. ELC 200 Day 14

2. Chapter 9 Website Evaluation & Usability Testing

3. Awad –Electronic Commerce 1/e © 2002 Prentice Hall 3 Day 14 Agenda Quiz #3 one April 5 –Chaps 8- 12 Lecture/Discuss Web Site Evaluation and Usability Testing Assignment # 5 on Next Slide –Only 3 more after this one

4. Awad –Electronic Commerce 1/e © 2002 Prentice Hall 4 Assignment #5 –Page 289 Web Exercises Question # 1 & 2 only –For Question # 2 Do as an Individual Project and use only the First National Bank of South Miami, http://www.fnbsm.com http://www.fnbsm.com Question C means what Computer language –HTML, JavaScript, ASP ? –Turn in a well formatted typed response sheet Or e-mail –Due Tuesday, March 22 at start of class

5. Awad –Electronic Commerce 1/e © 2002 Prentice Hall 5 OBJECTIVES Anatomy of A Site What Makes A Website Usable? Role of Web Administrator Website Evaluation & Traffic Management: Objectives

6. Awad –Electronic Commerce 1/e © 2002 Prentice Hall 6 ANATOMY OF A SITE Use of Colors Site Evaluation Criteria Web Personalization Website Evaluation & Traffic Management: Anatomy of A Site

7. Awad –Electronic Commerce 1/e © 2002 Prentice Hall 7 USE OF COLORS Website Evaluation & Traffic Management: Anatomy of A Site ColorPsychological Effects RedPower, energy, passion, danger BlueTrust, conservation, security YellowOptimism, hope WhitePurity, precision, innocence BlackSophistication, mystery, elegance –http://webdesign.about.com/cs/color/a/aacolorharmony.htmhttp://webdesign.about.com/cs/color/a/aacolorharmony.htm

8. Awad –Electronic Commerce 1/e © 2002 Prentice Hall 8 SITE EVALUATION CRITERIA page 264-266 Color Type & Shapes Page Content Service Offered Primary Focus Ancillaries Site Classification Website Evaluation & Traffic Management: Anatomy of A Site

9. Awad –Electronic Commerce 1/e © 2002 Prentice Hall 9 Site Classification Category 1 –Mere presence Category 2 –More information and ability for user to send data Category 3 –Uses video and color as guides Category 4 –Multimedia, Work flow Some personalization Category 5 –Highly customized with advanced services including eCommerce

10. Awad –Electronic Commerce 1/e © 2002 Prentice Hall 10 SITE EVALUATION CRITERIA (Cont’d) Professionalism Speed Consistency Personalization Security Scalability Website Evaluation & Traffic Management: Anatomy of A Site

11. Awad –Electronic Commerce 1/e © 2002 Prentice Hall 11 Sample Evaluations http://www.baseballdirect.com/http://www.baseballdirect.com/ http://www.Wachovia.com http://www.umfk.maine.edu http://www.emptyheadmusic.com/ http://www.lucasarts.com/

12. Awad –Electronic Commerce 1/e © 2002 Prentice Hall 12 WEB PERSONALIZATION Cookies Collaborative-filtering Software Check Boxes User-based Personalization Website Evaluation & Traffic Management: Anatomy of A Site

13. Awad –Electronic Commerce 1/e © 2002 Prentice Hall 13 How Cookies Work A cookie is a small text file written by a web server to your hard drive –Look for a cookies directory on your PC The web server that wrote the cookie can read and or modify the cookie (so can sophisticated Hackers) They are used to track users

14. Awad –Electronic Commerce 1/e © 2002 Prentice Hall 14 Cookies Advantages –Allows you to auto-login to site –Keeps you from entering your info all the times –Helps eMerchant do business Disadvantage –Cookies stay on PC and don’t follow the user –Spy-ware! (discuss later) –Other people can see your info Cookie from my PC

15. Awad –Electronic Commerce 1/e © 2002 Prentice Hall 15 WHAT’S THE BIG FUSS OVER SOME COOKIES? Deleting and/or Rejecting Cookies Privacy Concerns Website Evaluation & Traffic Management: Anatomy of A Site

16. Awad –Electronic Commerce 1/e © 2002 Prentice Hall 16 Cookie Invasion Cookie can be used to monitor your web behavior –Tracking cookies –Used by Internet Marketing agencies like Doubleclick Why --- Consumer Profiling –You go to yahoo and search for “stereo” –All of a sudden you see a pop-up ad for Crutchfield.com

17. Awad –Electronic Commerce 1/e © 2002 Prentice Hall 17 WHAT MAKES A WEBSITE USABLE? Website Evaluation & Traffic Management: What Makes a Website Usable? SourcesWhat Users Are Seeking Forrester ResearchHigh-quality Content Ease of Use Quick to Download Frequent Site Update Spool’s StudyInformation Kahle’s StudySpecific Information

18. Awad –Electronic Commerce 1/e © 2002 Prentice Hall 18 USABILITY TESTING GUIDELINES Make sure the site is engaging Make the site efficient, supportive, consistent and reliable Decide on a writing style & stick to it Give visitors what they are looking for Brand your site Keep the big picture in mind for usability Website Evaluation & Traffic Management: What Makes a Website Usable?

19. Awad –Electronic Commerce 1/e © 2002 Prentice Hall 19 USABILITY TESTING GUIDELINES (Cont’d) Make the site easy to navigate Focus on content before graphics Make your text scannable Be careful about flashy marketing language Encourage visitor feedback Test, test & test! Website Evaluation & Traffic Management: What Makes a Website Usable? Remember: Conciseness, Scanability & Objectivity

20. Awad –Electronic Commerce 1/e © 2002 Prentice Hall 20 Buying a printer www.hp.com www.canon.com www.amazon.com www.pricewatch.com

21. Awad –Electronic Commerce 1/e © 2002 Prentice Hall 21 Useability resources http://magazine.onlinetransmissions.com/resource s.asphttp://magazine.onlinetransmissions.com/resource s.asp http://webdesign.about.com/cs/usability/tp/aatpwe busable.htmhttp://webdesign.about.com/cs/usability/tp/aatpwe busable.htm http://www.useit.com/ http://www.webstyleguide.com/ http://www- 306.ibm.com/ibm/easy/eou_ext.nsf/publish/572http://www- 306.ibm.com/ibm/easy/eou_ext.nsf/publish/572 http://www.smartwebby.com/web_site_design/def ault.asphttp://www.smartwebby.com/web_site_design/def ault.asp

22. Awad –Electronic Commerce 1/e © 2002 Prentice Hall 22 RELIABILITY TESTING Provide system backup Install a disk-mirroring feature Ensure that the system hardware is ‘fault- tolerant’ Website Evaluation & Traffic Management: What Makes a Website Usable?

23. Awad –Electronic Commerce 1/e © 2002 Prentice Hall 23 MANAGING IMAGES & COLOR Readability Testing GIFs vs. JPEGs Use of Cache Use of Links Role of the Web Server Website Evaluation & Traffic Management: What Makes a Website Usable?

24. Awad –Electronic Commerce 1/e © 2002 Prentice Hall 24 Usability www.cnn.com www.ebay.com www.fidelity.com www.disney.com www.motorola.com www.msnbc.com

25. Awad –Electronic Commerce 1/e © 2002 Prentice Hall 25 ROLE OF WEB ADMINISTRATOR Database Server Application Server Web Server Special-purpose Servers for Security Internet Bandwidth Internet Performance Status –http://www.netiq.com/http://www.netiq.com/ Website Evaluation & Traffic Management: Role of Web Administrator

26. Awad –Electronic Commerce 1/e © 2002 Prentice Hall 26 Extra Credit question for next Quiz Extra Credit (5 points) What is the derivation of the name “cookie” used by Internet Browsers?