Intro Dashboard Design Principle (STD) Framework

Chanon Sumpantapong
2 min readMar 6, 2023

--

Dashboard คืออะไร และ เอาไว้ทำอะไร? 🧐

https://www.pipedrive.com/en/blog/sales-dashboard-templates

หลายคนอาจเคยได้ยินและสงสัยว่าDashboard คืออะไร? Dashboard คือ การนำข้อมูลต่างๆ มาสรุปให้สามารถเห็นภาพได้ในหน้าเดียวและสามารถอัพเดทได้สม่ำเสมอ เพื่อเอาข้อมูลที่ได้ไปใช้ประโยชน์ในตัดสินใจได้ทันเวลา ถ้าหากเรามีการออกแบบ Dashboard ที่ดี จะสามารถช่วยให้ผู้ใช้งาน(User) ตัดสินใจอย่างมีประสิทธิภาพ ในบทความนี้เราจะพูดถึงหลักการออกแบบ Dashboard รวมถึงวิธีการใช้ See-Think-Do (STD) Framework เพื่อช่วยให้เข้าใจข้อมูลและตัดสินใจได้อย่างถูกต้อง

Dashboards ที่ดีควรมีลักษณะอย่างไร

1. ช่วยให้เราสามารถติดตามขั้นตอนหรือกระบวณการต่างๆว่าเป็นไปตามเป้าหมายหรือไม่

2.ช่วยให้ User หรือผู้ใช้สามารถนำเอาข้อมูลที่ได้จาก Dashboard ไปใช้ในการตัดสินใจ

3.Dashboard ที่ดีต้องสามารถทำให้เห็นโอกาสและความเสี่ยงของเรื่องนั้นๆได้

4.ช่วยให้ทำงานร่วมกันระหว่างหลายๆทีมได้อย่างมีประสิทธิภาพ

“If people aren’t using your dashboards, it’s because the information is not meaningful to them”

◻︎The Big Book of Dashboards

Framework for Visual Analytics ประกอบ 4 ส่วน
User (ผู้ใช้งาน)
• Content (เนื้อหา)
• Presentation (แสดงเนื้อหา)
• Navigation (นำไปสู่การตัดสินใจ)

บทความนี้จะข้อพูดถึงส่วนของ User หรือ ผู้ใช้งาน ถึงแม้ว่าจะ Dashboard มีข้อมูลครบ แต่ถ้าไม่มีใครใช้ก็ไม่มีประโยชน์ See-Think-Do (STD) Framework เป็นเครื่องมือสำหรับการวิเคราะห์และแสดงผลข้อมูลบน Dashboard ที่ช่วยให้เราเข้าใจผู้ใช้งานและช่วยให้ผู้ใช้งานเข้าใจข้อมูลมากขึ้น ซึ่งประกอบด้วย 3 ส่วน ดังนี้

  1. See : ใช้สำหรับแสดงผลข้อมูล เพื่อให้ผู้ใช้งานเห็นภาพรวมของข้อมูลได้อย่างชัดเจน ในส่วนนี้เราจะต้องเข้าใจ User ก่อนว่า ต้องการ Dashborad แบบไหน อยากให้แสดงข้อมูลอะไรบ้าง
  2. Think :ใช้สำหรับการวิเคราะห์และแสดงผลข้อมูลในรูปแบบของกราฟหรือแผนภูมิ เพื่อช่วยให้ผู้ใช้งานเข้าใจและวิเคราะห์ข้อมูลได้อย่างถี่ถ้วน โดยส่วนนี้จะแสดงผลข้อมูลที่มีการแยกแยะและวิเคราะห์เพิ่มเติม เช่น กราฟแสดงรายได้ของแต่ละเดือน หรือแผนภูมิแสดงสถิติการเข้าชมเว็บไซต์ของบริษัทในช่วงเวลาที่ต่างๆ ประเด็นสำคัญคือ เมื่อ User เห็นข้อมูลแล้วคิดอยากจะทำอะไรต่อ
  3. Do : ในส่วนของ Do เราต้องรู้ว่า เมื่อ User เห็นข้อมูลแล้วจะเอาไปใช้ทำอะไรต่อ เช่น ใช้ในการตัดสินใจ หรือ ว่าใช้ในการ Monitor progress เราจะต้องถามให้ชัดเจนเพื่อที่จะได้ออกแบบได้ตรงใจ User ☑️
STD framework หรือ Empathy Map จาก Skooldio(Thank you 🙏)

เคสตัวอย่างการใช้ STD Framework เพื่อที่จะเข้าใจ User หรือ ผู้ใช้งาน Dashboard ของเรามากขึ้น

Example STD framework

สรุปเคสตัวอย่างของคุณ Samart Skills

Do :
• Monitor : ต้องการเห็น Campaign Progress
• Control : ต้องการดู Cost ของ Campaign

Think :
• Calculate : ต้องการดู cost by channel
• Identify : สามารถมองเห็น Trend ของชุดข้อมูล
• Understand : เข้าใจผลลัพธ์ของแต่ละ Channel

See :
• Measures : จำนวน User, Revenue conversion, Cost
• Time : Daily (รายวัน)
• Dimensions : Channel ต่างๆ หรือ Location ต่างๆ

นอกจากนี้ยังมีหลักการอีกมากมาย เพื่อเพิ่มความน่าสนใจให้กับ Dashboard และการจัดเรียงข้อมูลเพื่อให้ผู้ใช้งานเข้าใจข้อมูลได้ง่ายและรวดเร็วขึ้น😃 หวังว่าจะช่วยเพิ่มไอเดียในการ Design Dashboard 🤩

Reference : https://www.kaushik.net/avinash/see-think-do-content-marketing-measurement-business-framework/

Sign up to discover human stories that deepen your understanding of the world.

Free

Distraction-free reading. No ads.

Organize your knowledge with lists and highlights.

Tell your story. Find your audience.

Membership

Read member-only stories

Support writers you read most

Earn money for your writing

Listen to audio narrations

Read offline with the Medium app

--

--

Chanon Sumpantapong
Chanon Sumpantapong

Written by Chanon Sumpantapong

Business strategist | Design Engineer | Data analysis Engineer | interested in finance 💵 & Data journalism 📊

No responses yet

What are your thoughts?