際際滷

際際滷Share a Scribd company logo
Web Design for Color Blind
Users
Introduction
Color Blindness
Why should we consider this issue?
How can we create a assessable site for the
 colorblind?
Examples of油websites
Conclusions
Q & A
REFERENCES
Color blindness is inability to perceive
  differences between some of the colors
Hereditary genetic disorder
玉8 to 10 % men & 0.5 % women
 Primary (Red, Green, Blue) colors
                                  What are the primary
                                        colors ?



   By mixing together various amounts of red, green
    and blue light, you can make almost any color.
   The most common examples of this are television
    screens and computer monitors.
Types color blindness
  Monochromacy
     Rod monochromacy (Achromatopsia)
     Cone monochromacy

  Dichromacy
     Protanopia
     Deuteronopia
     Tritanopia

  Trichromacy
     Protanomaly
     Deuteranomaly
     Tritanomaly
 Web site accessible

 A high percentage of users

玉 Ranked well with the search engines

 professional

 Targeting smartphones, and similar
  technological devices
 Testing
1-
    Test 1    Test 2




2- Color Scheme Designer
3- Test the Image
4- Colorblind Web Page Filter
Good Examples
   Google




   Humble Indie Bundle
Bad Examples
   www.bbc.co.uk/sport/football/tables




   www.google.ca/analytics
 Good Color Combinations




Bad Color Combinations
Graphs and Maps 油
Bottom




Color Name
油
Color blindness is inability to distinguish among some
color combinations. colorblind about 8-10% of males and 0.5%
of females, so it is common enough to be an important factor in
a high degree of design. The color combinations red-green color
blindness is the most common, followed by color blindness,
yellow and blue.
        To avoid problems for users with color blindness, make
sure that the distinctive color objects. Using variations in
brightness to make the colored areas distinct, and test your
interfaces in some website has special tool and grayscale to
confirm that they are still usable.
WIKI Link : https://dal.ca.campuspack.net/Groups/CSCI_6606_-
_Human_Factors_in_On-Line_Information_Systems_-
_2013/Seminar_Presentations_-_CSCI_6606/Color_Blindness_and_Web_site
 Berson EL. Visual function testing: clinical correlations. In: Tasman W, Jaeger EA,
    eds. Duane's Foundations of Clinical Ophthalmology 15th ed. Philadelphia, Pa:
    Lippincott Williams & Wilkins; 2009:chap 14.

 Brettel, H., Vienot, F. & Mollon, J.D. (1997). Computerized simulation of color
    appearance for dichormats. Journal of the Optical Society of American A, 14, 10.
    2647-2655.

 Newman, Chuck (2000). Considering the Color-Blind. Web Techniques.

 Parise, Mario (2005). Color Theory for the Color-Blind. Digital Web Magazine.




油
Ad

Recommended

Learnosity & CenterPoint on Accessibility: The Challenge of Inclusion
Learnosity & CenterPoint on Accessibility: The Challenge of Inclusion
Learnosity
How to make your slides beautiful
How to make your slides beautiful
GabbieSG
Alphabet
Alphabet
Anel Correa
Definite and indefinite articles thursday
Definite and indefinite articles thursday
Anel Correa
EDU571 Week 2 Part 1 Introduction Keith Schmidt
EDU571 Week 2 Part 1 Introduction Keith Schmidt
Keith Smith
2nd version kschmidt edu510 diversity training of staff more than 1 is a group
2nd version kschmidt edu510 diversity training of staff more than 1 is a group
Keith Smith
Nota%20exam%20hadith[1]
Nota%20exam%20hadith[1]
yatie1977
Analysis of Metabolism Research
Analysis of Metabolism Research
cj_gregory
Color blind user
Color blind user
Moh Sem
Appso team no 70
Appso team no 70
Kazi Imdadul Islam Aunik
Affirming Diversity: More Than One Is A Group
Affirming Diversity: More Than One Is A Group
Keith Smith
El perro de las dos presas ddd
De Ruiz Mirecer Cervantes
Kschmidt edu510week6writtenassignment
Kschmidt edu510week6writtenassignment
Keith Smith
La geosfera para la revista
tongasw
Environmental Impacts of the Locavore Movement
Environmental Impacts of the Locavore Movement
cj_gregory
Modulterancangkebarangkalian1
Modulterancangkebarangkalian1
Noor Raihan Mukhtaram
Definite and indefinite articles thursday
Definite and indefinite articles thursday
Anel Correa
Descriptive essay
Descriptive essay
Keith Smith
Agriculture
Agriculture
cj_gregory
29 habits of_a_rainmaker-2
29 habits of_a_rainmaker-2
Wyn Nathan Davis MBA
Visual Impairments
Visual Impairments
Petri Myllys
Accessibility in Website Design_Classppt.pptx
Accessibility in Website Design_Classppt.pptx
Prerana Khatiwada
A Literature Review on colour blindness.
A Literature Review on colour blindness.
NavdeepKaur432276
How to design for Colorblind User ?
How to design for Colorblind User ?
T-Design Center
Emotional Impact of Colors Using Web-Design
Emotional Impact of Colors Using Web-Design
IRJET Journal
Bojan Kocijan - Collaboration designer, pm, developer - It's a team effort
Bojan Kocijan - Collaboration designer, pm, developer - It's a team effort
Serbian Product Community
Accessibility and Color: Addressing Color Blindness in the User Experience
Accessibility and Color: Addressing Color Blindness in the User Experience
Dave Cooksey
Colorblindness and design
Colorblindness and design
kaikikazuki
Designing for the User
Designing for the User
Devon Walker
Enabling your disabled market through UX
Enabling your disabled market through UX
Mark Flint

More Related Content

Viewers also liked (13)

Color blind user
Color blind user
Moh Sem
Appso team no 70
Appso team no 70
Kazi Imdadul Islam Aunik
Affirming Diversity: More Than One Is A Group
Affirming Diversity: More Than One Is A Group
Keith Smith
El perro de las dos presas ddd
De Ruiz Mirecer Cervantes
Kschmidt edu510week6writtenassignment
Kschmidt edu510week6writtenassignment
Keith Smith
La geosfera para la revista
tongasw
Environmental Impacts of the Locavore Movement
Environmental Impacts of the Locavore Movement
cj_gregory
Modulterancangkebarangkalian1
Modulterancangkebarangkalian1
Noor Raihan Mukhtaram
Definite and indefinite articles thursday
Definite and indefinite articles thursday
Anel Correa
Descriptive essay
Descriptive essay
Keith Smith
Agriculture
Agriculture
cj_gregory
29 habits of_a_rainmaker-2
29 habits of_a_rainmaker-2
Wyn Nathan Davis MBA
Visual Impairments
Visual Impairments
Petri Myllys
Color blind user
Color blind user
Moh Sem
Affirming Diversity: More Than One Is A Group
Affirming Diversity: More Than One Is A Group
Keith Smith
El perro de las dos presas ddd
De Ruiz Mirecer Cervantes
Kschmidt edu510week6writtenassignment
Kschmidt edu510week6writtenassignment
Keith Smith
La geosfera para la revista
tongasw
Environmental Impacts of the Locavore Movement
Environmental Impacts of the Locavore Movement
cj_gregory
Definite and indefinite articles thursday
Definite and indefinite articles thursday
Anel Correa
Descriptive essay
Descriptive essay
Keith Smith
Agriculture
Agriculture
cj_gregory
Visual Impairments
Visual Impairments
Petri Myllys

Similar to Color blind user (20)

Accessibility in Website Design_Classppt.pptx
Accessibility in Website Design_Classppt.pptx
Prerana Khatiwada
A Literature Review on colour blindness.
A Literature Review on colour blindness.
NavdeepKaur432276
How to design for Colorblind User ?
How to design for Colorblind User ?
T-Design Center
Emotional Impact of Colors Using Web-Design
Emotional Impact of Colors Using Web-Design
IRJET Journal
Bojan Kocijan - Collaboration designer, pm, developer - It's a team effort
Bojan Kocijan - Collaboration designer, pm, developer - It's a team effort
Serbian Product Community
Accessibility and Color: Addressing Color Blindness in the User Experience
Accessibility and Color: Addressing Color Blindness in the User Experience
Dave Cooksey
Colorblindness and design
Colorblindness and design
kaikikazuki
Designing for the User
Designing for the User
Devon Walker
Enabling your disabled market through UX
Enabling your disabled market through UX
Mark Flint
Tips for Effective Color Usage
Tips for Effective Color Usage
Nina Elias
Colour Display
Colour Display
Steven Casey
The Magnificent Seven
The Magnificent Seven
Oban International
Visual and Digital Shade Analysis of Vital Human Teeth
Visual and Digital Shade Analysis of Vital Human Teeth
Mick Muianga
The Saga of Accessible Colors
The Saga of Accessible Colors
Ted Drake
IT 7113 Research Project
IT 7113 Research Project
it7113group15
Building websites for all
Building websites for all
Claudio Luis Vera, MBA, CPWA
Mathematical Modeling of Age Differences in Hierarchical Navigation Systems
Mathematical Modeling of Age Differences in Hierarchical Navigation Systems
Panayiotis Zaphiris
CMS 115: Creating Accessible MSU Web Content
CMS 115: Creating Accessible MSU Web Content
Montana State University
Presentation Visuals
Presentation Visuals
bthat
UX & Color Blindness
UX & Color Blindness
Dave Cooksey
Accessibility in Website Design_Classppt.pptx
Accessibility in Website Design_Classppt.pptx
Prerana Khatiwada
A Literature Review on colour blindness.
A Literature Review on colour blindness.
NavdeepKaur432276
How to design for Colorblind User ?
How to design for Colorblind User ?
T-Design Center
Emotional Impact of Colors Using Web-Design
Emotional Impact of Colors Using Web-Design
IRJET Journal
Bojan Kocijan - Collaboration designer, pm, developer - It's a team effort
Bojan Kocijan - Collaboration designer, pm, developer - It's a team effort
Serbian Product Community
Accessibility and Color: Addressing Color Blindness in the User Experience
Accessibility and Color: Addressing Color Blindness in the User Experience
Dave Cooksey
Colorblindness and design
Colorblindness and design
kaikikazuki
Designing for the User
Designing for the User
Devon Walker
Enabling your disabled market through UX
Enabling your disabled market through UX
Mark Flint
Tips for Effective Color Usage
Tips for Effective Color Usage
Nina Elias
Visual and Digital Shade Analysis of Vital Human Teeth
Visual and Digital Shade Analysis of Vital Human Teeth
Mick Muianga
The Saga of Accessible Colors
The Saga of Accessible Colors
Ted Drake
IT 7113 Research Project
IT 7113 Research Project
it7113group15
Mathematical Modeling of Age Differences in Hierarchical Navigation Systems
Mathematical Modeling of Age Differences in Hierarchical Navigation Systems
Panayiotis Zaphiris
CMS 115: Creating Accessible MSU Web Content
CMS 115: Creating Accessible MSU Web Content
Montana State University
Presentation Visuals
Presentation Visuals
bthat
UX & Color Blindness
UX & Color Blindness
Dave Cooksey
Ad

Color blind user

  • 1. Web Design for Color Blind Users
  • 2. Introduction Color Blindness Why should we consider this issue? How can we create a assessable site for the colorblind? Examples of油websites Conclusions Q & A REFERENCES
  • 3. Color blindness is inability to perceive differences between some of the colors Hereditary genetic disorder 玉8 to 10 % men & 0.5 % women
  • 4. Primary (Red, Green, Blue) colors What are the primary colors ? By mixing together various amounts of red, green and blue light, you can make almost any color. The most common examples of this are television screens and computer monitors.
  • 5. Types color blindness Monochromacy Rod monochromacy (Achromatopsia) Cone monochromacy Dichromacy Protanopia Deuteronopia Tritanopia Trichromacy Protanomaly Deuteranomaly Tritanomaly
  • 6. Web site accessible A high percentage of users 玉 Ranked well with the search engines professional Targeting smartphones, and similar technological devices
  • 7. Testing 1- Test 1 Test 2 2- Color Scheme Designer 3- Test the Image 4- Colorblind Web Page Filter
  • 8. Good Examples Google Humble Indie Bundle
  • 9. Bad Examples www.bbc.co.uk/sport/football/tables www.google.ca/analytics
  • 10. Good Color Combinations Bad Color Combinations
  • 13. Color blindness is inability to distinguish among some color combinations. colorblind about 8-10% of males and 0.5% of females, so it is common enough to be an important factor in a high degree of design. The color combinations red-green color blindness is the most common, followed by color blindness, yellow and blue. To avoid problems for users with color blindness, make sure that the distinctive color objects. Using variations in brightness to make the colored areas distinct, and test your interfaces in some website has special tool and grayscale to confirm that they are still usable.
  • 14. WIKI Link : https://dal.ca.campuspack.net/Groups/CSCI_6606_- _Human_Factors_in_On-Line_Information_Systems_- _2013/Seminar_Presentations_-_CSCI_6606/Color_Blindness_and_Web_site
  • 15. Berson EL. Visual function testing: clinical correlations. In: Tasman W, Jaeger EA, eds. Duane's Foundations of Clinical Ophthalmology 15th ed. Philadelphia, Pa: Lippincott Williams & Wilkins; 2009:chap 14. Brettel, H., Vienot, F. & Mollon, J.D. (1997). Computerized simulation of color appearance for dichormats. Journal of the Optical Society of American A, 14, 10. 2647-2655. Newman, Chuck (2000). Considering the Color-Blind. Web Techniques. Parise, Mario (2005). Color Theory for the Color-Blind. Digital Web Magazine. 油