กลับไปหน้า Design
ทริคDesign

Dashboard Layout

วางการ์ด KPI และกราฟให้เล่าเรื่องจากภาพรวมไปสู่รายละเอียด

เริ่มอ่านตรงนี้ก่อน

อธิบายแบบง่าย

Dashboard Layout คือเรื่องที่ช่วยให้เราใช้ทำหน้าจอให้อ่านง่าย ใช้ง่าย และไม่สับสนได้ถูกทางขึ้น

ระดับ

เหมาะกับคนที่เริ่มลงมือทำแล้ว

ใช้เมื่อไหร่

แดชบอร์ดมีกราฟเยอะ ผู้ใช้ไม่รู้จะดูอันไหนก่อน

อ่านแล้วทำอะไรต่อ

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

ใช้ตอนไหน?

  • แดชบอร์ดมีกราฟเยอะ ผู้ใช้ไม่รู้จะดูอันไหนก่อน
  • ผู้บริหารอยากเห็นภาพรวมเร็วก่อนเจาะลึก
  • ต้องจัดหน้าให้ทำงานทั้งบนจอใหญ่และแท็บเล็ต

ความหมาย

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

โครงเล่าเรื่องของแดชบอร์ด

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

แถว 1: KPI ภาพรวม (3-4 การ์ด)
แถว 2: กราฟแนวโน้ม / เทียบช่วง
แถว 3: ตารางรายละเอียด (เจาะลึก)
กฎ: visual น้อยแต่ตอบโจทย์ > เยอะแต่รก

ตัวอย่างการใช้

แดชบอร์ดยอดขายรายเดือน

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