3. www.pilot.com.hk
website usability
In the context of a website...
how efficiently a user can perform self-set tasks
Usability can be measured objectively via performance
errors and productivity, and
subjectively via user preferences and interface
characteristics.
what the hell?
4. www.pilot.com.hk
1. what are your objectives?
1. to “convert” the visitor
• make contact
• complete a sale
• registration or sign up
2. provide information
3. generate brand awareness
contact us at: +852 2810 1110 or info@pilot.com.hk
5. www.pilot.com.hk
website evolution
• (so far) 4 stages of web presence
• each stage is perfectly valid for your objectives
• each stage has best practice
10. www.pilot.com.hk
2. what does your visitor need?
1. research your visitors’ needs
2. design site around these needs
3. ensure you fulfill them...
11. www.pilot.com.hk
3. organisation of information
• spend time on the sitemap
• make it logical to the visitor
• get visitor feedback
• do a card sorting exercise
13. www.pilot.com.hk
4. 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.hk
examples:
• navigation structure
• labeling
enquiries find us inquiries locations
offices how to find us contacts contact us
16. www.pilot.com.hk
example: newsletter registration
newsletter newsletter
registration confirmation
name name
email email
country country
interests interests
1. 1.
2. 2.
3. 3.
4. 4. thank you
X i want to receive the newsletter X i want to receive the newsletter
X i want to receive other promotions X i want to receive other promotions you will receive your
newsletter soon.
data privacy code
terms of membership
submit confirm close
NOT
be a
19. www.pilot.com.hk
6. technical testing
• test under different browsers
• test under different screen resolutions
• consider page load speed
• error testing tools
25. www.pilot.com.hk
7. typography & design
research 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 & background
simplicity is usability simplicity is usability
Pilot creates powerful software that is incredibly easy to Pilot creates powerful software that is incredibly easy to
use. use.
We believe in usability, we believe that less is more. Too We believe in usability, we believe that less is more. Too
often software follows the "80 / 20 rule". This states that often software follows the "80 / 20 rule". This states that
80% 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 which
users have no need for, but have to pay for. At Pilot we users have no need for, but have to pay for. At Pilot we
believe that you should use the functionalty 100% of the believe that you should use the functionalty 100% of the
time. time.
We also know that you will generally never read a We also know that you will generally never read a
manual, so we make our software intuitive. We don't manual, so we make our software intuitive. We don't
hide functionaltiy behind dropdown menus, we put the hide functionaltiy behind dropdown menus, we put the
buttons right there on the interface for you. We believe in buttons right there on the interface for you. We believe in
consistency of design and protocol. consistency of design and protocol.
27. www.pilot.com.hk
8. 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.hk
9. 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.hk
10. 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?
33. www.pilot.com.hk
the 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
ROI
example: increased conversion rate by 5% annual ROI = $500,000 x (15/10) - $500,000 = $250,000
annual site profit $500,000
conversion 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
increase
example: reduced drop-off rate on the
check-out submit page change in monthly drop-off = (60% - 40%) x 10,000 = 2,000
pre-design drop-off 60% annual profit increase = 2,000 x $500 x 20% x 12 = $2.4m
post-design drop-off 40%
current monthly page traffic 10,000 views
average order size $500
profit % per order 20%
45. www.pilot.com.hk
in 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.hk
post 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 definitions
The ease of which a user can interpret and respond to information.
aardvarkmedia.co.uk
A measure of how easy it is for a user to complete a task. In the context of Web pages this concerns how
easy it is for a user to find the information they require from a given Web site.
bized.co.uk
The effectiveness, efficiency, and satisfaction with which specified users can achieve specified goals in a
particular environment. Synonymous with "ease of use".
SQAtester.com
That quality of a system that makes it easy to learn, easy to use and encourages the user to regard the
system as a positive help in getting the job done.
georgetown.edu
How easy an interface design is to understand and use.
Lisa Graham, The Principles of Interactive Design, 1999
48. www.pilot.com.hk
more definitions
The ease that users experience in navigating an interface, locating information, and obtaining knowledge over
the Internet.
csus.edu (Sacramento State University)
Usability is a multidimensional attribute that relates to the impact a product has on its end-users. In general
it refers to the efficiency with which a customer can do their tasks with the product, and their overall
satisfaction with that process. Usability should be considered from a systems perspective including the
hardware and software interfaces, the documentation, packaging, and any other component of the system
and processes surrounding it that affects the user...
thehfe.com (Human Factors, Inc)
Usability is the measure of a product's potential to accomplish the goals of the user. In information
technology, the term is often used in relation to software applications and Web sites. Some factors used in
determining 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 page's operating friendliness for the user and how effective, efficient,
engaging, error tolerant and easy to learn a website is.
infinityunlimited.co.uk
The ease of use of a website, or any other product. Usability encompasses many different disciplines, from
Cognitive Psychology to graphic design.
chriscassell.net