Slides from part two of #usabilityfail: stop wasting your marketing budget on bad usability.
Seminar presented in Perth, Western Australia November 2011
2. 80+ experts
Hearty Home Cooking Cookbook
strategy & research
branding & communications
user centred design
development & hosting
content & publishing
3. 22 years
experience
quality
stability
loyalty
results
4. 5 locations Perth
Melbourne
London
Edinburgh
Cardiff
5. 5 sectors finance
education
local and central government
membership organisations
third sector
6.
7. Find our Precedent group and follow us on
on LinkedIn for a chance twitter.com/Precedentcomms
to find out more about for Precedent news, seminar
our seminars, network, info and general observations
share ideas and quiz the
Precedent team on
seminar issues and more! #PrecSem
9. The golden rules
1. ignore the myths
2. consistency is king
3. content, content, content
4. focus on forms
5. mobile is a must
6. accessibility is relevant
13. Myth #1
People don’t scroll
Length of the page has no influence in the likelihood that a user will
scroll down the page. Source: Clicktales – ‘Unfolding the fold’
14. Myth #1
People don’t scroll
Less content above the fold even encourages users to explore below
the fold. Source: CX partners – ‘The myth of the page fold’
19. Myth #2
All pages should be accessible in 3 clicks
The satisfaction of users doesn't depend on the number of clicks.
Source: Joshua Porter –’Testing the Three-click rule’
20. Myth #2
All pages should be accessible in 3 clicks
‘ Users would rather have several links
telling them they’re headed in the right
direction at each step,
than think through lengthy lists of links
and hope they guess the right place.’
Jakob Nielsen and Hoa Loranger
Source Prioritizing Web Usability
29. Myth #3
The homepage is your most important page
2008 | 25% came via Home page
2010 | 10% came via Home page
Gerry McGovern
Source: The decline of the home page
30.
31.
32. Myth #3
The homepage is your most important page
Home Page
Article Pages
Amount of page views for specific time period
Source: Joshua Porter – Prioritizing design time
33. Myth #3
The homepage is your most important page
2 templates
= 57% of page views
Home page
= 9% of page views
Page views by area of the site
Source: Joshua Porter – Prioritizing design time
35. Gently hold your user’s hand
• Users learn from other sites
• Visual and linguistic cues make a
huge difference
• Don’t make them think
36. Open door
Enter
Give name on reservation
Wait to be seated
Sit down
Order drinks
Put napkin on lap
Look at menu
Discuss menu
Order meal
Talk
Drink water
Eat salad or soup
Meal arrives
Eat food
Finish meal
Order dessert
Eat dessert
Ask for a bill
Bill arrives
Pay bill
Leave tip
Get coat
Leave
Bower, Black and Turner, 1979
52. Tedious
waffle
The bad
Writing for the web
can be a daunting
process for a lot of
people. You’ll notice
the same three
mistakes tend crop up
time and time again.
53. To the Tedious
point waffle
The 3 most common Writing for the web
web writing mistakes can be a daunting
are: ignoring the needs process for a lot of
of your audiences, people. You’ll notice
taking too long to the same three
make a point, and mistakes tend crop up
using too much text. time and time again.
54. Hours to
read
Page Title
This is some text. This is some more
text. This is some text. This is some
more text. This is some text. This is
some more text. This is some text. This
is some more text. This is some text.
This is some more text. This is some
text. This is some more text. This is
some text. This is some more text. This
is some text. This is some more text.
This is some text. This is some more
text. This is some text. This is some
more text. This is some text. This is
some more text. This is some text. This
is some more text. This is some text.
This is some more text. This is some
text. This is some more text. This is
some text. This is some more text. This
is some text.
55. Hours to Easy to
read read
Page Title Page Title
This is some text. This is some more This is some text. This is some more
text. This is some text. This is some text. This is some text. This is some
more text. This is some text. This is more text.
some more text. This is some text. This
is some more text. This is some text. Subheading
This is some more text. This is some This is some text. This is some more
text. This is some more text. This is text. This is some text. This is some
some text. This is some more text. This more text.
is some text. This is some more text.
This is some text. This is some more Another subheading
text. This is some text. This is some This is some text. This is some more
more text. This is some text. This is text. This is some text.
some more text. This is some text. This
is some more text. This is some text.
Subheading the third
This is some more text. This is some
text. This is some more text. This is • List item 1
some text. This is some more text. This • Another list item
is some text. • And one more
56.
57. Headings
Page summary Information the user must have
Highlighted content for your page to be successful
What you can do
Main content
Additional helpful
information
Deeper content In-depth &
Links to further reading detailed
Bin
96. “The power of the
Web is in its
universality. Access
by everyone
regardless of
disability is an
essential aspect.”
Tim Berners-Lee
Inventor of the World Wide Web and Director of the W3C
98. Are you compliant?
http://www.w3.org/WAI/
1. Check your alt tags
2. Give your links meaningful labels, avoid ‘click here’
3. Try disabling JavaScript
4. Captions / transcripts for video and audio
5. Logical content structure
6. Explicitly associate form labels with input controls
7. Don’t rely on colour alone to convey meaning
8. Give data tables a summary or caption
9. Avoid rapidly flashing content
10.Ensure you can complete tasks using a keyboard
99. National Transition Strategy
Timeline for WA …
Phase Summary of activities
Phase 1 – Prepare Define scope
To complete by 31 Dec 2011 Assess sites for conformance to WCAG 2.0
Prioritise
Plan governance, resource, budget
Phase 2 – Transition Put the capability in place
To complete by 31 Dec 2012 - Training
- Infrastructure
- Risks and mitigation
Phase 3 – Implementation Implement website and content changes
To complete by 31 Dec 2013 Verify compliance
http://www.publicsector.wa.gov.au/AgencyResponsibilities/Accessibility/Pages/Default.aspx
100. The golden rules
1. ignore the myths
2. consistency is king
3. content, content, content
4. focus on forms
5. mobile is a must
6. accessibility is relevant
101. Marketing + Usability = Results
MARKETING USABILITY
Increase visits to to improve
increase conversions
conversions