How to make figures and presentations that are friendly to color blind people Masataka Okabe and Kei Ito with special thanks to Cahir O’Kane.

Slides:



Advertisements
Similar presentations
Copyright © 2013 The University of Adelaide Effective PowerPoint Design Peter Murdoch Learning and Quality Support.
Advertisements

Chris Burfitt Designing for Colour Blindness. What do we mean by ‘Colour Blind’? Actual colour blindness (Monochromacy) is very rare We’re usually talking.
Copyright © 2014 The University of Adelaide Effective PowerPoint Design Peter Murdoch Learning and Quality Support.
OUR LADY OF THE ROSARY COLLEGE Things to note in preparing an attractive presentation slides to your audience.
This would be the area for your title Authors, authors authors Department of XXXXXXXXXXXX, University of North Dakota School of Medicine & Health Sciences.
Two equally true statements: The only thing we can hear is sound. The only thing we can see is light.
PowerPoint Design Guidelines Making Your PowerPoint Presentations Accessible to All Learners.
Cognitive and physiological design drivers Judy Kay CHAI: Computer human adapted interaction research group School of Information Technologies.
Why use colour? Colour displays are attractive to users and can often improve task performance Benefits: –various colours are soothing or striking to the.
Exam 2: November 8 th –If you will need accommodations, please make sure you have documentation from the University Office of Disability Services –It will.
Colour Vision I The retinal basis of colour vision and the inherited colour vision deficiencies Prof. Kathy T. Mullen McGill Vision Research (H4.14) Dept.
Color Theory in Web Design Web Design – Sec 2-2. Objectives  The student will: –Have a better understanding of effective use of color on the web. –Be.
Always design your logos in a vector application such as Adobe Illustrator, and not a raster application such as Photoshop, reason being the logo must.
Avoiding the Pitfalls of Bad Slides  Outlines  Slide Structure  Fonts  Color  Background  Graphs  Spelling and Grammar  Conclusions  Questions.
Unit 6 Giving Oral Academic Presentations Supplementary Materials ELC 2203 University English for Business Students.
This is the best color scheme Yellow over dark blue. Which is a two color screen with lighter on top fading to darker on bottom.
CCRI – Instructional Support Team Creating Class Presentations using PowerPoint.
Color Management. How does the color work?  Spectrum Spectrum is a contiguous band of wavelengths, which is emitted, reflected or transmitted by different.
This would be the area for your title, which should be at least 72 ppi tall, which is equal to one inch (this is 87 point). This font is 72 ppi. If you.
Chapter 3 Space. Three Kinds of Space Space as format: size, scale, and presentation. Space as the relationships among objects and the areas surrounding.
Presentations and Color-blindness. Color-blindness affects ~8% of men ~ 1 / 2 % of women hereditary and sex-linked (in X chromosome) –women can be unaffected.
Preparing Slides & Posters: Some Perceptual Tips for Better Presentations.
Presentation Tips RHRC Consortium Monitoring and Evaluation ToolKit Sharing Project Information – Professional Presentations.
Graphics – Part1. Why use graphics u Different learning styles u Many things are hard to explain in text u Provides interest u Relationships are visual.
Design Tips for PowerPoint Projects for Ms. Birtcher’s Classes.
Effective Communication with Power Point Presentations Steve Lanigan.
Effective PowerPoint Design. Principles of good presentation design  Develop and use a slide template –provide a consistent look and feel to your presentation.
ITSC 2013 A/V Guide for a Podium Presentation Im N. Engineer Sandy Nation Labs Desert, NM USA Sample Title Slide Company Logo Company Logo allowed on title.
Design Elements of Graphical Representation, (Factors supporting appearance and functionality of solutions). P0CCUAA.
Making PowerPoint Slides Avoiding the Pitfalls of Bad Slides.
Title: A-SSCC Slide Preparation Guideline (Author list) (Affiliation)
Always design your logos in a vector application such as Adobe Illustrator, and not a raster application such as Photoshop, reason being the logo must.
Stand on the top of the mountain Power point Presentation Tips Suchada Nimmannit
Optical Illusions & Color Blindness Tests The human eye has cone cells for detecting red, blue, and green light. These cells are used for daylight vision.
Opponent Processes Lateral geniculate nucleus (LGN) has cells that are maximally stimulated by spots of light Visual pathway stops in LGN on the way from.
PowerPoint Tips. People Remember: 20% of what they hear 30% of what the read 50% of what they hear and read Pictures are worth a thousand words.
Color in Web Design. Overview: Color Topics Myths & Misconceptions Hexadecimal Notation Color Concepts and Issues.
A/V STANDARDS FOR ELECTRONIC PRESENTATION Im N. Engineer European SiP Lab Halle, Germany Sample Title Slide Company Logo Company Logo allowed on title.
Using Color CMPS 233. The Color Wheel Primary colors are the only colors you cannot create: yellow, red, and blue Mixing adjacent colors in a color wheel.
Visual Elements. Can set the tone Complement an image Makes presentations lively.
Videos and resources Double Rainbow Guy: Phet color addition:
Title: A-SSCC Slide Preparation Guideline
The other pages in this document were created by:
Our Color vision is Limited
Art in the classroom Properties of Color.
Colour Theory of Light Grade 10 Optics
Graphics – Day 1.
The other pages in this document were created by:
Color Blindness.
“Don’t make me read, make me understand “
Pengkayaan Materi: Guidelines, Principles, and Theories -> COLOR
This would be the area for your title, which should be at least 72 ppi tall, which is equal to one inch (this is 87 points). This font is 72 ppi. If you.
This would be the area for your title Authors, authors authors Department of XXXXXXXXXXXX, University of North Dakota School of Medicine & Health Sciences.
This would be the area for your title, (this is 50 points).
The other pages in this document were created by:
Prof. Kathy T. Mullen McGill Vision Research (H4.14)
Color and Text Guidelines
This would be the area for your title, which should be at least 72 ppi tall, which is equal to one inch (this is 100 points). This font is 72 ppi. If.
Presentation graphics are the visualization of information and ideas
PowerPoint Slide Design
What Color is it?.
Making PowerPoint Slides
Tips for Preparing a Professional Presentation
This would be the area for your title Authors, authors authors Department of XXXXXXXXXXXX, University of North Dakota School of Medicine & Health Sciences.
This template is UND branded
This would be the area for your title, which should be at least 72 ppi tall, which is equal to one inch (this is 87 points). This font is 72 ppi. If you.
This template is UND branded
This template is UND branded
This would be the area for your title, which should be at least 72 ppi tall, which is equal to one inch (this is 100 points). This font is 72 ppi. If.
This template is UND branded. It is built 36”x20
Presentation transcript:

How to make figures and presentations that are friendly to color blind people Masataka Okabe and Kei Ito with special thanks to Cahir O’Kane

“How common is color blindness? ” One in twelve males (8%) is red-green color blind. Type 1 (protanopes) and type 2 (deuteranopes) : functional defects in red and green cone cells, respectively. People with defects in blue cone cells (type 3 : tritanopes) are relatively rare (one in tens of thousands.) Red-green color blindness is commoner than AB blood group. There should be more than TEN color blinds in the room with 250 people !

“Can color blind people see colors? Do they see everything black and white? ” non color blind protanope (red cone cells defective) deuteranope (green cone cells defective) tritanope (blue cone cells defective) Color blindness is not a total loss of color vision. But certain ranges of colors are hard to distinguish.

Double-staining with red and green signals.  Not understandable for color blind people ! protanope (red)deuteranope (green)tritanope (blue) “How can you see this color ? ” (common question ;-) Let’s simulate how color blind people see this. A typical confocal picture

“Another problem: recognition of double positive — cannot distinguish yellow from green ” This appears like… protanope (red)deuteranope (green)tritanope (blue)

“How can you make double staining understandable both for color blind and for non-color blind people ? ” Not good. Then… 1. Present grayscale pictures of each channel. 2. Don’t use red. Use magenta (purple) instead.

red-green double staining In magenta-green pictures, double positive area becomes white. magenta-green double staining How to convert red channel to magenta? Let’s try with Photoshop.

How to convert red channel to magenta? REVIEW red channel � -1 select all � -A copy � -C blue channel � -3 paste � -V all channel � -~ or � -0 original Just type “ � - 1AC3V~”!

“Single labeling should be OK !” not so... protanopedeuteranopetritanope Some colors are very difficult to see. (especially red pictures for protanopes.)

“Even if you don’t care about color blinds...” Can you convey more information by making it color ? It should not be just for aesthetic purposes. If you just want to show what kind of label you used (GFP, Cy3, etc.), a sentence in the figure legend might be enough. Monochrome is the best for tonal reproduction ! when printed Pure green and red are out of gamut (printable color range).  Subtle gradation will be lost in the published paper. (especially in the area with the strong signal.)

“How about triple labeling? ” 1.Present grayscale picture of each channel. Good Question… Don’t show the combined picture only. Please: 2.Assign dispensable “background staining” to red.

“Which is better ? Faster to relate colors to channels. (Slides?) Better tone. Easier to compare staining patterns. (papers and posters?) green bluered

“How about characters and drawings? ” 1.Cannot distinguish different colors. Especially drawings and graphs with red, orange, yellow, yellow green and green symbols and lines. Three problems that color blind people suffer: 2.Fail to see some objects. Red or magenta symbols and thin lines over dark blue background. 3.Difficulty in seeing emphasized parts. Red or green characters in white text over dark blue background. Red characters in black text over bright background. (Red appears similar to black…)

“How to make slides and figures? ” 4. Avoid simultaneous use of red and green. hemming eg. vermilionhatching pure dark red 3.Avoid small red objects. Since protanopes cannot detect long wavelengths, red appears darker. It is hard to recognize red objects above black, blue or green backgrounds. When red is unavoidable, avoid dark red. Use vermilion, put hatching, or add a hem. shadows 2.Over blue or black background, use only yellow and white characters. Emphasize with monochromatic effects like fonts, italics, hatching, shadows or changing brightness. 1. Mainly use black, blue, white and yellow. Keep the number of colors to a minimum. Use combinations of different symbols with a few, vivid colors rather than a single symbol with various colors. vs.

“Anything else? ” “Cannot see red laser pointer well…” Green laser pointer is good for color blind people. The same also for non-color blinds.

Conclusion There are always color blind people among the audience, readers and referees. Please take this into account when preparing your presentations (papers, slides, web pages etc.) Thank you for your cooperation ! Acknowledgements: Michina Shiraki (double- and triple-staining pictures) Kenji Kitahara and Makiko Ohkido (ophthalmology issue)