SlideShare une entreprise Scribd logo
1  sur  101
Télécharger pour lire hors ligne
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

Contenu connexe

Similaire à Precedent #usabilityfail seminar part two

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 TestingMichael Powers
 
Web For All
Web For AllWeb For All
Web For AllISOCHK
 
Designing for Grannie
Designing for GrannieDesigning for Grannie
Designing for Granniejkmdgh
 
Modern Website Development
Modern Website DevelopmentModern Website Development
Modern Website Developmenttamuwww
 
Before you build a website 2015
Before you build a website 2015Before you build a website 2015
Before you build a website 2015mwfordesigns
 
Jared Smith - Introduction to Web Accessibility
Jared Smith - Introduction to Web AccessibilityJared Smith - Introduction to Web Accessibility
Jared Smith - Introduction to Web AccessibilityPlain Talk 2015
 
Adapting to Responsive Web Design
Adapting to Responsive Web DesignAdapting to Responsive Web Design
Adapting to Responsive Web DesignIWMW
 
Technology vs english
Technology vs englishTechnology vs english
Technology vs englishlennasuzaka
 
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 ...UXPA International
 
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 accessiblyD2L Barry
 
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 AccessibilityD2L
 
Publishing 102 11 18
Publishing 102  11 18Publishing 102  11 18
Publishing 102 11 18Karen Brooks
 
Making Your Website Sing!
Making Your Website Sing!Making Your Website Sing!
Making Your Website Sing!Embolden
 
Making Your Website Sing!
Making Your Website Sing!Making Your Website Sing!
Making Your Website Sing!Embolden
 
7 tips for creating content
7 tips for creating content7 tips for creating content
7 tips for creating contentJohn Bottom
 
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 happensmStoner, Inc.
 
Accessible Information: Glasgow Kelvin College
Accessible Information: Glasgow Kelvin CollegeAccessible Information: Glasgow Kelvin College
Accessible Information: Glasgow Kelvin CollegeJisc Scotland
 

Similaire à 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
 

Dernier

Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)Zilliz
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century educationjfdjdjcjdnsjd
 
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...apidays
 
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdfRising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdfOrbitshub
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Victor Rentea
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProduct Anonymous
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Jeffrey Haguewood
 
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 AmsterdamDEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 AmsterdamUiPathCommunity
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native ApplicationsWSO2
 
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...apidays
 
Vector Search -An Introduction in Oracle Database 23ai.pptx
Vector Search -An Introduction in Oracle Database 23ai.pptxVector Search -An Introduction in Oracle Database 23ai.pptx
Vector Search -An Introduction in Oracle Database 23ai.pptxRemote DBA Services
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MIND CTI
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businesspanagenda
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxRustici Software
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDropbox
 
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsMS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsNanddeep Nachan
 
CNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In PakistanCNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In Pakistandanishmna97
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyKhushali Kathiriya
 

Dernier (20)

Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)
 
+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...
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
 
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdfRising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
 
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 AmsterdamDEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
 
Understanding the FAA Part 107 License ..
Understanding the FAA Part 107 License ..Understanding the FAA Part 107 License ..
Understanding the FAA Part 107 License ..
 
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
 
Vector Search -An Introduction in Oracle Database 23ai.pptx
Vector Search -An Introduction in Oracle Database 23ai.pptxVector Search -An Introduction in Oracle Database 23ai.pptx
Vector Search -An Introduction in Oracle Database 23ai.pptx
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsMS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
 
CNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In PakistanCNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In Pakistan
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 

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