Dashboard สีสวยที่ทำให้ทีมตัดสินใจผิด: บทเรียนจากไฟเขียวที่ไม่ควรเขียว
สรุปสั้น ๆ
สีบน dashboard ไม่ใช่เรื่องความสวยงามแต่เป็นเรื่องการสื่อความหมาย ถ้าใช้สีผิดหลัก เช่น ตั้งเกณฑ์สีเขียวไว้หลวมเกินไป หรือใช้สีที่คนตาบอดสีอ่านไม่ออก ทีมจะตัดสินใจผิดได้ทั้งที่ตัวเลขถูกต้อง ควรจัด layout ตามลำดับความสำคัญจากบนลงล่างและซ้ายไปขวาเสมอ
มีครั้งหนึ่งผมเข้าไปช่วยตรวจ dashboard ของทีมหนึ่ง ทุกตัวเลขบนหน้าจอเป็นสีเขียวสดใสหมด ดูเผิน ๆ เหมือนทุกอย่างไปได้สวย แต่พอลงไปดูตัวเลขจริงข้างในกลับพบว่าอัตรากำไรติดลบมาสามสัปดาห์ติด สาเหตุคือคนตั้งค่าเกณฑ์สีเขียวไว้ที่ 'ทำได้มากกว่า 0%' ซึ่งหมายความว่าต่อให้ขาดทุนแค่ 1 บาทน้อยกว่าที่คาดไว้ ก็ยังขึ้นเขียวได้อยู่ดี
สีบน dashboard ไม่ใช่ของตกแต่ง มันคือภาษาที่สื่อสารความหมายโดยตรง ถ้าตั้งเกณฑ์สีผิด คนอ่านจะเข้าใจสถานการณ์ผิดทันทีโดยไม่ต้องอ่านตัวเลขด้วยซ้ำ เพราะสมองมนุษย์ประมวลสีเร็วกว่าตัวเลขมาก
บทความนี้จะเล่าเรื่องสีและการจัดวางที่ผมเห็นทำให้ dashboard ดี ๆ กลายเป็นตัวหลอกทีมโดยไม่ได้ตั้งใจ พร้อมแนวทางแก้ที่ไม่ต้องพึ่งดีไซเนอร์มืออาชีพก็ทำได้
กับดักไฟเขียวที่ตั้งเกณฑ์หลวมเกินไป
ปัญหาที่พบบ่อยที่สุดคือทีมตั้งเกณฑ์สีแดง-เหลือง-เขียวตอนเริ่มโปรเจกต์ครั้งเดียว แล้วไม่เคยกลับมาทบทวนอีกเลย พอเวลาผ่านไปธุรกิจโตขึ้น เป้าหมายที่เคยท้าทายกลายเป็นเรื่องง่ายเกินไป ทุกอย่างเลยขึ้นเขียวตลอดโดยไม่สะท้อนความจริง
วิธีแก้ที่ง่ายที่สุดคือกำหนดให้มีคนรีวิวเกณฑ์สีทุกไตรมาส เทียบกับผลงานย้อนหลังจริง ไม่ใช่ตั้งตามความรู้สึกหรือเป้าที่คุยกันปากเปล่าตั้งแต่ปีที่แล้ว ปัญหานี้เป็นคนละเรื่องแต่คล้ายกันกับที่พูดถึงใน การตัดสินใจด้วย dashboard แทนความรู้สึก คือทั้งคู่เกิดจากเกณฑ์ที่ไม่เคยถูกทบทวนซ้ำ
แดง-เขียวคือคู่สีที่คนตาบอดสีจำนวนมากแยกไม่ออก
ประชากรราว 1 ใน 12 ของผู้ชายมีภาวะตาบอดสีแดง-เขียวในระดับต่าง ๆ ถ้าทีมของคุณมีคนกลุ่มนี้อยู่ dashboard ที่ใช้แค่สีแดงกับเขียวแยกสถานะดี-แย่ อาจทำให้เขาอ่านค่าผิดโดยไม่รู้ตัว วิธีแก้ง่าย ๆ คือเพิ่มไอคอนหรือรูปแบบเส้น (ทึบ/ประ) กำกับควบคู่กับสีเสมอ ไม่ใช่ใช้สีเป็นตัวสื่อความหมายเพียงอย่างเดียว
อีกทางเลือกที่ปลอดภัยกว่าคือใช้โทนสีน้ำเงิน-ส้มแทนแดง-เขียวในบางกรณี เพราะแยกแยะได้ง่ายกว่าสำหรับคนตาบอดสีกลุ่มใหญ่ที่สุด หลักการเลือกกราฟให้เหมาะกับข้อมูลก็สำคัญไม่แพ้เรื่องสี ลองอ่านเพิ่มที่ การเลือกกราฟให้ถูกกับข้อมูลฟันเนล
จัดลำดับ layout ตามที่สายตาคนอ่านจริง ไม่ใช่ตามลำดับที่ข้อมูลถูกดึงออกมา
สายตาคนอ่านหน้าจอส่วนใหญ่มักกวาดจากซ้ายบนไปขวาล่างเป็นรูปตัว Z หรือไล่จากบนลงล่างเป็นแนวตั้งถ้าหน้าจอแคบ ตัวเลขที่สำคัญที่สุดจึงควรอยู่มุมซ้ายบนหรือกึ่งกลางด้านบนเสมอ ไม่ใช่ปล่อยให้อยู่ตรงไหนก็ได้ตามลำดับที่ทีมเทคนิคดึงข้อมูลออกมา
หลายทีมทำผิดพลาดตรงจุดนี้เพราะจัด layout ตามโครงสร้างฐานข้อมูลที่สะดวกต่อการดึง ไม่ใช่ตามลำดับความสำคัญต่อการตัดสินใจของคนอ่าน ผลคือตัวเลขสำคัญที่สุดอาจไปอยู่มุมล่างขวาที่คนสายตาลวก ๆ มองข้ามได้ง่าย หลักการจัดลำดับความสำคัญนี้ยิ่งสำคัญขึ้นไปอีกเมื่อต้องออกแบบสำหรับ การเปิดดู dashboard บนมือถือ ที่พื้นที่จอเหลือน้อยกว่าจอคอมพิวเตอร์มาก
ตาราง Do/Don't เรื่องสีและกราฟตามประเภทข้อมูล
| สถานการณ์ | ควรทำ | ไม่ควรทำ |
|---|---|---|
| บอกสถานะดี/แย่เทียบเป้า | ใช้สีคู่กับไอคอนหรือรูปแบบเส้นกำกับ | ใช้สีแดง-เขียวเปล่า ๆ โดยไม่มีสัญลักษณ์อื่นช่วย |
| แสดงตัวเลขหลายชุดพร้อมกัน | ใช้โทนสีเดียวไล่ความเข้ม-อ่อนตามลำดับ | ใช้สีสุ่มหลากสีในกราฟเดียวจนตาลาย |
| จัดตำแหน่งตัวเลขสำคัญที่สุด | วางไว้มุมซ้ายบนหรือกึ่งกลางด้านบน | วางตามลำดับที่ query ดึงข้อมูลออกมาพอดี |
สรุป
dashboard ที่สวยแต่สื่อความหมายผิด อันตรายกว่า dashboard ที่หน้าตาธรรมดาแต่สื่อความหมายถูก เพราะความสวยสร้างความมั่นใจปลอมให้คนอ่านโดยไม่รู้ตัว การเลือกสีและจัดลำดับ layout จึงควรเริ่มจากคำถามว่า 'สื่อความหมายถูกไหม' ก่อนถามว่า 'สวยไหม' เสมอ
รายละเอียดเล็ก ๆ อย่างเกณฑ์สีที่ไม่เคยทบทวน หรือคู่สีที่คนตาบอดสีอ่านไม่ออก อาจเป็นสาเหตุที่ทำให้ทีมตัดสินใจผิดมาตลอดโดยไม่มีใครสงสัยเลย
- ทบทวนเกณฑ์สีแดง-เหลือง-เขียวทุกไตรมาส
- อย่าใช้สีเป็นตัวสื่อความหมายเพียงอย่างเดียว ให้มีไอคอนหรือรูปแบบเส้นกำกับด้วย
- จัดตัวเลขสำคัญที่สุดไว้มุมซ้ายบนหรือกึ่งกลางด้านบน
- จำกัดจำนวนสีในกราฟเดียวไม่เกิน 5-6 สี
คำถามที่พบบ่อย
ควรทบทวนเกณฑ์สีแดง-เหลือง-เขียวบ่อยแค่ไหน
แนะนำอย่างน้อยทุกไตรมาส หรือทุกครั้งที่ธุรกิจมีการเปลี่ยนแปลงขนาดใหญ่ เช่น เปิดสินค้าใหม่หรืองบโฆษณาเพิ่มขึ้นมาก เพราะเกณฑ์เดิมอาจไม่สะท้อนสถานการณ์ปัจจุบันแล้ว
จำเป็นต้องจ้างดีไซเนอร์มาทำ dashboard ให้สวยไหม
ไม่จำเป็น ความสวยไม่ใช่เป้าหมายหลักของ dashboard งานที่สำคัญกว่าคือการจัดลำดับความสำคัญและเลือกสีให้สื่อความหมายถูกต้อง ซึ่งทำเองได้โดยไม่ต้องพึ่งดีไซเนอร์มืออาชีพ
ใช้สีมากกว่า 3 สีในกราฟเดียวได้ไหม
ได้ถ้าจำเป็นต้องแยกหลายหมวดหมู่จริง ๆ แต่ควรจำกัดไม่เกิน 5-6 สีต่อกราฟ และเรียงลำดับความเข้มให้สอดคล้องกับความสำคัญ มากกว่านั้นสายตาคนอ่านจะแยกแยะได้ยาก
ทำไม dashboard บางอันดูสวยมากแต่ทีมยังอ่านผิดพลาดบ่อย
เพราะความสวยกับความสื่อความหมายเป็นคนละเรื่องกัน dashboard อาจใช้ฟอนต์และสีที่ดูทันสมัยแต่จัดลำดับความสำคัญผิด หรือใช้สีที่ไม่ตัดกันพอ ทำให้ตีความยากทั้งที่หน้าตาดูดี
ควรใช้พื้นหลังสีเข้ม (dark mode) สำหรับ dashboard ไหม
ขึ้นกับสภาพแวดล้อมการใช้งานจริง ถ้าคนอ่านเปิดดูในห้องแสงจ้าบ่อย พื้นหลังสว่างอาจอ่านง่ายกว่า ถ้าเปิดดูตอนกลางคืนหรือในห้องควบคุมที่แสงน้อย dark mode ช่วยลดความล้าตาได้ดีกว่า ไม่มีคำตอบตายตัว ขึ้นกับบริบทผู้ใช้จริง
บทความที่เกี่ยวข้อง
