การออกแบบ Data Visualization ให้คนตาบอดสีสามารถเข้าใจได้ด้วย

การออกแบบ Data Visualization ให้คนตาบอดสีสามารถเข้าใจได้ด้วย

01 กรกฎาคม 2564

ในการนำเสนอข้อมูลผ่านการทำ Data Visualization เรามักจะเห็นการใช้สีเพื่อสื่อถึงความหมายของตัวข้อมูล (ลองอ่าน เลือกแผนภาพอย่างไร) ซึ่งตัวเลือกที่นิยมใช้ตัวหนึ่งก็คือ การใช้สีเขียวใช้แสดงความเป็นบวก และใช้สีแดงใช้แสดงความเป็นลบ เพราะผู้อ่านสามารถเข้าใจได้ง่าย แต่นี่อาจจะเป็นตัวเลือกที่ไม่ดีนักสำหรับคนบางกลุ่ม…

รู้หรือไม่ว่า ประมาณ 8% ของประชากรชาย และ 0.5% ประชากรหญิงทั่วโลกนั้นมีอาการตาบอดสี (Color-Blind) โดยเฉพาะในกลุ่มสีเขียวแดง คนกลุ่มนี้ (รวมถึงผู้เขียนเอง) จะไม่สามารถจำแนกสีเหล่านี้ได้ดีเท่าคนปกติ ทำให้ในการอ่านแผนภาพที่ใช้สีเขียวและแดงจะทำได้อย่างยากลำบาก แล้วเราจะมีวิธีการอย่างไรให้แผนภาพของเราสามารถเข้าใจได้โดยคนกลุ่มนี้? เรามาดูกันครับ (ในบทความนี้ผู้เขียนจะกล่าวถึงตาบอดสีประเภทแดงเขียวเท่านั้น ยังมีตาบอดสีประเภทอื่น เช่น เหลืองน้ำเงิน หรือ ขาวดำ ซึ่งจะพบในอัตราที่น้อยกว่ามาก)

Colour blindness
การเห็นสีที่ต่างกันของคนปกติ และ คนตาบอดสีแบบต่าง ๆ ภาพจาก Johannes Ahlmann

1. อย่าใช้สีเขียวพร้อมกับแดง แต่บางครั้งก็ใช้ได้นะ

นี่เป็นที่มาของหลักการที่กล่าวว่าไม่ควรใช้สีเขียวและสีแดงในแผนภาพเดียวกัน เพราะคนตาบอดสีสามารถจำแนกได้ยาก อย่างไรก็ตามเราสามารถใช้สองสีพร้อมกันได้บางครั้ง เช่น เมื่อแท่งกราฟสีเขียวอยู่คนละฝั่งกับสีแดงเสมอ เป็นเพราะว่าคนตาบอดสียังมองเห็นสองสีนี้เป็นคนละสีอยู่ แต่ถ้าสีเขียวและแดงปนกันเมื่อใดและมีการใช้หลายเฉดแล้วละก็ อาจจะเป็นงานที่ยากนิดนึงในการจำแนกสีเพื่อตีความข้อมูล

Using green and red in the same chart.
(ซ้าย) เขียวและแดงปนกัน และใช้เฉดสีในการบอกถึงตัวเลข – ดูยาก
(ขวา) เขียวและแดงแยกกันอย่างชัดเจน แต่ละสีมีแค่เฉดเดียว – แยกได้อยู่

2. ใช้สีอื่นซะสิ แต่ก็ไม่ใช่แค่เขียวแดงเท่านั้นนะที่เป็นปัญหาสำหรับคน color-blind

จริงอยู่ที่คนตาบอดสีจำแนกเขียวแดงได้ลำบาก แต่ปัญหาของเราก็ไม่ได้จำกัดอยู่แค่สองสีนี้ เพราะแทบทุกสีล้วนมีสีเขียวหรือแดงเป็นองค์ประกอบ ถ้ากล่าวให้ถูกคือเซลล์รับแสงสีเขียว และ เซลล์รับแสงสีแดง ซึ่งทำงานได้ไม่ดีในคนตาบอดสีเขียวแดง ก็ทำหน้าที่ในการรับสีอื่น ๆ เช่นกัน จากประสบการณ์ของผู้เขียน คู่สีเหล่านี้ต้องใช้ความยากลำบากในการจำแนก

Colour pairs that are hard to distiguish by colour blind people
คู่สีที่ไม่เหมาะกับคนตาบอดสีแดงเขียว

ในขณะเดียวกันสีที่ contrast ได้ดีคือการใช้สีน้ำเงินคู่กับสีที่ไม่มีน้ำเงินเป็นองค์ประกอบ เช่น

Colour pairs that are easy to distiguish by colour blind people
คู่สีที่เหมาะกับคนตาบอดสี

ซึ่งอาจจะใช้ในการไล่เฉดสำหรับข้อมูลตัวเลข เช่น น้ำเงินสำหรับค่าบวก ส้มสำหรับค่าลบ ทำให้ยังอ่านสีได้ดีอยู่

Data Visualization with blue and orange is good for colour blind people.
ตัวอย่าง การใช้โทนสีที่เหมาะกับคนตาบอดสี สำหรับข้อมูลประเภทตัวเลข

3. ใช้ palette สีที่ color-blind friendly

สำหรับการใช้สีในการแบ่งหมวดหมู่ข้อมูล ยิ่งมีหลายหมวดหมู่ก็ต้องใช้สีเยอะ ทำให้ต้องระมัดระวังเป็นพิเศษว่าจะมีสีคู่ไหนที่จำแนกได้ลำบากหรือไม่ โชคดีที่ในหลาย ๆ โปรแกรมที่ใช้ในการสร้างกราฟ เช่น Tableau หรือ แพคเกจ seaborn ใน python จะมี palette สีที่เป็น Color-blind friendly อยู่แล้วซึ่งจะเหมาะสมในการใช้แบ่งข้อมูลประเภทหมวดหมู่

Color Blind palette ของ Tableau
Palette สีของแพคเกจ seaborn ใน python

4. ถ้าจำเป็นต้องใช้เขียวและแดงใน Data Visualization ล่ะ

หากสีขององค์กรเราเป็นโทนเขียวและแดง หรือผู้บริหารต้องการให้ใช้สีเขียวและแดง ก็ยังสามารถทำได้หากเราเลือกเฉดที่เหมาะสมของสีเขียวและสีแดง ตัวอย่างเช่นหากใช้เฉดสีเขียวอ่อนร่วมกับสีแดงเข้ม จะสามารถจำแนกสองสีนั้นได้อย่างไม่มีปัญหาสำหรับคนตาบอดสี เพราะความสว่างของสีที่ต่างกันจะทำให้จำแนกสีได้ง่ายขึ้นเป็นต้น

การใช้คู่สีเขียวและแดงในกราฟเดียวกัน (ซ้าย) แยกสีได้ลำบาก (ขวา) แยกสีได้ง่าย

5. หลีกเลี่ยงการพึ่งพาสีสำหรับการสื่อสารข้อมูลใน Data Visualization

ตัวเลือกนี้นับตัวเลือกที่สำคัญอีกด้วยหากแผนภาพของคุณต้องถูกพิมพ์และถ่ายเอกสาร หากพิมพ์ออกมาเป็นขาวดำ สีที่ใช้ก็จะหมดความหมาย ตัวเลือกอื่นที่มีก็เช่น ใช้สัญลักษณ์ที่ต่างกันสำหรับ Scatter Plot หรือ ใช้การแรเงาแทนการใช้สีสำหรับความหายบวก ความหมายลบ 

การใช้รูปร่าง (ซ้าย) และการแรเงา (ขวา) เพื่อสื่อความหมาย

แหล่งที่มา

เนื้อหาโดย นนทวิทย์ ชีวเรืองโรจน์
ตรวจทานและปรับปรุงโดย ปพจน์ ธรรมเจริญพร

Former-Editor-in-Chief at BigData.go.th and Senior Data Scientist at Government Big Data Institute (GBDi )

แบ่งปันบทความ

กลุ่มเนื้อหา

แท็กยอดนิยม

แจ้งเรื่องที่อยากอ่าน

คุณสามารถแจ้งเรื่องที่อยากอ่านให้เราทราบได้ !
และเราจะนำไปพัฒนาบทความให้มีเนื้อหาที่น่าสนใจมากขึ้น

ไอคอน PDPA

เราใช้คุกกี้เพื่อพัฒนาประสิทธิภาพ และประสบการณ์ที่ดีในการใช้เว็บไซต์ของคุณ คุณสามารถศึกษารายละเอียดได้ที่ “นโยบายคุ้กกี้” และสามารถจัดการความเป็นส่วนตัวเองได้ของคุณได้เองโดยคลิกที่ “ตั้งค่า”

ตั้งค่าความเป็นส่วนตัว

คุณสามารถเลือกการตั้งค่าคุกกี้โดยเปิด/ปิด คุกกี้ในแต่ละประเภทได้ตามความต้องการ ยกเว้น คุกกี้ที่จำเป็น

ยอมรับทั้งหมด
จัดการความเป็นส่วนตัว
  • คุกกี้ที่มีความจำเป็น (Strictly Necessary Cookies)
    เปิดใช้งานตลอด

    คุกกี้ประเภทนี้มีความจำเป็นต่อการให้บริการเว็บไซต์ของ สำนักงานคณะกรรมการคุ้มครองข้อมูลส่วนบุคคล เพื่อให้ท่านสามารถเข้าใช้งานในส่วนต่าง ๆ ของเว็บไซต์ได้ รวมถึงช่วยจดจำข้อมูลที่ท่านเคยให้ไว้ผ่านเว็บไซต์ การปิดการใช้งานคุกกี้ประเภทนี้จะส่งผลให้ท่านไม่สามารถใช้บริการในสาระสำคัญของ สำนักงานคณะกรรมการคุ้มครองข้อมูลส่วนบุคคล ซึ่งจำเป็นต้องเรียกใช้คุกกี้ได้
    รายละเอียดคุกกี้

  • คุกกี้เพื่อการวิเคราะห์และประเมินผลการใช้งาน (Performance Cookies)

    คุกกี้ประเภทนี้ช่วยให้ BDI ทราบถึงการปฏิสัมพันธ์ของผู้ใช้งานในการใช้บริการเว็บไซต์ของ BDI รวมถึงหน้าเพจหรือพื้นที่ใดของเว็บไซต์ที่ได้รับความนิยม ตลอดจนการวิเคราะห์ข้อมูลด้านอื่น ๆ BDI ยังใช้ข้อมูลนี้เพื่อการปรับปรุงการทำงานของเว็บไซต์ และเพื่อเข้าใจพฤติกรรมของผู้ใช้งานมากขึ้น ถึงแม้ว่า ข้อมูลที่คุกกี้นี้เก็บรวบรวมจะเป็นข้อมูลที่ไม่สามารถระบุตัวตนได้ และนำมาใช้วิเคราะห์ทางสถิติเท่านั้น การปิดการใช้งานคุกกี้ประเภทนี้จะส่งผลให้ BDI ไม่สามารถทราบปริมาณผู้เข้าเยี่ยมชมเว็บไซต์ และไม่สามารถประเมินคุณภาพการให้บริการได้

  • คุกกี้เพื่อการใช้งานเว็บไซต์ (Functional Cookies)

    คุกกี้ประเภทนี้จะช่วยให้เว็บไซต์ของ BDI จดจำตัวเลือกต่าง ๆ ที่ท่านได้ตั้งค่าไว้และช่วยให้เว็บไซต์ส่งมอบคุณสมบัติและเนื้อหาเพิ่มเติมให้ตรงกับการใช้งานของท่านได้ เช่น ช่วยจดจำชื่อบัญชีผู้ใช้งานของท่าน หรือจดจำการเปลี่ยนแปลงการตั้งค่าขนาดฟอนต์หรือการตั้งค่าต่าง ๆ ของหน้าเพจซึ่งท่านสามารถปรับแต่งได้ การปิดการใช้งานคุกกี้ประเภทนี้อาจส่งผลให้เว็บไซต์ไม่สามารถทำงานได้อย่างสมบูรณ์

  • คุกกี้เพื่อการโฆษณาไปยังกลุ่มเป้าหมาย (Targeting Cookies)

    คุกกี้ประเภทนี้เป็นคุกกี้ที่เกิดจากการเชื่อมโยงเว็บไซต์ของบุคคลที่สาม ซึ่งเก็บข้อมูลการเข้าใช้งานและเว็บไซต์ที่ท่านได้เข้าเยี่ยมชม เพื่อนำเสนอสินค้าหรือบริการบนเว็บไซต์อื่นที่ไม่ใช่เว็บไซต์ของ BDI ทั้งนี้ หากท่านปิดการใช้งานคุกกี้ประเภทนี้จะไม่ส่งผลต่อการใช้งานเว็บไซต์ของ BDI แต่จะส่งผลให้การนำเสนอสินค้าหรือบริการบนเว็บไซต์อื่น ๆ ไม่สอดคล้องกับความสนใจของท่าน

บันทึกการตั้งค่า
ไซต์นี้ลงทะเบียนกับ wpml.org ในฐานะไซต์พัฒนา สลับไปยังไซต์การผลิตโดยใช้รหัส remove this banner.