SlideShare ist ein Scribd-Unternehmen logo
1 von 31
Inclusive Design is for
    Everyone


        @SandiWassmer
Art
DESIGN is not
Good Design has
Purpose and Principles.

     Ladies and Gentlemen,
I bring you Dieter Rams and
      his timeless principles
Good design
‣   is innovative
‣   makes a product useful
‣   is aesthetic
‣   makes a product understandable
‣   is unobtrusive
‣   is honest
‣   is long-lasting
‣   is thorough down to the last detail
‣   is environmentally friendly
‣   is as little design as possible
What is Inclusive
   Design


        and

   Why Should I?
The Internet at
 its Inception:
   One Way
Communication in
  Raw HTML
More One Way
Communication:
    Now with
   WYSIWYG
Editors, Designers
and Marketers in
     the mix
FLASHtastic:
  Skip Intro
Web Standards:
Makes an Impact
Web 2 Point
Freakin’ Zero:
    We have
 Technology and
 we are going to
use all of it at the
   same time
The Internet is
 Interactive:
  Push & Pull
“Form follows function - that has
     been misunderstood.

Form and function should be one,
   joined in a spiritual union.”


                       Frank Lloyd Wright
Theory and Practice:




  Bringing the Principles of
    Industrial Design and
Architecture Into Web Design
Principle One: Equitable Use




Should be welcoming and not
 discriminate, offering equally
valuable user experiences for
     anyone and everyone
Principle Two: Flexibility In Use




    Should provide plenty of
  choice in how, why, where,
  when and with what device
different people want to use it
Principle Three: Simple And Intuitive Use




 Should not require a manual
  and should be immediately
obvious how to navigate from
         the get go
Principle Four: Perceptible Information




   Should be clear what the
 purpose of the website is for,
what people should get from it
           and why
Principle Five: Tolerance For Error



 Should aim to prevent user
error, but to provide guidance
  and assistance that is well
    considered and not an
   afterthought, if they do
Principle Six: Low Physical Effort




Should not be difficult, onerous
 or restrictive to use and does
not require the user to do the
           hard work
Principle Seven: Size And Space For Approach And Use




  Should be the appropriate size
  and shape to suit the user and
           user agent
Makes Sense.

How Do I Do It?
Design with Purpose & Intent
Ponder,
Contemplate &
   Reflect
Collaborate,
Communicate &
  Innovate
Plan, Organise &
   Structure
Design with Purpose & Intent


          (again)
Develop
   Features and
   Functionality
 from a User’s
 Perspective,
not a Technology
       One
Test the Hell Out of it:

Functionality Testing, Usability
 Testing, Accessibility Testing,
  User Panels, Experts, Your
 Parents and anyone else for
          that matter
And now that
 you know the
rules, you also
know when it’s
 right to break
      them
?
www.twitter.com/SandiWassmer 
Image Credits, Thanks to.

Slides:
01) Source: Flickr License: Creative Commons Creator: Kamikaze Stoat

04) Source: Wikimedia Commons | http://en.wikipedia.org/wiki/File:Netscape_2.02.png License: Creative Commons

07) Source: Wikimedia Commons License: Creative Commons Creator: gorriti

08) Source: Wikimedia Commons License: Creative Commons Creator: Markus Angermeier / Vectorised: Luca Cremonini

09) Source: Flickr License: Creative Commons Creator: Robert S. Donovan

19) Source: Flickr License: Creative Commons Creator: mightyohm

21) Source: Flickr License: Creative Commons Creator: @boetter

22) Source: Wikimedia Commons License: Creative Commons Creator: World Imaging

23) Source: Wikimedia Commons | http://commons.wikimedia.org/wiki/File:Joy_Oil_gas_station_blueprints.jpg License: None (Public domain)

25) Source: Wikimedia Commons License: Creative Commons Creator: David Vignoni

27) Source: Wikimedia Commons License: Creative Commons Creator: SriMesh




                                                                                                                           2010 Sandi Wassmer

Weitere ähnliche Inhalte

Was ist angesagt? (7)

Computers are easy; people are hard (devopsdays Toronto)
Computers are easy; people are hard (devopsdays Toronto)Computers are easy; people are hard (devopsdays Toronto)
Computers are easy; people are hard (devopsdays Toronto)
 
KCB201 Week 8 Slidecast: Produsage
KCB201 Week 8 Slidecast: ProdusageKCB201 Week 8 Slidecast: Produsage
KCB201 Week 8 Slidecast: Produsage
 
Events & 21 Century (ThessBerlin2021; Thessaloniki October 2013)
Events & 21 Century (ThessBerlin2021; Thessaloniki October 2013) Events & 21 Century (ThessBerlin2021; Thessaloniki October 2013)
Events & 21 Century (ThessBerlin2021; Thessaloniki October 2013)
 
SLL Collaboration
SLL CollaborationSLL Collaboration
SLL Collaboration
 
Idea factory workshop
Idea factory workshopIdea factory workshop
Idea factory workshop
 
Matt Haughey Fowa Oct07
Matt Haughey Fowa Oct07Matt Haughey Fowa Oct07
Matt Haughey Fowa Oct07
 
WEVOLVE introduction
WEVOLVE introductionWEVOLVE introduction
WEVOLVE introduction
 

Andere mochten auch

Andere mochten auch (16)

Virtual Reality, disability inclusive design, ability net webinar, 26 jan 2017
Virtual Reality, disability inclusive design, ability net webinar, 26 jan 2017Virtual Reality, disability inclusive design, ability net webinar, 26 jan 2017
Virtual Reality, disability inclusive design, ability net webinar, 26 jan 2017
 
ACTIVE LIVING CENTRE
ACTIVE LIVING CENTREACTIVE LIVING CENTRE
ACTIVE LIVING CENTRE
 
From Disability To Possibility - Inclusive Recreation
From Disability To Possibility - Inclusive RecreationFrom Disability To Possibility - Inclusive Recreation
From Disability To Possibility - Inclusive Recreation
 
Designing for inclusions helps everyone bryce johnson - infocamp 2012
Designing for inclusions helps everyone   bryce johnson - infocamp 2012Designing for inclusions helps everyone   bryce johnson - infocamp 2012
Designing for inclusions helps everyone bryce johnson - infocamp 2012
 
SXSW 2011 Inclusive Design
SXSW 2011 Inclusive DesignSXSW 2011 Inclusive Design
SXSW 2011 Inclusive Design
 
Inclusive Design From Approach to Execution
Inclusive Design From Approach to ExecutionInclusive Design From Approach to Execution
Inclusive Design From Approach to Execution
 
Reframing Studio - Design for Inclusive Citizenship
Reframing Studio - Design for Inclusive CitizenshipReframing Studio - Design for Inclusive Citizenship
Reframing Studio - Design for Inclusive Citizenship
 
Do the right thing: accessibility and inclusive design (with Drupal)
Do the right thing: accessibility and inclusive design (with Drupal)Do the right thing: accessibility and inclusive design (with Drupal)
Do the right thing: accessibility and inclusive design (with Drupal)
 
Accessibility and inclusive design
Accessibility and inclusive designAccessibility and inclusive design
Accessibility and inclusive design
 
Inclusive Design - Meetup FLUPA Toulouse
Inclusive Design - Meetup FLUPA Toulouse Inclusive Design - Meetup FLUPA Toulouse
Inclusive Design - Meetup FLUPA Toulouse
 
Empathy, Education and Excellence in Inclusive Design
Empathy, Education and Excellence in Inclusive DesignEmpathy, Education and Excellence in Inclusive Design
Empathy, Education and Excellence in Inclusive Design
 
Inclusive Design: A Path to Innovation
Inclusive Design: A Path to InnovationInclusive Design: A Path to Innovation
Inclusive Design: A Path to Innovation
 
Inclusive Design
Inclusive DesignInclusive Design
Inclusive Design
 
CSUN Inclusive Design Changes Perspective
CSUN Inclusive Design Changes PerspectiveCSUN Inclusive Design Changes Perspective
CSUN Inclusive Design Changes Perspective
 
Inclusive Design: Thinking Beyond Accessibility | NERDSummit 2017
Inclusive Design: Thinking Beyond Accessibility | NERDSummit 2017Inclusive Design: Thinking Beyond Accessibility | NERDSummit 2017
Inclusive Design: Thinking Beyond Accessibility | NERDSummit 2017
 
Inclusive design toolkit manual
Inclusive design toolkit manualInclusive design toolkit manual
Inclusive design toolkit manual
 

Ähnlich wie Inclusive design is for everyone

Design Camp Cologne (Public)
Design Camp Cologne (Public)Design Camp Cologne (Public)
Design Camp Cologne (Public)
Martin Koser
 
20130219 chi chi-overzicht
20130219 chi chi-overzicht20130219 chi chi-overzicht
20130219 chi chi-overzicht
Erik Duval
 

Ähnlich wie Inclusive design is for everyone (20)

Requirements Engineering for the Humanities
Requirements Engineering for the HumanitiesRequirements Engineering for the Humanities
Requirements Engineering for the Humanities
 
Richard Marsh, Enterprising User Experience - Flex and the city
Richard Marsh, Enterprising User Experience - Flex and the cityRichard Marsh, Enterprising User Experience - Flex and the city
Richard Marsh, Enterprising User Experience - Flex and the city
 
Creation of ideas
Creation of ideasCreation of ideas
Creation of ideas
 
Design Camp Cologne (Public)
Design Camp Cologne (Public)Design Camp Cologne (Public)
Design Camp Cologne (Public)
 
Design Principles.pdf
Design Principles.pdfDesign Principles.pdf
Design Principles.pdf
 
Designing Useful and Usable Augmented Reality Experiences
Designing Useful and Usable Augmented Reality Experiences Designing Useful and Usable Augmented Reality Experiences
Designing Useful and Usable Augmented Reality Experiences
 
Designing Web Interfaces
Designing Web InterfacesDesigning Web Interfaces
Designing Web Interfaces
 
Chi overview
Chi overviewChi overview
Chi overview
 
Orientation pdf_merged.pdf
Orientation pdf_merged.pdfOrientation pdf_merged.pdf
Orientation pdf_merged.pdf
 
Internet-Ethics-Lesson2 (1).pdf
Internet-Ethics-Lesson2 (1).pdfInternet-Ethics-Lesson2 (1).pdf
Internet-Ethics-Lesson2 (1).pdf
 
Exploration & Promotion: Implementation Strategies of Corporate Social Software
Exploration & Promotion: Implementation Strategies of Corporate Social SoftwareExploration & Promotion: Implementation Strategies of Corporate Social Software
Exploration & Promotion: Implementation Strategies of Corporate Social Software
 
International developers and building for the next billion users
International developers and building for the next billion usersInternational developers and building for the next billion users
International developers and building for the next billion users
 
Developing internationally building stuff that works across the world - adobe
Developing internationally   building stuff that works across the world - adobeDeveloping internationally   building stuff that works across the world - adobe
Developing internationally building stuff that works across the world - adobe
 
Vincit Dev Talk
Vincit Dev TalkVincit Dev Talk
Vincit Dev Talk
 
Developer of the Minute
Developer of the MinuteDeveloper of the Minute
Developer of the Minute
 
Innovationsmartgrid
InnovationsmartgridInnovationsmartgrid
Innovationsmartgrid
 
No Interface? No Problem: Applying HCD Agile to Data Projects (Righi)
No Interface? No Problem: Applying HCD Agile to Data Projects (Righi)No Interface? No Problem: Applying HCD Agile to Data Projects (Righi)
No Interface? No Problem: Applying HCD Agile to Data Projects (Righi)
 
CMS Crash Course!
CMS Crash Course!CMS Crash Course!
CMS Crash Course!
 
20130219 chi chi-overzicht
20130219 chi chi-overzicht20130219 chi chi-overzicht
20130219 chi chi-overzicht
 
24 Hours of UX, 2023: Preventing the Future
24 Hours of UX, 2023: Preventing the Future24 Hours of UX, 2023: Preventing the Future
24 Hours of UX, 2023: Preventing the Future
 

Mehr von Sandi Wassmer

The Mobile Web: Meaningful Multimodal & Multisensory
The Mobile Web: Meaningful Multimodal & MultisensoryThe Mobile Web: Meaningful Multimodal & Multisensory
The Mobile Web: Meaningful Multimodal & Multisensory
Sandi Wassmer
 

Mehr von Sandi Wassmer (8)

It's All Content: Content strategy and user interaction in the digital world
It's All Content: Content strategy and user interaction in the digital worldIt's All Content: Content strategy and user interaction in the digital world
It's All Content: Content strategy and user interaction in the digital world
 
Inclusive Design: In Context & Interactive
Inclusive Design: In Context & InteractiveInclusive Design: In Context & Interactive
Inclusive Design: In Context & Interactive
 
The Mobile Web: Meaningful Multimodal & Multisensory
The Mobile Web: Meaningful Multimodal & MultisensoryThe Mobile Web: Meaningful Multimodal & Multisensory
The Mobile Web: Meaningful Multimodal & Multisensory
 
Accessibility in Practice
Accessibility in PracticeAccessibility in Practice
Accessibility in Practice
 
Does anyone know the way to Web Accessibility Utopia?
Does anyone know the way to Web Accessibility Utopia?Does anyone know the way to Web Accessibility Utopia?
Does anyone know the way to Web Accessibility Utopia?
 
E accessibiliy & the Inclusive Web
E accessibiliy & the Inclusive WebE accessibiliy & the Inclusive Web
E accessibiliy & the Inclusive Web
 
Move over Web Accessibility. Inclusivity is heading straight at you.
Move over Web Accessibility.  Inclusivity is heading straight at you.Move over Web Accessibility.  Inclusivity is heading straight at you.
Move over Web Accessibility. Inclusivity is heading straight at you.
 
Accessibility for Happy Designers
Accessibility for Happy DesignersAccessibility for Happy Designers
Accessibility for Happy Designers
 

Kürzlich hochgeladen

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 
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
Victor Rentea
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 

Kürzlich hochgeladen (20)

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
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
 
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
 
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
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
Ransomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdfRansomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdf
 
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
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
 
Spring Boot vs Quarkus the ultimate battle - DevoxxUK
Spring Boot vs Quarkus the ultimate battle - DevoxxUKSpring Boot vs Quarkus the ultimate battle - DevoxxUK
Spring Boot vs Quarkus the ultimate battle - DevoxxUK
 
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
 
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024
 
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
 
Cyberprint. Dark Pink Apt Group [EN].pdf
Cyberprint. Dark Pink Apt Group [EN].pdfCyberprint. Dark Pink Apt Group [EN].pdf
Cyberprint. Dark Pink Apt Group [EN].pdf
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 

Inclusive design is for everyone

  • 1. Inclusive Design is for Everyone @SandiWassmer
  • 3. Good Design has Purpose and Principles. Ladies and Gentlemen, I bring you Dieter Rams and his timeless principles
  • 4. Good design ‣ is innovative ‣ makes a product useful ‣ is aesthetic ‣ makes a product understandable ‣ is unobtrusive ‣ is honest ‣ is long-lasting ‣ is thorough down to the last detail ‣ is environmentally friendly ‣ is as little design as possible
  • 5. What is Inclusive Design and Why Should I?
  • 6. The Internet at its Inception: One Way Communication in Raw HTML
  • 7. More One Way Communication: Now with WYSIWYG Editors, Designers and Marketers in the mix
  • 10. Web 2 Point Freakin’ Zero: We have Technology and we are going to use all of it at the same time
  • 11. The Internet is Interactive: Push & Pull
  • 12. “Form follows function - that has been misunderstood. Form and function should be one, joined in a spiritual union.” Frank Lloyd Wright
  • 13. Theory and Practice: Bringing the Principles of Industrial Design and Architecture Into Web Design
  • 14. Principle One: Equitable Use Should be welcoming and not discriminate, offering equally valuable user experiences for anyone and everyone
  • 15. Principle Two: Flexibility In Use Should provide plenty of choice in how, why, where, when and with what device different people want to use it
  • 16. Principle Three: Simple And Intuitive Use Should not require a manual and should be immediately obvious how to navigate from the get go
  • 17. Principle Four: Perceptible Information Should be clear what the purpose of the website is for, what people should get from it and why
  • 18. Principle Five: Tolerance For Error Should aim to prevent user error, but to provide guidance and assistance that is well considered and not an afterthought, if they do
  • 19. Principle Six: Low Physical Effort Should not be difficult, onerous or restrictive to use and does not require the user to do the hard work
  • 20. Principle Seven: Size And Space For Approach And Use Should be the appropriate size and shape to suit the user and user agent
  • 25. Plan, Organise & Structure
  • 26. Design with Purpose & Intent (again)
  • 27. Develop Features and Functionality from a User’s Perspective, not a Technology One
  • 28. Test the Hell Out of it: Functionality Testing, Usability Testing, Accessibility Testing, User Panels, Experts, Your Parents and anyone else for that matter
  • 29. And now that you know the rules, you also know when it’s right to break them
  • 31. Image Credits, Thanks to. Slides: 01) Source: Flickr License: Creative Commons Creator: Kamikaze Stoat 04) Source: Wikimedia Commons | http://en.wikipedia.org/wiki/File:Netscape_2.02.png License: Creative Commons 07) Source: Wikimedia Commons License: Creative Commons Creator: gorriti 08) Source: Wikimedia Commons License: Creative Commons Creator: Markus Angermeier / Vectorised: Luca Cremonini 09) Source: Flickr License: Creative Commons Creator: Robert S. Donovan 19) Source: Flickr License: Creative Commons Creator: mightyohm 21) Source: Flickr License: Creative Commons Creator: @boetter 22) Source: Wikimedia Commons License: Creative Commons Creator: World Imaging 23) Source: Wikimedia Commons | http://commons.wikimedia.org/wiki/File:Joy_Oil_gas_station_blueprints.jpg License: None (Public domain) 25) Source: Wikimedia Commons License: Creative Commons Creator: David Vignoni 27) Source: Wikimedia Commons License: Creative Commons Creator: SriMesh 2010 Sandi Wassmer

Hinweis der Redaktion