Dashboard Layout
วางการ์ด KPI และกราฟให้เล่าเรื่องจากภาพรวมไปสู่รายละเอียด
เริ่มอ่านตรงนี้ก่อน
อธิบายแบบง่าย
Dashboard Layout คือเรื่องที่ช่วยให้เราใช้ทำหน้าจอให้อ่านง่าย ใช้ง่าย และไม่สับสนได้ถูกทางขึ้น
ระดับ
เหมาะกับคนที่เริ่มลงมือทำแล้ว
ใช้เมื่อไหร่
แดชบอร์ดมีกราฟเยอะ ผู้ใช้ไม่รู้จะดูอันไหนก่อน
อ่านแล้วทำอะไรต่อ
บนสุดเป็นการ์ดยอดขายรวม/เป้า/เทียบเดือนก่อน ถัดมาเป็นกราฟแนวโน้มทั้งปี ล่างสุดเป็นตารางแยกตามสาขา ผู้ใช้ได้คำตอบภาพรวมก่อนแล้วค่อยเจาะ
ใช้ตอนไหน?
- แดชบอร์ดมีกราฟเยอะ ผู้ใช้ไม่รู้จะดูอันไหนก่อน
- ผู้บริหารอยากเห็นภาพรวมเร็วก่อนเจาะลึก
- ต้องจัดหน้าให้ทำงานทั้งบนจอใหญ่และแท็บเล็ต
ความหมาย
เลย์เอาต์แดชบอร์ด คือการจัดวาง KPI (ตัวชี้วัดสำคัญ) กราฟ และตารางบนหน้าเดียวให้อ่านเป็นเรื่อง คนอ่านแดชบอร์ดจากบนลงล่างและซ้ายไปขวา จึงควรวางภาพรวมสำคัญไว้บนสุด แล้วค่อยลงรายละเอียดด้านล่าง เพื่อให้ตอบคำถาม 'ตอนนี้เป็นยังไง' ได้ใน 5 วินาทีแรก
โครงเล่าเรื่องของแดชบอร์ด
วางแถว KPI ภาพรวมไว้บนสุด ตามด้วยกราฟแนวโน้ม แล้วจึงเป็นตารางรายละเอียดล่างสุด จำกัดจำนวน visual ต่อหน้าให้พออ่านไหว และเรียงตามคำถามที่ผู้ใช้ถามบ่อยสุด
แถว 1: KPI ภาพรวม (3-4 การ์ด)
แถว 2: กราฟแนวโน้ม / เทียบช่วง
แถว 3: ตารางรายละเอียด (เจาะลึก)
กฎ: visual น้อยแต่ตอบโจทย์ > เยอะแต่รกตัวอย่างการใช้
แดชบอร์ดยอดขายรายเดือน
บนสุดเป็นการ์ดยอดขายรวม/เป้า/เทียบเดือนก่อน ถัดมาเป็นกราฟแนวโน้มทั้งปี ล่างสุดเป็นตารางแยกตามสาขา ผู้ใช้ได้คำตอบภาพรวมก่อนแล้วค่อยเจาะ