การออกแบบแดชบอร์ด - ข้อควรพิจารณาและแนวทางปฏิบัติที่ดีที่สุด

แดชบอร์ดเป็นวิธีที่ไม่เหมือนใครและมีประสิทธิภาพในการนำเสนอข้อมูลอัจฉริยะโดยใช้เทคนิคการสร้างภาพข้อมูลที่แสดงข้อมูลที่เกี่ยวข้องการดำเนินการเช่นเดียวกับสถิติการติดตามและตัวบ่งชี้ประสิทธิภาพหลัก (KPIs) แดชบอร์ดควรนำเสนอข้อมูลนี้ในรูปแบบที่รวดเร็วและง่ายต่อการสแกนพร้อมข้อมูลที่เกี่ยวข้องที่สุดที่เข้าใจได้อย่างรวดเร็ว

คำนี้เกิดจากแผงควบคุมรถยนต์แบบดั้งเดิมและพวกเขาได้พัฒนาเพื่อให้บริการฟังก์ชั่นเดียวกันในโลกดิจิตอล ในหนังสือของเขา Stephen Few กล่าวว่า:

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

การออกแบบแผงควบคุมมือถือโดย Mason Yarnell สำหรับ Mixpanel

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

การมีวิธีการที่ถูกต้องในการแสดงข้อมูลเป็นคุณลักษณะสำคัญในการวางรากฐานของแดชบอร์ดที่ประสบความสำเร็จ การสร้างภาพข้อมูลคือการนำเสนอข้อมูลผ่านกราฟิกและรูปภาพวัตถุประสงค์หลักของมันคือเพื่อช่วยให้ผู้มีอำนาจตัดสินใจระบุรูปแบบหรือเข้าใจแนวคิดที่ยากซึ่งอาจตรวจไม่พบในแอปพลิเคชันแบบข้อความ

จ้างนักออกแบบที่ดีที่สุดของโลกที่ Toptal

การทดลองที่ไม่มีความเสี่ยงจ่ายเฉพาะในกรณีที่พอใจ

ในหนังสือของพวกเขา Data Visualization, Noah Iliinsky และ Julie Steele state:

“ วัตถุประสงค์ของผู้ออกแบบในการออกแบบการสร้างภาพข้อมูลคือการสร้างสิ่งที่ส่งมอบซึ่งผู้อ่านจะได้รับและเข้าใจง่าย ตัวเลือกการออกแบบและการใช้งานเฉพาะต้องตอบสนองวัตถุประสงค์นี้”

ลักษณะสำคัญของแดชบอร์ดที่ยอดเยี่ยม

แดชบอร์ดที่มีประสิทธิภาพจะแสดงข้อมูลที่เป็นประโยชน์และดำเนินการได้อย่างรวดเร็ว ช่วยลดความยุ่งยากในการแสดงภาพข้อมูลที่ซับซ้อนและช่วยให้ผู้มีส่วนได้เสียเข้าใจวิเคราะห์และนำเสนอข้อมูลเชิงลึกที่สำคัญ

แผงควบคุมของ Contractbook โดย Toptal Designer Wojciech Dobry

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

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

แดชบอร์ดที่ยอดเยี่ยมมอบทุกสิ่งในคลิกเดียว

  • ข้อมูลที่สำคัญทั้งหมดสามารถเข้าถึงได้ทันที
  • ข้อมูลถูกจัดลำดับความสำคัญ
  • ข้อมูลจะแสดงอย่างชัดเจนในลำดับชั้นที่มองเห็นได้ในหน้าจอเดียว
  • การออกแบบให้ภาพรวมที่เชื่อมโยงกันซึ่งรวมถึงข้อมูลเริ่มต้นที่กระจัดกระจายและชัดเจนพร้อมโอกาสเพิ่มเติมในการเจาะลึกมากขึ้น
  • องค์ประกอบ (แผนภูมิตารางแบบฟอร์ม) จะแสดงในมุมมองย่อให้เล็กสุดด้วยความสามารถในการแสดงรายละเอียดเพิ่มเติมในหน้าต่างโมดอลหรือไปที่หน้าที่มีรายละเอียดเพิ่มเติม
  • การออกแบบปรับปรุงการใช้งานด้วยตัวกรองช่วยให้ผู้ใช้สามารถกำหนดวิธีการแสดงข้อมูลและกรองเนื้อหาโดยใช้ป้ายกำกับหมวดหมู่และ KPI
ข้อมูลรายละเอียดถูกดึงขึ้นมาจากแผงควบคุมบน Modal โดย Toptal Designer Miklos Philips

จ้างนักออกแบบที่ดีที่สุดของโลกที่ Toptal

การทดลองที่ไม่มีความเสี่ยงจ่ายเฉพาะในกรณีที่พอใจ

ความซับซ้อนลดลงให้ความชัดเจน

ในโลกที่เต็มไปด้วยข้อมูลการให้ข้อมูลที่ชัดเจนเป็นหนึ่งในสิ่งที่ยากที่สุดที่จะทำให้สำเร็จ การนำเสนอเฉพาะข้อมูลที่เกี่ยวข้องมากที่สุดบนแดชบอร์ดเป็นสิ่งสำคัญยิ่งเรายิ่งแสดงข้อมูลมากเท่าใดก็ยิ่งยากขึ้นสำหรับผู้ใช้ในการค้นหาสิ่งที่ต้องการ

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

การตัดสินใจออกแบบแดชบอร์ดที่มีประสิทธิภาพควรได้รับคำแนะนำจาก

  • เป้าหมายของโครงการ
  • ธรรมชาติของข้อมูล
  • ความต้องการของผู้ใช้
การออกแบบแผงควบคุมโดย Toptal Designer Stelian Subotin
“ เมื่ออ่านวิชวลไลเซชัน (หรือการสื่อสารชนิดอื่น ๆ ) ผู้อ่านของคุณมีกำลังสมองจำนวน จำกัด เพื่ออุทิศให้กับปัญหา พลังสมองบางส่วนนี้จะทุ่มเทเพื่อถอดรหัสการสร้างภาพ พลังสมองที่เหลืออยู่นั้นอาจถูกนำมาใช้เพื่อทำความเข้าใจกับข้อความ (ถ้าผู้อ่านยังไม่ยอมแพ้)
 - Noah Iliinsky และ Julie Steele (การสร้างภาพข้อมูล)

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

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

การกำหนดเป้าหมายแดชบอร์ดและการแสดงข้อมูลที่เหมาะสม

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

เป้าหมายการออกแบบที่ดีจะส่งเสริมการดำเนินการที่มีประสิทธิภาพและแม่นยำ การใช้กรอบงาน S.M.A.R.T สำหรับการตั้งค่าเป้าหมายนั้นจะมุ่งเน้นไปที่เป้าหมายที่เฉพาะเจาะจงวัดได้ดำเนินการได้จริงและเป็นไปตามเวลา

คำถามสำคัญสองสามข้อที่จะถามเมื่อพิจารณาเป้าหมาย:

  • ผู้ใช้ต้องดำเนินการกี่ขั้นตอนเพื่อบรรลุเป้าหมายที่กำหนด
  • อินเทอร์เฟซใช้งานง่ายเพียงพอสำหรับผู้ใช้ในการบรรลุเป้าหมายด้วยตนเองหรือไม่?
  • ผู้ใช้ต้องการข้อมูลอะไรบ้างเพื่อให้บรรลุเป้าหมายได้สำเร็จ

ในการกำหนดว่าเป้าหมายของการออกแบบแดชบอร์ดที่เฉพาะเจาะจงอาจเป็นอย่างไรให้กำหนดโดยการถามว่า“ การออกแบบนี้จะแก้ปัญหาใดสำหรับผู้ใช้เฉพาะปัญหาใด ๆ ” คำตอบจะให้ข้อมูลเชิงลึกเกี่ยวกับตัวชี้วัดคุณสมบัติค่าภาพและข้อมูล เป็นผลมาจาก

อ่านต่อในบล็อกการออกแบบ Toptal ที่ www.toptal.com >>

เขียนโดย Stelian Subotin

จ้างนักออกแบบที่ดีที่สุดของโลกที่ Toptal

การทดลองที่ไม่มีความเสี่ยงจ่ายเฉพาะในกรณีที่พอใจ