Tableau Design Tips ออกแบบ Dashboard อย่างไร ให้ใช้งานง่าย
เชื่อว่าหลาย ๆ คนอาจเคยได้ยินหรือใช้งาน Tableau กันมาไม่มากก็น้อย บทความนี้จะพูดถึงวิธีการออกแบบ Dashboard ด้วย Tableau เพื่อให้ผู้ใช้งานมี User Experience ที่ดี และเข้ามาใช้งาน Dashboard เพื่อช่วยให้การทำงานมีประสิทธิภาพมากขึ้น ไม่ใช่ใช้งานแล้วยิ่งเสียเวลามากกว่าเดิม
− Tableau คืออะไร
− Practice ที่ดี ในการออกแบบ Dashboard
−− Target Users
−− Users ที่มีทักษะการวิเคราะห์ข้อมูล
−− User บางกลุ่มหรือคนที่ทำงาน Operation เป็นหลัก
−− 1. Clear Titles
−− 2. Padding
−− 3. Colour Palettes
−− 4. Tooltips
−− 5. Decluttering
Tableau คืออะไร
Tableau คือหนึ่งใน Data Visualisation Tools หรือ สิ่งที่เปลื่ยนข้อมูลและ Traditional Reports (เช่น ตาราง crosstab ต่าง ๆ )ให้เป็น Dashboard ที่ User สามารถเล่นและค้นหา Insight ได้อย่างอิสระ
Data Visualisation Tools ที่นิยมใช้ในปัจจุบันจะมี
- Tableau จาก Salesforce
- Power BI จาก Microsoft
- Looker Studio จาก Google
ซึ่งความแตกต่างหลัก ๆ ของ 3 Tools นี้ ยกตัวอย่างเช่น Syntax ที่ใช้ในการสร้าง Calculation, ราคา License, ขนาดของข้อมูล รวมถึงความเร็วที่สามารถใช้ประมวลข้อมูล
บทความนี้จะพูดถึง Tableau เป็นหลัก โดยจุดเด่นของ Tableau ก็คือ UI ที่ง่ายสำหรับผู้เริ่มต้นฝึกใช้ Data Visualization Tool มีความยืดหยุ่นสูง สามารถสร้าง Report ได้ทุกรูปแบบ ไม่ว่าจะเป็น Report ที่มีความซับซ้อน หรือมี Data Source ขนาดใหญ่
ที่สำคัญ Tableau เป็น Data Visualisation Tool ที่มีจำนวนผู้ใช้เป็นจำนวนมาก ทำให้เกิด Tableau Community ที่เข็มแข็งขึ้นมา ผู้ใช้ Tableau ใน Community จะมีการแชร์ปัญหาและวิธีการแก้ไข สามารถพูดได้ว่าแทบจะมีทุกรูปแบบของปัญหาการทำ Dashboard
มักจะมีคนเก่ง ๆ มาช่วยออกความเห็น หรือให้วีธีการแก้ไข และยังการแชร์ไอเดียการทำ Dashboard เจ๋ง ๆ บน Tableau Public อีกด้วย และในวันนี้เราจะมาพูดถึงเรื่องการออกแบบ Dashboard ด้วย Tableau กัน (เกริ่นซะยาว)
Practice ที่ดี ในการออกแบบ Dashboard
ในบางครั้งเราอยากแสดงข้อมูลบนหน้าเดียวกันให้ได้มากที่สุด เพราะเข้าใจว่าจะสะดวกกับ User ที่เจอครบทุกสิ่งในหน้าเดียว ไม่ต้องเสียเวลาหาข้อมูลจากหน้าอื่น
แต่ในอีกแง่หนึ่ง User อาจต้องนั่งรอ Dashboard โหลดอยู่หลายนาที นอกจากนั้น Dashboard ที่ให้พยายามมีข้อมูลครบจบทุกอย่างในหน้าเดียวกลับทำให้สับสนเพราะไม่รู้จะเริ่มดูจากตรงไหนดี (ตัวอย่างด้านล่าง)
Target Users
การกำหนด Target Users ของ Dashboard ในบทความนี้จะพูดถึงแค่ 2 วิธี
- ความสามารถในการเข้าใจข้อมูล (Data Literacy)
- ขั้นตอนในการทำงานของผู้ใช้ (User Workflow)
เมื่อแบ่งกลุ่ม Users แบบนี้ จะสามารถลดโอกาสที่ Dashboard ของเราจะถูกเลิกใช้ในอนาคตได้เพราะเราออกแบบ Dashboard ได้ตรงตามความต้องการ เช่น
Users ที่มีทักษะการวิเคราะห์ข้อมูล
การออกแบก Dashboard ของเรา สามารถใช้เครื่องมือทางสถิติเช่น Regression และ Chart ที่ซับซ้อนมากขึ้นอย่างเช่น Scatter Plot และ Box Plot ได้
User บางกลุ่มหรือคนที่ทำงาน Operation เป็นหลัก
Dashboard ที่ช่วยให้เค้าตัดสินใจได้รวดเร็ว และไม่มีเวลามานั่งวิเคราะห์ เราควรใช้ Visual ที่ช่วยให้เห็นสิ่งต่างๆ ได้ชัดเจนและรวดเร็ว เช่น สี ขนาด และพื้นที่ เป็นต้น (ตัวอย่างตามภาพด้านล่าง)
การใช้สีเข้ามาช่วยบอกว่า Category ใดที่สามารถทำได้ตามเป้าที่วางไว้
การใช้ Features และหลักการ Design ที่หลายคนอาจมองข้าม < H2
1. Clear Titles
Title ที่ชัดเจนและเข้าใจง่าย ควรมีอยู่ในทุก ๆ Chart เราสามารถใช้ชื่อ KPI หลักใน Chart หรือ คำถามที่ Chart นั้นสามารถตอบ มาตั้งชื่อเป็น Title ได้ เช่น Average Volume by Business เป็นต้น
2. Padding
Padding จะช่วยเพิ่มช่องว่างระหว่าง Charts หรือ Widgets ต่างๆ ใน Dashboard ของเราได้ ทำให้ User ลด Cognitive Load (ภาระทางสมองจากการรับข้อมูล) ที่ต้องใช้เวลาประมวผลว่า Chart นี้กำลังพูดถึงเรื่องอะไรอยู่
Feature นี้ช่วยให้อ่านและทำความเข้าใจ Dashboard ได้ง่ายและเร็วขึ้น เช่นเดียวกับ Dashboard ที่ตัวอย่างด้านบน
3. Colour Palettes
สังเกตจากตัวอย่าง Dashboard ด้านบน สีใน Chart แต่ละอันจะมีการเลือกใช้อย่างมีประสิทธิภาพที่สุด เช่น Bar Chart จะถูก Highlight เฉพาะแท่งที่มีความสำคัญเป็นอีกสีนึง จากแท่งสีอื่น ๆ โดยหลีกเลี่ยงการให้แต่ละแท่งมีสีที่แตกต่างกันทุกอัน
4. Tooltips
หลายคนอาจจะมองข้ามการทำ Tooltip Formatting ไป เพราะเห็นว่ามันเป็นเรื่องรองสำหรับการสร้าง Dashboard แต่อันที่จริงแล้ว Tooltip เป็นด่านสุดท้ายก่อนที่ Users จะพุ่งมาหาเราที่เป็นผู้สร้าง Dashboard
ข้อมูลหลายๆ อย่างที่มีประโยชน์ต่อ Users แต่อาจทำให้ Chart ของเราดูรก เราสามารถหลีกเลี่ยงด้วยการจับมันยัดใส่ Tooltip แทนได้
VDO สอนทำสร้าง และ Custom Tooltips
5. Decluttering
Declutter คือ การลดสิ่งที่ไม่จำเป็นออกจาก Dashboard ด้วยการลบ Graphical Information ที่ไม่จำเป็น เช่น เอา Row/Column divider หรือ การเอา Grid line ที่ไม่ช่วยให้ได้ Information อะไรเพิ่มออกไป สามารถทำให้ Dashboard ของเราดูสบายตาและน่าใช้มากขึ้น
