SlideShare une entreprise Scribd logo
1  sur  36
Diverse user testing
Include diverse users early and often  Following WCAG and testing with diverse users before launch can result in unexpected additional costs
A note on language:Why diverse and not disabled? Many users with diverse needs do not classify themselves as disabled: Dyslexic users Deaf users Moderate impairments – mild vision, motor impairment Older users
Labels
Following WCAG does not guarantee a website will be accessible
Diverse user testing often happens too late
Accessibility is still perceived as mainly technical – the developer’s problem
Content The trinity of accessible web design Design ,[object Object]
 Non-jargon
 Concise
 Clear & accurate
 Summarised
 Rich media enhanced
 Intuitive
 Usable
 Attractive
 Relevant
 Legible
 ScaleableMarkup ,[object Object]
 Semantic or structured markup
 Progressive enhancement ,[object Object]
Typical accessibility life cycle Requirements (technical) Specifications (technical) Prototyping (technical build / some design considerations) Testing – to WCAG guidelines Testing – with diverse users
Benefits of diverse user testing Test usability and accessibility in the same test Test work flow and relevance  Test beyond technical compliance Encourage and deepen engagement with diverse users and accessibility
Cost of diverse user testing at beta or live Cost No. of changes Accessibility testing Requirements Deployment Development
Disadvantages to testing at beta or live Fixes may now be prohibitively expensive No time to apply fixes Require drastic changes to site structure Due a perception that IA does not impact accessibility Require drastic changes to visual design Due a perception that graphic design doesn’t impact accessibility and that users know how to adjust their browsers Problems may come as an unpleasant surprise “we followed WCAG and tested for usability, what’s happening?”
Scenario: costly fixes Thissite.co.uk implement mega menus following accessibility and usability best practices. The site is tested for technical accessibility and usabilty tests are conducted with non-disabled users. Thissite are proud of their usable and accessible site until they have it tested with diverse users…
Mainstream users and mega menus Even Jakob Nielsen gives the thumbs up to mega menus 	“it takes a lot for me to recommend a new form of drop-down. But, as our testing videos show, mega drop-downs overcome the downsides of regular drop-downs. Thus, I can recommend one while warning against the other.” Nielsen, http://www.useit.com/alertbox/mega-dropdown-menus.html For accessibility Nielsen recommends using JS to filter keyboard users and provide navigation within the regular page.
Mega menus – difficult or impossible Keyboard only users Excessive tabbing to get to options Tiring and frustrating Screen reader users As above with the added difficulty of comprehending mental model of navigation Screen magnification software users  Menu is very difficult to interact with when magnified
Mega menus – difficult or impossible Voice recognition software users Incompatible with assistive technology Users with a cognitive impairment Mental overload, overwhelming
Nielsen solution to mega menus Information architecture needs to be robust, accessible and easy to use If a standard usability testing does not include diverse users – the fallback solution will go untested Which is the primary way many people will interact with the website Result: A site which ticks the accessibility and (mainstream) usability boxes is inaccessible in practice and fixes are prohibitively expensive
From web accessibility to universal web design Integrate diverse users into mainstream UCD
Integrating accessibility Don’t leave accessibility to the developer EVERYONE is RESPONSIBLE Don’t assume WCAG = accessible website Ensure you have the right expertise Include diverse users as early and often as possible – integrate diversity into your workflow Vary participants - different needs and impairments
10% of the UK population have an impairment 10% of every sample group and activity should reflect this
General points Accessibility does not just mean screen readers Avoid pigeon holing – people are individuals Many people have more than one condition Accessibility for type of impairment does not mean accessibility for all Ensure facilities are accessible – building and equipment Disability awareness – communication, language http://uiaccess.com/accessucd/interact.html

Contenu connexe

Tendances

Online Accessibility for Students with Disabilities
Online Accessibility for Students with DisabilitiesOnline Accessibility for Students with Disabilities
Online Accessibility for Students with Disabilitiesakascuena
 
Accessibility In Government Wsg Nov 2007
Accessibility In Government   Wsg   Nov 2007Accessibility In Government   Wsg   Nov 2007
Accessibility In Government Wsg Nov 2007Stamford
 
Accessibility In Government W S G Nov 2007
Accessibility In  Government    W S G    Nov 2007Accessibility In  Government    W S G    Nov 2007
Accessibility In Government W S G Nov 2007Stamford
 
Accessibility Testing 101
Accessibility Testing 101Accessibility Testing 101
Accessibility Testing 101Patrick Dunphy
 
Usability Testing for People w/ Disabilities
Usability Testing for People w/ DisabilitiesUsability Testing for People w/ Disabilities
Usability Testing for People w/ DisabilitiesInteractive Accessibility
 
Breaking silos - all bad things must come to an end
Breaking silos - all bad things must come to an endBreaking silos - all bad things must come to an end
Breaking silos - all bad things must come to an endHenny Swan
 
Heuristic Analysis - PBS Newshour Website
Heuristic Analysis - PBS Newshour WebsiteHeuristic Analysis - PBS Newshour Website
Heuristic Analysis - PBS Newshour Websitefabiolaeinhorn
 
Designing Inclusive Experiences to Maximize Reach and Satisfaction
Designing Inclusive Experiences to Maximize Reach and SatisfactionDesigning Inclusive Experiences to Maximize Reach and Satisfaction
Designing Inclusive Experiences to Maximize Reach and SatisfactionWindows Developer
 
Tips from the trenches Accessibility Testing
Tips from the trenches Accessibility TestingTips from the trenches Accessibility Testing
Tips from the trenches Accessibility TestingManoj Kumar Kumar
 
Usability for everyone : Google I/O Extended 2018
Usability for everyone : Google I/O Extended 2018Usability for everyone : Google I/O Extended 2018
Usability for everyone : Google I/O Extended 2018Jagriti Pande
 
Practical Accessibility Testing
Practical Accessibility TestingPractical Accessibility Testing
Practical Accessibility TestingGlenda Sims
 
Mobile firstpresentation huit
Mobile firstpresentation huitMobile firstpresentation huit
Mobile firstpresentation huitkevin_donovan
 
Kaltura Assembled Education Presentation
Kaltura Assembled Education PresentationKaltura Assembled Education Presentation
Kaltura Assembled Education PresentationGeneralAssembly_DC
 
Beckers Hospital Review : The Hospital Marketer's Guide to ADA Compliance.
Beckers Hospital Review : The Hospital Marketer's Guide to ADA Compliance.Beckers Hospital Review : The Hospital Marketer's Guide to ADA Compliance.
Beckers Hospital Review : The Hospital Marketer's Guide to ADA Compliance.Scorpion Healthcare
 

Tendances (20)

Why Usability Testing Should be Part of your Accessibility Testing Strategy
Why Usability Testing Should be Part of your Accessibility Testing StrategyWhy Usability Testing Should be Part of your Accessibility Testing Strategy
Why Usability Testing Should be Part of your Accessibility Testing Strategy
 
Online Accessibility for Students with Disabilities
Online Accessibility for Students with DisabilitiesOnline Accessibility for Students with Disabilities
Online Accessibility for Students with Disabilities
 
Accessibility In Government Wsg Nov 2007
Accessibility In Government   Wsg   Nov 2007Accessibility In Government   Wsg   Nov 2007
Accessibility In Government Wsg Nov 2007
 
Accessibility In Government W S G Nov 2007
Accessibility In  Government    W S G    Nov 2007Accessibility In  Government    W S G    Nov 2007
Accessibility In Government W S G Nov 2007
 
Web Accessibility Testing With Axe
Web Accessibility Testing With AxeWeb Accessibility Testing With Axe
Web Accessibility Testing With Axe
 
Accessibility Testing 101
Accessibility Testing 101Accessibility Testing 101
Accessibility Testing 101
 
Usability Testing for People w/ Disabilities
Usability Testing for People w/ DisabilitiesUsability Testing for People w/ Disabilities
Usability Testing for People w/ Disabilities
 
Web Accessibility
Web AccessibilityWeb Accessibility
Web Accessibility
 
Accessibilitytesting public
Accessibilitytesting publicAccessibilitytesting public
Accessibilitytesting public
 
Breaking silos - all bad things must come to an end
Breaking silos - all bad things must come to an endBreaking silos - all bad things must come to an end
Breaking silos - all bad things must come to an end
 
Heuristic Analysis - PBS Newshour Website
Heuristic Analysis - PBS Newshour WebsiteHeuristic Analysis - PBS Newshour Website
Heuristic Analysis - PBS Newshour Website
 
Accessibility Part 1
Accessibility Part 1Accessibility Part 1
Accessibility Part 1
 
Designing Inclusive Experiences to Maximize Reach and Satisfaction
Designing Inclusive Experiences to Maximize Reach and SatisfactionDesigning Inclusive Experiences to Maximize Reach and Satisfaction
Designing Inclusive Experiences to Maximize Reach and Satisfaction
 
Tips from the trenches Accessibility Testing
Tips from the trenches Accessibility TestingTips from the trenches Accessibility Testing
Tips from the trenches Accessibility Testing
 
Usability for everyone : Google I/O Extended 2018
Usability for everyone : Google I/O Extended 2018Usability for everyone : Google I/O Extended 2018
Usability for everyone : Google I/O Extended 2018
 
Practical Accessibility Testing
Practical Accessibility TestingPractical Accessibility Testing
Practical Accessibility Testing
 
Mobile firstpresentation huit
Mobile firstpresentation huitMobile firstpresentation huit
Mobile firstpresentation huit
 
Kaltura Assembled Education Presentation
Kaltura Assembled Education PresentationKaltura Assembled Education Presentation
Kaltura Assembled Education Presentation
 
Universal Usability
Universal UsabilityUniversal Usability
Universal Usability
 
Beckers Hospital Review : The Hospital Marketer's Guide to ADA Compliance.
Beckers Hospital Review : The Hospital Marketer's Guide to ADA Compliance.Beckers Hospital Review : The Hospital Marketer's Guide to ADA Compliance.
Beckers Hospital Review : The Hospital Marketer's Guide to ADA Compliance.
 

Similaire à Diverse User Experience by Kath Moonan

Engineering Web Accessibility for Older People
Engineering Web Accessibility for Older PeopleEngineering Web Accessibility for Older People
Engineering Web Accessibility for Older PeopleDavid Sloan
 
The overlap between Web Accessibility and Web Usability for Older people
The overlap between Web Accessibility and Web Usability for Older peopleThe overlap between Web Accessibility and Web Usability for Older people
The overlap between Web Accessibility and Web Usability for Older peopleDavid Sloan
 
Accessibility Overview - 508 and WCAG Compliance
Accessibility Overview - 508 and WCAG ComplianceAccessibility Overview - 508 and WCAG Compliance
Accessibility Overview - 508 and WCAG ComplianceFrank Walsh
 
Universal Usability
Universal UsabilityUniversal Usability
Universal UsabilityRakeshBRoy
 
Accessibility and why it matters
Accessibility and why it mattersAccessibility and why it matters
Accessibility and why it mattersMargarida Sousa
 
Making a Web for Everyone
Making a Web for EveryoneMaking a Web for Everyone
Making a Web for EveryoneMichael Larsen
 
Plan For Accessibility - TODCon 2008
Plan For Accessibility - TODCon 2008Plan For Accessibility - TODCon 2008
Plan For Accessibility - TODCon 2008Denise Jacobs
 
Providing better scaffolding - how BS8878 affects people designing inclusive ...
Providing better scaffolding - how BS8878 affects people designing inclusive ...Providing better scaffolding - how BS8878 affects people designing inclusive ...
Providing better scaffolding - how BS8878 affects people designing inclusive ...Jonathan Hassell
 
Design process design rules
Design process  design rulesDesign process  design rules
Design process design rulesPreeti Mishra
 
Streamlined Product Evaluation
Streamlined Product EvaluationStreamlined Product Evaluation
Streamlined Product Evaluationweeks.c
 
HCID2014: Accessibility primer. Joe Chidzik, Abilitynet
HCID2014: Accessibility primer. Joe Chidzik, AbilitynetHCID2014: Accessibility primer. Joe Chidzik, Abilitynet
HCID2014: Accessibility primer. Joe Chidzik, AbilitynetCity University London
 
Workshop
WorkshopWorkshop
Workshopliddy
 
ATAGTR2017 SPEAKING EYE for differently abled people to see the web content
ATAGTR2017 SPEAKING EYE for differently abled people to see the web contentATAGTR2017 SPEAKING EYE for differently abled people to see the web content
ATAGTR2017 SPEAKING EYE for differently abled people to see the web contentAgile Testing Alliance
 
Beyond Compliance - A Holistic Approach to Web Accessibility
Beyond Compliance - A Holistic Approach to Web AccessibilityBeyond Compliance - A Holistic Approach to Web Accessibility
Beyond Compliance - A Holistic Approach to Web Accessibilitylisbk
 
Usability Primer
Usability  PrimerUsability  Primer
Usability PrimerRavi Shyam
 
Accessibility analysis in MOOC platforms. A case study: UNED COMA and UAb iMOOC
Accessibility analysis in MOOC platforms. A case study: UNED COMA and UAb iMOOCAccessibility analysis in MOOC platforms. A case study: UNED COMA and UAb iMOOC
Accessibility analysis in MOOC platforms. A case study: UNED COMA and UAb iMOOCFrancisco Iniesto
 
Contextual Web Accessibility - Maximizing the Benefit of Accessibility Guidel...
Contextual Web Accessibility - Maximizing the Benefit of Accessibility Guidel...Contextual Web Accessibility - Maximizing the Benefit of Accessibility Guidel...
Contextual Web Accessibility - Maximizing the Benefit of Accessibility Guidel...lisbk
 

Similaire à Diverse User Experience by Kath Moonan (20)

Engineering Web Accessibility for Older People
Engineering Web Accessibility for Older PeopleEngineering Web Accessibility for Older People
Engineering Web Accessibility for Older People
 
Accessible computing
Accessible computingAccessible computing
Accessible computing
 
The overlap between Web Accessibility and Web Usability for Older people
The overlap between Web Accessibility and Web Usability for Older peopleThe overlap between Web Accessibility and Web Usability for Older people
The overlap between Web Accessibility and Web Usability for Older people
 
Global Accessibility Awareness Day
Global Accessibility Awareness DayGlobal Accessibility Awareness Day
Global Accessibility Awareness Day
 
Accessibility Overview - 508 and WCAG Compliance
Accessibility Overview - 508 and WCAG ComplianceAccessibility Overview - 508 and WCAG Compliance
Accessibility Overview - 508 and WCAG Compliance
 
Universal Usability
Universal UsabilityUniversal Usability
Universal Usability
 
Accessibility and why it matters
Accessibility and why it mattersAccessibility and why it matters
Accessibility and why it matters
 
Making a Web for Everyone
Making a Web for EveryoneMaking a Web for Everyone
Making a Web for Everyone
 
Plan For Accessibility - TODCon 2008
Plan For Accessibility - TODCon 2008Plan For Accessibility - TODCon 2008
Plan For Accessibility - TODCon 2008
 
Providing better scaffolding - how BS8878 affects people designing inclusive ...
Providing better scaffolding - how BS8878 affects people designing inclusive ...Providing better scaffolding - how BS8878 affects people designing inclusive ...
Providing better scaffolding - how BS8878 affects people designing inclusive ...
 
Design process design rules
Design process  design rulesDesign process  design rules
Design process design rules
 
Streamlined Product Evaluation
Streamlined Product EvaluationStreamlined Product Evaluation
Streamlined Product Evaluation
 
HCID2014: Accessibility primer. Joe Chidzik, Abilitynet
HCID2014: Accessibility primer. Joe Chidzik, AbilitynetHCID2014: Accessibility primer. Joe Chidzik, Abilitynet
HCID2014: Accessibility primer. Joe Chidzik, Abilitynet
 
Workshop
WorkshopWorkshop
Workshop
 
ATAGTR2017 SPEAKING EYE for differently abled people to see the web content
ATAGTR2017 SPEAKING EYE for differently abled people to see the web contentATAGTR2017 SPEAKING EYE for differently abled people to see the web content
ATAGTR2017 SPEAKING EYE for differently abled people to see the web content
 
Beyond Compliance - A Holistic Approach to Web Accessibility
Beyond Compliance - A Holistic Approach to Web AccessibilityBeyond Compliance - A Holistic Approach to Web Accessibility
Beyond Compliance - A Holistic Approach to Web Accessibility
 
Usability Primer
Usability  PrimerUsability  Primer
Usability Primer
 
Universal design for e learning final
Universal design for e learning finalUniversal design for e learning final
Universal design for e learning final
 
Accessibility analysis in MOOC platforms. A case study: UNED COMA and UAb iMOOC
Accessibility analysis in MOOC platforms. A case study: UNED COMA and UAb iMOOCAccessibility analysis in MOOC platforms. A case study: UNED COMA and UAb iMOOC
Accessibility analysis in MOOC platforms. A case study: UNED COMA and UAb iMOOC
 
Contextual Web Accessibility - Maximizing the Benefit of Accessibility Guidel...
Contextual Web Accessibility - Maximizing the Benefit of Accessibility Guidel...Contextual Web Accessibility - Maximizing the Benefit of Accessibility Guidel...
Contextual Web Accessibility - Maximizing the Benefit of Accessibility Guidel...
 

Plus de City University London

Behind the Scenes of City Interaction Lab
Behind the Scenes of City Interaction LabBehind the Scenes of City Interaction Lab
Behind the Scenes of City Interaction LabCity University London
 
HCID 2014: Join the geeks: why designers should contribute to Free and Open S...
HCID 2014: Join the geeks: why designers should contribute to Free and Open S...HCID 2014: Join the geeks: why designers should contribute to Free and Open S...
HCID 2014: Join the geeks: why designers should contribute to Free and Open S...City University London
 
HCID 2014: 3D printing now and in the future. Martin Stevens & Trupti Patel, ...
HCID 2014: 3D printing now and in the future. Martin Stevens & Trupti Patel, ...HCID 2014: 3D printing now and in the future. Martin Stevens & Trupti Patel, ...
HCID 2014: 3D printing now and in the future. Martin Stevens & Trupti Patel, ...City University London
 
HCID 2014: The Graphics Revolution and how Visual Effects became accessible t...
HCID 2014: The Graphics Revolution and how Visual Effects became accessible t...HCID 2014: The Graphics Revolution and how Visual Effects became accessible t...
HCID 2014: The Graphics Revolution and how Visual Effects became accessible t...City University London
 
HCID 2014: Developing jewellery for the future. Dan Moller, Kovert Designs.
HCID 2014: Developing jewellery for the future. Dan Moller, Kovert Designs.HCID 2014: Developing jewellery for the future. Dan Moller, Kovert Designs.
HCID 2014: Developing jewellery for the future. Dan Moller, Kovert Designs.City University London
 
HCID 2014: Designing Out The Screen. Steve Taylor, The Alloy.
HCID 2014: Designing Out The Screen. Steve Taylor, The Alloy.HCID 2014: Designing Out The Screen. Steve Taylor, The Alloy.
HCID 2014: Designing Out The Screen. Steve Taylor, The Alloy.City University London
 
HCID 2014: Defending users, helping businesses: the transactional aspects of ...
HCID 2014: Defending users, helping businesses: the transactional aspects of ...HCID 2014: Defending users, helping businesses: the transactional aspects of ...
HCID 2014: Defending users, helping businesses: the transactional aspects of ...City University London
 
HCID 2014: Film & broadcasting techniques applied to UX design. Rebeca Mirand...
HCID 2014: Film & broadcasting techniques applied to UX design. Rebeca Mirand...HCID 2014: Film & broadcasting techniques applied to UX design. Rebeca Mirand...
HCID 2014: Film & broadcasting techniques applied to UX design. Rebeca Mirand...City University London
 
HCID2014: Using Sci-Fi to brainstorm ux. Oliver Shreeve, Spotless.
HCID2014: Using Sci-Fi to brainstorm ux. Oliver Shreeve, Spotless.HCID2014: Using Sci-Fi to brainstorm ux. Oliver Shreeve, Spotless.
HCID2014: Using Sci-Fi to brainstorm ux. Oliver Shreeve, Spotless.City University London
 
HCID2014: Personifying your portfolio. Nick Grantham, Source.
HCID2014: Personifying your portfolio. Nick Grantham, Source.HCID2014: Personifying your portfolio. Nick Grantham, Source.
HCID2014: Personifying your portfolio. Nick Grantham, Source.City University London
 
HCID2014: In interfaces we trust? End user interactions with smart systems. D...
HCID2014: In interfaces we trust? End user interactions with smart systems. D...HCID2014: In interfaces we trust? End user interactions with smart systems. D...
HCID2014: In interfaces we trust? End user interactions with smart systems. D...City University London
 
HCID2014: Evaluating the effects of a virtual communication environment for p...
HCID2014: Evaluating the effects of a virtual communication environment for p...HCID2014: Evaluating the effects of a virtual communication environment for p...
HCID2014: Evaluating the effects of a virtual communication environment for p...City University London
 
HCID2014: Adapting to responsive web design. Matt Gibson, Cyber-duck
HCID2014: Adapting to responsive web design. Matt Gibson, Cyber-duckHCID2014: Adapting to responsive web design. Matt Gibson, Cyber-duck
HCID2014: Adapting to responsive web design. Matt Gibson, Cyber-duckCity University London
 
HCID2014: How to involve children in design. Monica Ferraro, City University ...
HCID2014: How to involve children in design. Monica Ferraro, City University ...HCID2014: How to involve children in design. Monica Ferraro, City University ...
HCID2014: How to involve children in design. Monica Ferraro, City University ...City University London
 
Ways of seeing: Innovative Research Techniques In Video Ethnography - Nick Le...
Ways of seeing: Innovative Research Techniques In Video Ethnography - Nick Le...Ways of seeing: Innovative Research Techniques In Video Ethnography - Nick Le...
Ways of seeing: Innovative Research Techniques In Video Ethnography - Nick Le...City University London
 
How to be Pixel Perfect (Replaces Making Accessibility Accessible) - Matt Gy...
How to be Pixel Perfect  (Replaces Making Accessibility Accessible) - Matt Gy...How to be Pixel Perfect  (Replaces Making Accessibility Accessible) - Matt Gy...
How to be Pixel Perfect (Replaces Making Accessibility Accessible) - Matt Gy...City University London
 
Type on Screens: What to Consider and Why - Toshi Omagari, Monotype
Type on Screens: What to Consider and Why - Toshi Omagari, Monotype Type on Screens: What to Consider and Why - Toshi Omagari, Monotype
Type on Screens: What to Consider and Why - Toshi Omagari, Monotype City University London
 
Storytelling applied to the digital context - Rebeca Miranda, System Concepts
Storytelling applied to the digital context - Rebeca Miranda, System ConceptsStorytelling applied to the digital context - Rebeca Miranda, System Concepts
Storytelling applied to the digital context - Rebeca Miranda, System ConceptsCity University London
 
So You Think You Know How to Brainstorm? - Alison Duffy & Sue Whittle, Persp...
So You Think You Know How to Brainstorm?  - Alison Duffy & Sue Whittle, Persp...So You Think You Know How to Brainstorm?  - Alison Duffy & Sue Whittle, Persp...
So You Think You Know How to Brainstorm? - Alison Duffy & Sue Whittle, Persp...City University London
 

Plus de City University London (20)

Behind the Scenes of City Interaction Lab
Behind the Scenes of City Interaction LabBehind the Scenes of City Interaction Lab
Behind the Scenes of City Interaction Lab
 
HCID 2014: Join the geeks: why designers should contribute to Free and Open S...
HCID 2014: Join the geeks: why designers should contribute to Free and Open S...HCID 2014: Join the geeks: why designers should contribute to Free and Open S...
HCID 2014: Join the geeks: why designers should contribute to Free and Open S...
 
HCID 2014: 3D printing now and in the future. Martin Stevens & Trupti Patel, ...
HCID 2014: 3D printing now and in the future. Martin Stevens & Trupti Patel, ...HCID 2014: 3D printing now and in the future. Martin Stevens & Trupti Patel, ...
HCID 2014: 3D printing now and in the future. Martin Stevens & Trupti Patel, ...
 
HCID 2014: The Graphics Revolution and how Visual Effects became accessible t...
HCID 2014: The Graphics Revolution and how Visual Effects became accessible t...HCID 2014: The Graphics Revolution and how Visual Effects became accessible t...
HCID 2014: The Graphics Revolution and how Visual Effects became accessible t...
 
HCID 2014: Developing jewellery for the future. Dan Moller, Kovert Designs.
HCID 2014: Developing jewellery for the future. Dan Moller, Kovert Designs.HCID 2014: Developing jewellery for the future. Dan Moller, Kovert Designs.
HCID 2014: Developing jewellery for the future. Dan Moller, Kovert Designs.
 
HCID 2014: Designing Out The Screen. Steve Taylor, The Alloy.
HCID 2014: Designing Out The Screen. Steve Taylor, The Alloy.HCID 2014: Designing Out The Screen. Steve Taylor, The Alloy.
HCID 2014: Designing Out The Screen. Steve Taylor, The Alloy.
 
HCID 2014: Defending users, helping businesses: the transactional aspects of ...
HCID 2014: Defending users, helping businesses: the transactional aspects of ...HCID 2014: Defending users, helping businesses: the transactional aspects of ...
HCID 2014: Defending users, helping businesses: the transactional aspects of ...
 
HCID 2014: Film & broadcasting techniques applied to UX design. Rebeca Mirand...
HCID 2014: Film & broadcasting techniques applied to UX design. Rebeca Mirand...HCID 2014: Film & broadcasting techniques applied to UX design. Rebeca Mirand...
HCID 2014: Film & broadcasting techniques applied to UX design. Rebeca Mirand...
 
HCID2014: Using Sci-Fi to brainstorm ux. Oliver Shreeve, Spotless.
HCID2014: Using Sci-Fi to brainstorm ux. Oliver Shreeve, Spotless.HCID2014: Using Sci-Fi to brainstorm ux. Oliver Shreeve, Spotless.
HCID2014: Using Sci-Fi to brainstorm ux. Oliver Shreeve, Spotless.
 
HCID2014: Personifying your portfolio. Nick Grantham, Source.
HCID2014: Personifying your portfolio. Nick Grantham, Source.HCID2014: Personifying your portfolio. Nick Grantham, Source.
HCID2014: Personifying your portfolio. Nick Grantham, Source.
 
HCID2014: In interfaces we trust? End user interactions with smart systems. D...
HCID2014: In interfaces we trust? End user interactions with smart systems. D...HCID2014: In interfaces we trust? End user interactions with smart systems. D...
HCID2014: In interfaces we trust? End user interactions with smart systems. D...
 
HCID2014: Evaluating the effects of a virtual communication environment for p...
HCID2014: Evaluating the effects of a virtual communication environment for p...HCID2014: Evaluating the effects of a virtual communication environment for p...
HCID2014: Evaluating the effects of a virtual communication environment for p...
 
HCID2014: Adapting to responsive web design. Matt Gibson, Cyber-duck
HCID2014: Adapting to responsive web design. Matt Gibson, Cyber-duckHCID2014: Adapting to responsive web design. Matt Gibson, Cyber-duck
HCID2014: Adapting to responsive web design. Matt Gibson, Cyber-duck
 
HCID2014: How to involve children in design. Monica Ferraro, City University ...
HCID2014: How to involve children in design. Monica Ferraro, City University ...HCID2014: How to involve children in design. Monica Ferraro, City University ...
HCID2014: How to involve children in design. Monica Ferraro, City University ...
 
Robot study recruitment
Robot study recruitmentRobot study recruitment
Robot study recruitment
 
Ways of seeing: Innovative Research Techniques In Video Ethnography - Nick Le...
Ways of seeing: Innovative Research Techniques In Video Ethnography - Nick Le...Ways of seeing: Innovative Research Techniques In Video Ethnography - Nick Le...
Ways of seeing: Innovative Research Techniques In Video Ethnography - Nick Le...
 
How to be Pixel Perfect (Replaces Making Accessibility Accessible) - Matt Gy...
How to be Pixel Perfect  (Replaces Making Accessibility Accessible) - Matt Gy...How to be Pixel Perfect  (Replaces Making Accessibility Accessible) - Matt Gy...
How to be Pixel Perfect (Replaces Making Accessibility Accessible) - Matt Gy...
 
Type on Screens: What to Consider and Why - Toshi Omagari, Monotype
Type on Screens: What to Consider and Why - Toshi Omagari, Monotype Type on Screens: What to Consider and Why - Toshi Omagari, Monotype
Type on Screens: What to Consider and Why - Toshi Omagari, Monotype
 
Storytelling applied to the digital context - Rebeca Miranda, System Concepts
Storytelling applied to the digital context - Rebeca Miranda, System ConceptsStorytelling applied to the digital context - Rebeca Miranda, System Concepts
Storytelling applied to the digital context - Rebeca Miranda, System Concepts
 
So You Think You Know How to Brainstorm? - Alison Duffy & Sue Whittle, Persp...
So You Think You Know How to Brainstorm?  - Alison Duffy & Sue Whittle, Persp...So You Think You Know How to Brainstorm?  - Alison Duffy & Sue Whittle, Persp...
So You Think You Know How to Brainstorm? - Alison Duffy & Sue Whittle, Persp...
 

Dernier

Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfciinovamais
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdfQucHHunhnh
 
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions  for the students and aspirants of Chemistry12th.pptxOrganic Name Reactions  for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions for the students and aspirants of Chemistry12th.pptxVS Mahajan Coaching Centre
 
CARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxCARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxGaneshChakor2
 
Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfsanyamsingh5019
 
Web & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfWeb & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfJayanti Pande
 
Hybridoma Technology ( Production , Purification , and Application )
Hybridoma Technology  ( Production , Purification , and Application  ) Hybridoma Technology  ( Production , Purification , and Application  )
Hybridoma Technology ( Production , Purification , and Application ) Sakshi Ghasle
 
Employee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxEmployee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxNirmalaLoungPoorunde1
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactdawncurless
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingTechSoup
 
A Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformA Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformChameera Dedduwage
 
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdfBASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdfSoniaTolstoy
 
Measures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeMeasures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeThiyagu K
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdfQucHHunhnh
 
How to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxHow to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxmanuelaromero2013
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxiammrhaywood
 
mini mental status format.docx
mini    mental       status     format.docxmini    mental       status     format.docx
mini mental status format.docxPoojaSen20
 
URLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website AppURLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website AppCeline George
 
Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactPECB
 

Dernier (20)

Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
 
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions  for the students and aspirants of Chemistry12th.pptxOrganic Name Reactions  for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
 
CARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxCARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptx
 
Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdf
 
Web & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfWeb & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdf
 
Hybridoma Technology ( Production , Purification , and Application )
Hybridoma Technology  ( Production , Purification , and Application  ) Hybridoma Technology  ( Production , Purification , and Application  )
Hybridoma Technology ( Production , Purification , and Application )
 
Employee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxEmployee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptx
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impact
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy Consulting
 
A Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformA Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy Reform
 
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdfBASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
 
Mattingly "AI & Prompt Design: The Basics of Prompt Design"
Mattingly "AI & Prompt Design: The Basics of Prompt Design"Mattingly "AI & Prompt Design: The Basics of Prompt Design"
Mattingly "AI & Prompt Design: The Basics of Prompt Design"
 
Measures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeMeasures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and Mode
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
 
How to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxHow to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptx
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
 
mini mental status format.docx
mini    mental       status     format.docxmini    mental       status     format.docx
mini mental status format.docx
 
URLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website AppURLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website App
 
Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global Impact
 

Diverse User Experience by Kath Moonan

  • 2. Include diverse users early and often Following WCAG and testing with diverse users before launch can result in unexpected additional costs
  • 3. A note on language:Why diverse and not disabled? Many users with diverse needs do not classify themselves as disabled: Dyslexic users Deaf users Moderate impairments – mild vision, motor impairment Older users
  • 5. Following WCAG does not guarantee a website will be accessible
  • 6. Diverse user testing often happens too late
  • 7. Accessibility is still perceived as mainly technical – the developer’s problem
  • 8.
  • 11. Clear & accurate
  • 13. Rich media enhanced
  • 19.
  • 20. Semantic or structured markup
  • 21.
  • 22. Typical accessibility life cycle Requirements (technical) Specifications (technical) Prototyping (technical build / some design considerations) Testing – to WCAG guidelines Testing – with diverse users
  • 23. Benefits of diverse user testing Test usability and accessibility in the same test Test work flow and relevance Test beyond technical compliance Encourage and deepen engagement with diverse users and accessibility
  • 24. Cost of diverse user testing at beta or live Cost No. of changes Accessibility testing Requirements Deployment Development
  • 25. Disadvantages to testing at beta or live Fixes may now be prohibitively expensive No time to apply fixes Require drastic changes to site structure Due a perception that IA does not impact accessibility Require drastic changes to visual design Due a perception that graphic design doesn’t impact accessibility and that users know how to adjust their browsers Problems may come as an unpleasant surprise “we followed WCAG and tested for usability, what’s happening?”
  • 26. Scenario: costly fixes Thissite.co.uk implement mega menus following accessibility and usability best practices. The site is tested for technical accessibility and usabilty tests are conducted with non-disabled users. Thissite are proud of their usable and accessible site until they have it tested with diverse users…
  • 27. Mainstream users and mega menus Even Jakob Nielsen gives the thumbs up to mega menus “it takes a lot for me to recommend a new form of drop-down. But, as our testing videos show, mega drop-downs overcome the downsides of regular drop-downs. Thus, I can recommend one while warning against the other.” Nielsen, http://www.useit.com/alertbox/mega-dropdown-menus.html For accessibility Nielsen recommends using JS to filter keyboard users and provide navigation within the regular page.
  • 28.
  • 29. Mega menus – difficult or impossible Keyboard only users Excessive tabbing to get to options Tiring and frustrating Screen reader users As above with the added difficulty of comprehending mental model of navigation Screen magnification software users Menu is very difficult to interact with when magnified
  • 30.
  • 31. Mega menus – difficult or impossible Voice recognition software users Incompatible with assistive technology Users with a cognitive impairment Mental overload, overwhelming
  • 32. Nielsen solution to mega menus Information architecture needs to be robust, accessible and easy to use If a standard usability testing does not include diverse users – the fallback solution will go untested Which is the primary way many people will interact with the website Result: A site which ticks the accessibility and (mainstream) usability boxes is inaccessible in practice and fixes are prohibitively expensive
  • 33. From web accessibility to universal web design Integrate diverse users into mainstream UCD
  • 34. Integrating accessibility Don’t leave accessibility to the developer EVERYONE is RESPONSIBLE Don’t assume WCAG = accessible website Ensure you have the right expertise Include diverse users as early and often as possible – integrate diversity into your workflow Vary participants - different needs and impairments
  • 35. 10% of the UK population have an impairment 10% of every sample group and activity should reflect this
  • 36. General points Accessibility does not just mean screen readers Avoid pigeon holing – people are individuals Many people have more than one condition Accessibility for type of impairment does not mean accessibility for all Ensure facilities are accessible – building and equipment Disability awareness – communication, language http://uiaccess.com/accessucd/interact.html
  • 37. Impairment categories & range Vision Blindness - mild vision Hearing Deaf - mild hearing loss Motor Paralysis / loss of limb - pain / discomfort Cognitive Moderate learning difficulty - dyslexia
  • 38. Additional expertise and equipment You may have an accessibility specialist in house Information in PAS 78, Just Ask and WebAim about working with diverse users Hire an accessibility expert to work with your team Focus rooms, testing lab need to be equipped with adjustable furniture, correct software Beware of Morae and assistive technologies Consider different versions of software, hardware considerations You may need a BSL interpreter
  • 39. Integrating diverse users or diverse user test? Integration Little and often One is better than none (include as many users as possible) Any participant with an impairment that affects how they use the web Supplement with expert reviews and heuristic evaluations from other user groups Single, separate test One (possibly two) tests at end of development stage 6 – 10 participants from different categories of impairment Test participants represent as broad a range as possible Often happens in isolation from other UCD activities
  • 40. Working with diverse users – recruitment Existing – you may be already working with diverse users Find out about mild impairments in all screening – dyslexia, mild vision, hearing, motor, colour blindness Specialist recruitment Finding diverse users – disability groups and organisations, recruitment agencies Ensure participants fit with other user profiles Agencies Need guidance on recruiting users with additional needs Range or severity of disability Knowledge / use of assistive technology
  • 41. Recruitment – potential barriers Hard to identify the right point of contact (with time to help) in a charity or organisation Persistence, long term relationships, posters and information May be much more difficult for participant to travel – prohibitive Additional budget / taxis / parking Go to the participant Unwillingness to be a “guinea pig” (medical model of disability) Long term relationships, engagement in the process, word of mouth
  • 42. Planning Gathering user information and requirements should include diverse users Same activities as non-disabled users Additional information Find out about the accessibility issues they face and how they overcome challenges Competitor analysis User solutions based on access need Scenarios that use personas with disabilities
  • 43. Personas Same information as non-disabled personas Information about impairment Impact on computer use Experience of assistive technology Create personas based on interviews and research Adapt sample personas http://www.w3.org/WAI/redesign/personas http://www.w3.org/WAI/EO/Drafts/PWD-Use-Web/#usage
  • 44. Development – implementing accessibility Avoid: Too much accessibility Over-complex solutions Thoroughly testing fallback solutions Incremental evaluation of prototypes, designs, HTML protoypes Personas, expert review, holistic approach
  • 45. Testing - recruitment Conduct expert reviews, heuristic evaluations and walk throughs If there is more than one cycle of testing vary participant types Focus on target users (but don’t ignore others) Focus on high impact
  • 46. Testing considerations Evaluator should be experienced in working with people with disabilities Adjusting room and equipment for participants needs Allow more time for screen reader users (generally) Setting goals and benchmarks Knowing when to stop – frustration, barriers, losing confidence After the test Don’t allow participants to leave with low confidence Explain what the issues were – what you will do to help fix them Antonia Hyde tells participants what the right answers are Share knowledge
  • 47. Conclusions Incorporate accessibility into existing UCD Involve EVERYONE It is possible to conduct testing in-house Work collaboratively with accessibility experts Read Design Meets Disability – Graham Pullin Just Ask – Shawn Henry