color blind user

15
Web Design for Color Blind Users

Upload: moh-sem

Post on 01-Jul-2015

355 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Color blind user

Web Design for Color Blind Users

Page 2: Color blind user

IntroductionColor BlindnessWhy should we consider this issue?How can we create a assessable site for the

colorblind?Examples of websitesConclusionsQ & AREFERENCES

Page 3: Color blind user

Color blindness is inability to

perceive differences between some

of the colors

Hereditary genetic disorder

 8 to 10 % men & 0.5 % women

Page 4: Color blind user

Primary (Red, Green, Blue) 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.

What are the primary What are the primary colors ?colors ?

Page 5: Color blind user

Types color blindnessMonochromacy

• Rod monochromacy (Achromatopsia)• Cone monochromacy

Dichromacy• Protanopia• Deuteronopia• Tritanopia

Trichromacy• Protanomaly• Deuteranomaly• Tritanomaly

Page 6: Color blind user

Web site accessible

A high percentage of users

  Ranked well with the search engines

professional

Targeting smartphones, and similar

technological devices

Page 7: Color blind user

Testing1-

2- Color Scheme Designer3- Test the Image 4- Colorblind Web Page Filter

Test 1 Test 2

Page 8: Color blind user

Good Examples

Google

Humble Indie Bundle

Page 9: Color blind user

Bad Examples

www.bbc.co.uk/sport/football/tables

www.google.ca/analytics

Page 10: Color blind user

Good Color Combinations

Bad Color Combinations

Page 11: Color blind user

Graphs and Maps  

Page 12: Color blind user

Bottom

Color Name

 

Page 13: Color blind user

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.

 

Page 14: Color blind user

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

Page 15: Color blind user

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.