SlideShare uma empresa Scribd logo
1 de 101
Baixar para ler offline
An introduction to
Precedent


#PrecSem
80+ experts
   Hearty Home Cooking Cookbook

                       strategy & research
               branding & communications
                       user centred design
                    development & hosting
                      content & publishing
22 years
     experience
        quality
       stability
        loyalty
         results
5 locations  Perth
        Melbourne
           London
        Edinburgh
           Cardiff
5 sectors               finance
                      education
  local and central government
     membership organisations
                    third sector
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
Usability
The golden rules

#PrecSem
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
1. ignore the myths
Myth #1
People don’t scroll
Myth #1
People don’t scroll
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’
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’
Myth #1
People don’t scroll
Myth #1
People don’t scroll
Myth #1
People don’t scroll
Myth #1
People don’t scroll
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’
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
Myth #2
All pages should be accessible in 3 clicks
Myth #2
All pages should be accessible in 3 clicks




 Source: Getting Confidence from Lincoln ‘Jared M. Spool’
Myth #2
All pages should be accessible in 3 clicks
Myth #2
All pages should be accessible in 3 clicks
Myth #2
All pages should be accessible in 3 clicks
Myth #2
All pages should be accessible in 3 clicks
Myth #2
All pages should be accessible in 3 clicks
Myth #2
All pages should be accessible in 3 clicks
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
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
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
2. consistency is king
Gently hold your user’s hand

• Users learn from other sites
• Visual and linguistic cues make a
  huge difference
• Don’t make them think
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
3. content, content, content
Chance of text being read =
                                    1
                              Volume of text
Content
volume




          Time
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.
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.
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.
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
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
4. focus on forms
5. mobile is a MUST
Context


Location
Time
Habits
Priorities
6. Accessibility is relevant
“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
WCAG 2.0 basic principles


Perceivable
Operable
Understandable
Robust
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
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
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
Marketing + Usability = Results




 MARKETING                    USABILITY
Increase visits to            to improve
        increase              conversions
     conversions

Mais conteúdo relacionado

Semelhante a Precedent #usabilityfail seminar part two

Semelhante a Precedent #usabilityfail seminar part two (20)

Get Better Content with Analytics and User Testing
Get Better Content with Analytics and User TestingGet Better Content with Analytics and User Testing
Get Better Content with Analytics and User Testing
 
Web For All
Web For AllWeb For All
Web For All
 
Accessibility 101
Accessibility 101Accessibility 101
Accessibility 101
 
Designing for Grannie
Designing for GrannieDesigning for Grannie
Designing for Grannie
 
Modern Website Development
Modern Website DevelopmentModern Website Development
Modern Website Development
 
Before you build a website 2015
Before you build a website 2015Before you build a website 2015
Before you build a website 2015
 
Create usable writing
Create usable writingCreate usable writing
Create usable writing
 
Jared Smith - Introduction to Web Accessibility
Jared Smith - Introduction to Web AccessibilityJared Smith - Introduction to Web Accessibility
Jared Smith - Introduction to Web Accessibility
 
Adapting to Responsive Web Design
Adapting to Responsive Web DesignAdapting to Responsive Web Design
Adapting to Responsive Web Design
 
Writing for the web
Writing for the webWriting for the web
Writing for the web
 
Technology vs english
Technology vs englishTechnology vs english
Technology vs english
 
UXPA2019 Enhancing the User Experience for People with Disabilities: Top 10 ...
UXPA2019  Enhancing the User Experience for People with Disabilities: Top 10 ...UXPA2019  Enhancing the User Experience for People with Disabilities: Top 10 ...
UXPA2019 Enhancing the User Experience for People with Disabilities: Top 10 ...
 
Using Web-based Tools in Brightspace, with an Eye on Accessibility accessibly
Using Web-based Tools in Brightspace, with an Eye on Accessibility accessiblyUsing Web-based Tools in Brightspace, with an Eye on Accessibility accessibly
Using Web-based Tools in Brightspace, with an Eye on Accessibility accessibly
 
Using Web 2.0 Tools inside Brightspace with an Eye on Accessibility
Using Web 2.0 Tools inside Brightspace with an Eye on AccessibilityUsing Web 2.0 Tools inside Brightspace with an Eye on Accessibility
Using Web 2.0 Tools inside Brightspace with an Eye on Accessibility
 
Publishing 102 11 18
Publishing 102  11 18Publishing 102  11 18
Publishing 102 11 18
 
Making Your Website Sing!
Making Your Website Sing!Making Your Website Sing!
Making Your Website Sing!
 
Making Your Website Sing!
Making Your Website Sing!Making Your Website Sing!
Making Your Website Sing!
 
7 tips for creating content
7 tips for creating content7 tips for creating content
7 tips for creating content
 
Five reasons why the universal homepage happens
Five reasons why the universal homepage happensFive reasons why the universal homepage happens
Five reasons why the universal homepage happens
 
Accessible Information: Glasgow Kelvin College
Accessible Information: Glasgow Kelvin CollegeAccessible Information: Glasgow Kelvin College
Accessible Information: Glasgow Kelvin College
 

Último

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
vu2urc
 

Último (20)

Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
HTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation StrategiesHTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation Strategies
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
 
Advantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your BusinessAdvantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your Business
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 

Precedent #usabilityfail seminar part two

  • 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
  • 10. 1. ignore the myths
  • 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
  • 21. Myth #2 All pages should be accessible in 3 clicks
  • 22. Myth #2 All pages should be accessible in 3 clicks Source: Getting Confidence from Lincoln ‘Jared M. Spool’
  • 23. Myth #2 All pages should be accessible in 3 clicks
  • 24. Myth #2 All pages should be accessible in 3 clicks
  • 25. Myth #2 All pages should be accessible in 3 clicks
  • 26. Myth #2 All pages should be accessible in 3 clicks
  • 27. Myth #2 All pages should be accessible in 3 clicks
  • 28. Myth #2 All pages should be accessible in 3 clicks
  • 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
  • 37.
  • 38.
  • 39.
  • 40.
  • 41.
  • 42.
  • 43.
  • 44.
  • 45.
  • 46.
  • 47.
  • 48.
  • 50. Chance of text being read = 1 Volume of text
  • 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
  • 58.
  • 59.
  • 60.
  • 61.
  • 62.
  • 63.
  • 64.
  • 65.
  • 66.
  • 67.
  • 68. 4. focus on forms
  • 69.
  • 70.
  • 71.
  • 72.
  • 73.
  • 74.
  • 75.
  • 76.
  • 77.
  • 78.
  • 79.
  • 80.
  • 81.
  • 82.
  • 83.
  • 84.
  • 85.
  • 86. 5. mobile is a MUST
  • 87.
  • 88.
  • 89.
  • 90.
  • 91.
  • 92.
  • 94.
  • 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
  • 97. WCAG 2.0 basic principles Perceivable Operable Understandable Robust
  • 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