เทคนิคการแสดงผลข้อมูลเฉพาะสำหรับแดชบอร์ด

แนวคิดการออกแบบ Dashboard

Olga Scrivner, PhD

President, Scrivner Solutions Inc

ออกแบบแดชบอร์ดให้เหมาะกับสายตามนุษย์

 

กราฟข้อมูลที่ออกแบบดี มักจะ เรียบง่ายที่สุด และ [...] ทรงพลังที่สุด${^1}$

 

          การแสดงผลข้อมูลที่มีประสิทธิภาพ

• ลดภาระทางความคิดของผู้ใช้
• ช่วยในการแก้ปัญหา
• เอื้อต่อการค้นพบข้อมูลใหม่
• ให้ข้อมูลเชิงลึกที่นำไปปฏิบัติได้

¹ Edward Tufte

หลักการออกแบบ

                                                          การประมวลผลข้อมูล

หลักการออกแบบ

                                                          การประมวลผลข้อมูล

หลักการออกแบบ

                                                          การประมวลผลข้อมูล

                                                      หลักการออกแบบแดชบอร์ด

หลักการออกแบบ

                                                          การประมวลผลข้อมูล

                                                      หลักการออกแบบแดชบอร์ด

หลักการออกแบบ C.R.A.P.

ความคมชัด (Contrast)

• สี ขนาด รูปทรง

การซ้ำ (Repetition)

• "จังหวะ" ในการอ่านแดชบอร์ด

การจัดวาง (Alignment)

• การออกแบบที่เป็นระเบียบ

ความใกล้ชิด (Proximity)

• องค์ประกอบที่เกี่ยวข้องต้องจัดกลุ่มไว้ด้วยกัน

¹ Ferrari, Maw. (2021). Improving Dashboard design.

หลักการ Gestalt

กระบวนการรับรู้และจัดระเบียบสิ่งที่มองเห็นเพื่อทำความเข้าใจข้อมูล

¹ Dataspire. (2020). Let's leverage perception science to our advantage!

หลักการ Gestalt

กระบวนการรับรู้และจัดระเบียบสิ่งที่มองเห็นเพื่อทำความเข้าใจข้อมูล

¹ Dataspire. (2020). Let's leverage perception science to our advantage!

หลักการ Gestalt

กระบวนการรับรู้และจัดระเบียบสิ่งที่มองเห็นเพื่อทำความเข้าใจข้อมูล

¹ Dataspire. (2020). Let's leverage perception science to our advantage!

หลักการ Gestalt

กระบวนการรับรู้และจัดระเบียบสิ่งที่มองเห็นเพื่อทำความเข้าใจข้อมูล

¹ Dataspire. (2020). Let's leverage perception science to our advantage!

หลักการ Gestalt

กระบวนการรับรู้และจัดระเบียบสิ่งที่มองเห็นเพื่อทำความเข้าใจข้อมูล

¹ Dataspire. (2020). Let's leverage perception science to our advantage!

หลักการ Gestalt

กระบวนการรับรู้และจัดระเบียบสิ่งที่มองเห็นเพื่อทำความเข้าใจข้อมูล

¹ Dataspire. (2020). Let's leverage perception science to our advantage!

การแสดงผลข้อมูลที่ทำให้เข้าใจผิด: ควรทำและไม่ควรทำ

เส้นฐานไม่เป็นศูนย์

ช่วงห่างของแกนไม่สม่ำเสมอ

ข้อมูลล้นเกิน (Overload)

เอฟเฟกต์ 3D

¹ LibGuide. (2021). Data Visualization: Chart Dos and Don'ts.

มาฝึกกันเถอะ!

แนวคิดการออกแบบ Dashboard