On October 23rd, 2014, we updated our
By continuing to use LinkedIn’s SlideShare service, you agree to the revised terms, so please take a few minutes to review them.
www.pilot.com.hkusable & usability“Usability is a set of properties that makes something easy to use.” we notice usability in its absence
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?
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 firstname.lastname@example.org
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
www.pilot.com.hkstage 1: the online brochure• e-business card• new business only• visitor due diligence
www.pilot.com.hkstage 2: the basic CMS• e-business card• (generally) new business only• visitor due diligence• more up-to-date
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?
www.pilot.com.hkexamples:• navigation structure• labeling enquiries ﬁnd us inquiries locations ofﬁces how to ﬁnd us contacts contact us
www.pilot.com.hk5. conceptual testing• test early rather than fix late• test logic of organisational structure• test logic of tasks
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
www.pilot.com.hkexample: wireframe / homepage NOT be a
www.pilot.com.hkexample: wireframe / search page NOT be a
www.pilot.com.hk6. technical testing• test under different browsers• test under different screen resolutions• consider page load speed• error testing tools
www.pilot.com.hkexample: browser (IE 7.0)
www.pilot.com.hkexample: browser (IE 6.0)
www.pilot.com.hkexample: browser (IE 5.5)
www.pilot.com.hkexample: page load
www.pilot.com.hkexample: page load
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
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.
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
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
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?
www.pilot.com.hkexample: site entry / exit & visit pages
www.pilot.com.hkexample: bounce offs
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
www.pilot.com.hk example: formulas for calculating ROI increased conversion rate conversion rate = # of visitors who purchase # of visitors( annual site proﬁt x improved conversion rate current conversion rate ) - annual site proﬁt = annual ROIexample: increased conversion rate by 5% annual ROI = $500,000 x (15/10) - $500,000 = $250,000annual site proﬁt $500,000conversion rate 10%improved conversion rate 15%
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 trafﬁc = change in monthly drop-off change in monthly drop-off x average order size x proﬁt % per order x 12 months / year = annual proﬁt 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 proﬁt increase = 2,000 x $500 x 20% x 12 = $2.4mpost-design drop-off 40%current monthly page trafﬁc 10,000 viewsaverage order size $500proﬁt % per order 20%
www.pilot.com.hkexamples of good usability• accessibility
www.pilot.com.hkexamples of good usability• accessibility
www.pilot.com.hkexamples of good usability• user suggested feature
www.pilot.com.hkexamples of good usability• in-site searching
www.pilot.com.hkexamples of good usability• member only content
www.pilot.com.hkexamples of good usability• Flash CMS
www.pilot.com.hkexamples of good usability• surveys and questionnaires
www.pilot.com.hkexamples of good usability• visitor feedback
www.pilot.com.hkexamples of good usability• mini-quiz, polls
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
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?
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 ﬁnd the information they require from a given Web site.bized.co.ukThe effectiveness, efﬁciency, and satisfaction with which speciﬁed users can achieve speciﬁed 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
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 efﬁciency 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, deﬁned 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, efﬁcient,engaging, error tolerant and easy to learn a website is.inﬁnityunlimited.co.ukThe ease of use of a website, or any other product. Usability encompasses many different disciplines, fromCognitive Psychology to graphic design.chriscassell.net
www.pilot.com.hkthank you... Tim Hay-Edie pilot simple software [t] 2810 4366 email@example.com www.pilot.com.hk