SlideShare ist ein Scribd-Unternehmen logo
1 von 101
Downloaden Sie, um offline zu lesen
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

Weitere Àhnliche Inhalte

Ähnlich wie 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
 
Accessibility 101
Accessibility 101Accessibility 101
Accessibility 101Barry Briggs
 
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
 
Create usable writing
Create usable writingCreate usable writing
Create usable writingMindy Messenger
 
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
 

Ähnlich wie 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
 

KĂŒrzlich hochgeladen

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...Drew Madelung
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptxHampshireHUG
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking MenDelhi Call girls
 
Developing An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of BrazilDeveloping An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of BrazilV3cube
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsEnterprise Knowledge
 
Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101Paola De la Torre
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024Rafal Los
 
[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.pdfhans926745
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsMaria Levchenko
 
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...Neo4j
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Servicegiselly40
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Enterprise Knowledge
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘RTylerCroy
 
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEarley Information Science
 
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024The Digital Insurer
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerThousandEyes
 
Unblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesUnblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesSinan KOZAK
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationMichael W. Hawkins
 
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
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationRadu Cotescu
 

KĂŒrzlich hochgeladen (20)

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...
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
 
Developing An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of BrazilDeveloping An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of Brazil
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
 
Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 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
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
 
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Unblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesUnblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen Frames
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
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...
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 

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