• Save
Is your Website Usable?
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Is your Website Usable?

on

  • 496 views

presentation to Britcham in Hong Kong

presentation to Britcham in Hong Kong
November 9, 2006

Statistics

Views

Total Views
496
Views on SlideShare
496
Embed Views
0

Actions

Likes
0
Downloads
0
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Is your Website Usable? Presentation Transcript

  • 1. www.pilot.com.hkis your website usable?Tim Hay-Ediepilot simple software[t] 2810 4366tim@pilot.com.hkwww.pilot.com.hkNovember 9, 2006
  • 2. www.pilot.com.hkusable & usability“Usability is a set of properties that makes something easy to use.” we notice usability in its absence
  • 3. www.pilot.com.hkwebsite usabilityIn the context of a website...how efficiently a user can perform self-set tasksUsability can be measured objectively via performanceerrors and productivity, andsubjectively via user preferences and interfacecharacteristics. what the hell?
  • 4. www.pilot.com.hk1. what are your objectives?1. to “convert” the visitor • make contact • complete a sale • registration or sign up2. provide information3. generate brand awareness contact us at: +852 2810 1110 or info@pilot.com.hk
  • 5. www.pilot.com.hkwebsite evolution• (so far) 4 stages of web presence• each stage is perfectly valid for your objectives• each stage has best practice
  • 6. www.pilot.com.hkstage 1: the online brochure• e-business card• new business only• visitor due diligence
  • 7. www.pilot.com.hkstage 2: the basic CMS• e-business card• (generally) new business only• visitor due diligence• more up-to-date
  • 8. www.pilot.com.hkstage 3: the CRM site• capturing data• push marketing• return visitors
  • 9. www.pilot.com.hkstage 4: the e-commerce engine
  • 10. www.pilot.com.hk2. what does your visitor need?1. research your visitors’ needs2. design site around these needs3. ensure you fulfill them...
  • 11. www.pilot.com.hk3. organisation of information• spend time on the sitemap• make it logical to the visitor• get visitor feedback• do a card sorting exercise
  • 12. www.pilot.com.hkcase study: giabo.com/dessertmaster
  • 13. www.pilot.com.hk4. follow convention• this is not being a copy cat• general protocols have emerged• these are for everyone’s benefit• don’t risk confusing the user how do I get home?
  • 14. www.pilot.com.hkexamples:• navigation structure• labeling enquiries find us inquiries locations offices how to find us contacts contact us
  • 15. www.pilot.com.hk5. conceptual testing• test early rather than fix late• test logic of organisational structure• test logic of tasks
  • 16. www.pilot.com.hk example: newsletter registration newsletter newsletter registration confirmationname nameemail emailcountry countryinterests interests1. 1.2. 2.3. 3.4. 4. thank youX i want to receive the newsletter X i want to receive the newsletterX i want to receive other promotions X i want to receive other promotions you will receive your newsletter soon.data privacy codeterms of membership submit confirm close NOT be a
  • 17. www.pilot.com.hkexample: wireframe / homepage NOT be a
  • 18. www.pilot.com.hkexample: wireframe / search page NOT be a
  • 19. www.pilot.com.hk6. technical testing• test under different browsers• test under different screen resolutions• consider page load speed• error testing tools
  • 20. www.pilot.com.hkexample: browser (IE 7.0)
  • 21. www.pilot.com.hkexample: browser (IE 6.0)
  • 22. www.pilot.com.hkexample: browser (IE 5.5)
  • 23. www.pilot.com.hkexample: page load
  • 24. www.pilot.com.hkexample: page load
  • 25. www.pilot.com.hk7. typography & designresearch shows that:font, size, space between lines, line width, length of paragraph,colour of text, colour of background, use of animation...all impact: • speed of navigation, • readability & • comprehension
  • 26. www.pilot.com.hk example: text colour & backgroundsimplicity is usability simplicity is usabilityPilot creates powerful software that is incredibly easy to Pilot creates powerful software that is incredibly easy touse. use.We believe in usability, we believe that less is more. Too We believe in usability, we believe that less is more. Toooften software follows the "80 / 20 rule". This states that often software follows the "80 / 20 rule". This states that80% of the software is only used 20% of the time. 80% of the software is only used 20% of the time.Programmers pack functionality into software which Programmers pack functionality into software whichusers have no need for, but have to pay for. At Pilot we users have no need for, but have to pay for. At Pilot webelieve that you should use the functionalty 100% of the believe that you should use the functionalty 100% of thetime. time.We also know that you will generally never read a We also know that you will generally never read amanual, so we make our software intuitive. We dont manual, so we make our software intuitive. We donthide functionaltiy behind dropdown menus, we put the hide functionaltiy behind dropdown menus, we put thebuttons right there on the interface for you. We believe in buttons right there on the interface for you. We believe inconsistency of design and protocol. consistency of design and protocol.
  • 27. www.pilot.com.hk8. content style• research shows users tend to skim text and dip into detail• users prefer short, bulleted points (and the ability to print)• write for the user, not the marketing department
  • 28. www.pilot.com.hk9. content sell-by-date• content is (and always was) king• time sensitive content should be archived or replaced• visitors will quickly leave the site otherwise last updated: March 3, 2005
  • 29. www.pilot.com.hk10. defer to the statistics• website traffic analysis will reveal details about its usability• what pages are visited most, and for how long?• what pages are the main exit points?• at what stage during the payment process do we lose the sale?
  • 30. www.pilot.com.hkexample: visits
  • 31. www.pilot.com.hkexample: site entry / exit & visit pages
  • 32. www.pilot.com.hkexample: bounce offs
  • 33. www.pilot.com.hkthe benefits of good usability• increased “conversion” rate - sales, calls, submissions• decreased drop-off rates• reduced reliance on call centres• measurable ROI
  • 34. www.pilot.com.hk example: formulas for calculating ROI increased conversion rate conversion rate = # of visitors who purchase # of visitors( annual site profit x improved conversion rate current conversion rate ) - annual site profit = annual ROIexample: increased conversion rate by 5% annual ROI = $500,000 x (15/10) - $500,000 = $250,000annual site profit $500,000conversion rate 10%improved conversion rate 15%
  • 35. www.pilot.com.hk example: formulas for calculating ROI decreased drop-off rate ( pre-design drop-off % - post-design drop-off % )x current monthly page traffic = change in monthly drop-off change in monthly drop-off x average order size x profit % per order x 12 months / year = annual profit increaseexample: reduced drop-off rate on thecheck-out submit page change in monthly drop-off = (60% - 40%) x 10,000 = 2,000pre-design drop-off 60% annual profit increase = 2,000 x $500 x 20% x 12 = $2.4mpost-design drop-off 40%current monthly page traffic 10,000 viewsaverage order size $500profit % per order 20%
  • 36. www.pilot.com.hkexamples of good usability• accessibility
  • 37. www.pilot.com.hkexamples of good usability• accessibility
  • 38. www.pilot.com.hkexamples of good usability• user suggested feature
  • 39. www.pilot.com.hkexamples of good usability• in-site searching
  • 40. www.pilot.com.hkexamples of good usability• member only content
  • 41. www.pilot.com.hkexamples of good usability• Flash CMS
  • 42. www.pilot.com.hkexamples of good usability• surveys and questionnaires
  • 43. www.pilot.com.hkexamples of good usability• visitor feedback
  • 44. www.pilot.com.hkexamples of good usability• mini-quiz, polls
  • 45. www.pilot.com.hkin conclusion...• consider your business objectives• research your visitors needs• spend more time up front• best practice design• write for the web - update it• pay attention to the statistics
  • 46. www.pilot.com.hkpost script• if they can’t find it is it usable? If a tree falls in the woods and no one hears it, did it make a noise?
  • 47. www.pilot.com.hk more definitionsThe ease of which a user can interpret and respond to information.aardvarkmedia.co.ukA measure of how easy it is for a user to complete a task. In the context of Web pages this concerns howeasy it is for a user to find the information they require from a given Web site.bized.co.ukThe effectiveness, efficiency, and satisfaction with which specified users can achieve specified goals in aparticular environment. Synonymous with "ease of use".SQAtester.comThat quality of a system that makes it easy to learn, easy to use and encourages the user to regard thesystem as a positive help in getting the job done.georgetown.eduHow easy an interface design is to understand and use.Lisa Graham, The Principles of Interactive Design, 1999
  • 48. www.pilot.com.hk more definitionsThe ease that users experience in navigating an interface, locating information, and obtaining knowledge overthe Internet.csus.edu (Sacramento State University)Usability is a multidimensional attribute that relates to the impact a product has on its end-users. In generalit refers to the efficiency with which a customer can do their tasks with the product, and their overallsatisfaction with that process. Usability should be considered from a systems perspective including thehardware and software interfaces, the documentation, packaging, and any other component of the systemand processes surrounding it that affects the user...thehfe.com (Human Factors, Inc)Usability is the measure of a products potential to accomplish the goals of the user. In informationtechnology, the term is often used in relation to software applications and Web sites. Some factors used indetermining product usability are ease-of-use, visual consistency, and a clear, defined process for evolution.cesa8.k12.wi.us/media/digital_dictionary.htm (The Digital Dictionary)Refers to the level or degree of a pages operating friendliness for the user and how effective, efficient,engaging, error tolerant and easy to learn a website is.infinityunlimited.co.ukThe ease of use of a website, or any other product. Usability encompasses many different disciplines, fromCognitive Psychology to graphic design.chriscassell.net
  • 49. www.pilot.com.hkthank you... Tim Hay-Edie pilot simple software [t] 2810 4366 tim@pilot.com.hk www.pilot.com.hk