เทคนิคการออกแบบเค้าโครงแดชบอร์ด

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

นอกจากนี้ ฉันจะแบ่งปันความคิดของฉันเกี่ยวกับกระบวนการพัฒนารายงาน เราจะพูดถึงองค์ประกอบทางเทคนิคเพิ่มเติมในการพัฒนารายงาน BI แต่ในขณะเดียวกัน เราจะพูดถึงแนวทางทั่วไปและความตั้งใจที่อยู่เบื้องหลังการออกแบบรายงานแต่ละด้าน

อันดับแรก ให้ฉันแสดงมุมมองระดับสูงเกี่ยวกับสิ่งที่จะกล่าวถึงในชุดข้อมูลนี้เกี่ยวกับความโปร่งใสของรายงาน

เมื่อฉันคิดถึงการออกแบบรายงานทั่วไปและความโปร่งใสของรายงาน ฉันพยายามแยกออกเป็นสี่เสาหลักที่เกี่ยวข้อง: การออกแบบโครงร่างการนำทางสูตร DAXและฟังก์ชันการทำงานอื่นๆ

การออกแบบเค้าโครงประกอบด้วยลักษณะต่างๆ เช่น การเลือกขนาดหรือความละเอียดของรายงานที่เหมาะสม การใช้พื้นหลังหรือแม่แบบเพิ่มเติม และการกำหนดโครงสร้างรายงานโดยแยกพื้นที่ต่างๆ เช่น ส่วน KPI ภาพหลัก และบานหน้าต่างตัวกรองการนำทาง

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

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

สุดท้าย แต่ไม่ท้ายสุด เรายังมีฟังก์ชันอื่นๆที่สามารถนำการออกแบบรายงานไปสู่อีกระดับ เช่น คำแนะนำเครื่องมือแบบกำหนดเอง

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

สารบัญ

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

การออกแบบเค้าโครงแดชบอร์ด

องค์ประกอบสำคัญอันดับแรกที่ต้องพิจารณาคือขนาดหน้าหรือความละเอียด ความละเอียดของหน้าเริ่มต้นมาตรฐานกำหนดไว้ที่ 1280 x 720 ซึ่งเป็น 16:9 ในแง่ของความกว้างและความสูงของรายงาน

ความละเอียดนี้ใช้งานได้ดีอย่างสมบูรณ์ในหลาย ๆ สถานการณ์ แต่ฉันคิดว่ามันมีประโยชน์เป็นการส่วนตัวที่จะเพิ่มความละเอียดไปยังจุดใด ๆ ตั้งแต่ขนาดเริ่มต้นของความละเอียดไปจนถึงประมาณ 1900 x 1100 ในขณะที่รักษาอัตราส่วนไว้ที่ระดับ 16:9 เท่าเดิม

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

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

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

ปรับแต่งความละเอียดของหน้ารายงาน

ทีนี้มาดูไฟล์ PBX กัน ฉันจะแสดงให้คุณเห็นว่าคุณสามารถปรับแต่งความละเอียดของหน้ารายงานได้อย่างไร ขั้นแรก สร้างหน้าใหม่ ไปที่บานหน้าต่างการแสดงภาพ เลือกหน้ารูปแบบจากนั้นเลือกการตั้งค่าแคนวาส จากรายการดรอปดาวน์ คุณสามารถเลือกรูปแบบที่คุณต้องการจากอัตราส่วน 16:9 ไปจนถึงแบบกำหนดเอง

เมื่อเรากำหนดความละเอียดของหน้าแล้ว เราสามารถสร้างและออกแบบพื้นหลังหรือแม่แบบสำหรับรายงาน LuckyTemplates ของเราได้

นี่คือตัวอย่างเค้าโครงที่สร้างขึ้นเอง เลย์เอาต์สองตัวบนดูเหมือนจะมีพื้นที่ทึบในส่วนหลักมากกว่า ในขณะที่เลย์เอาต์สองตัวล่างนำเสนอโครงสร้างที่ตายตัวมากกว่าโดยมีจำนวนรูปร่างและเซกเมนต์มากกว่า

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

เราสามารถสร้างรายงานที่สวยงามและซับซ้อนมากขึ้นสำหรับการใช้งานส่วนตัวหรือเชิงพาณิชย์ เช่น พอร์ตโฟลิโอและการสาธิต สำหรับรายงานระดับมืออาชีพ การดำเนินงาน หรือการเงินที่มีสถานการณ์จริง เราสามารถใช้แนวทางที่ง่ายกว่านี้ได้

สองแนวทางสำหรับการออกแบบเลย์เอาต์ที่วางแผนไว้ล่วงหน้า

เมื่อออกแบบเค้าโครงที่วางแผนไว้ล่วงหน้า ฉันมีสองวิธีในการใช้ Microsoft PowerPoint วิธีแรกคือการสร้างเลย์เอาต์ที่มีโครงสร้างตายตัวและรวมวัตถุและรูปร่างทั้งหมดเข้าด้วยกันทันที

วิธีที่สองซึ่งเป็นเป้าหมายของฉันคือการสร้างชั้นโครงสร้างในขณะเดียวกันก็รักษาผนังของพื้นที่ให้มั่นคง

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

ขนาดของวิชวลแตกต่างกันมากและจะขึ้นอยู่กับหลายสิ่งหลายอย่าง เช่น จำนวนหมวดหมู่ที่เราต้องการแสดงบนวิชวลหนึ่งๆ

จะดีกว่าหากมีแนวทางที่ยืดหยุ่นแทนที่จะสร้างเลย์เอาต์ที่คล้ายกันหลายๆ เลย์เอาต์ กลับไปกลับมาจากไฟล์ PBX ไปยังโปรแกรมกราฟิก และปรับเลย์เอาต์ทุกหน้า

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

สร้างโครงสร้างรายงานโดยการเพิ่มรูปร่าง

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

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

วิธีจัดโครงสร้างหน้ารายงานในการออกแบบเค้าโครงแดชบอร์ดของคุณ

โครงสร้างหน้ารายงานขึ้นอยู่กับประเภทรายงานและผู้ใช้ปลายทาง

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

หลังจากที่คุณเพิ่มพื้นหลังที่โดดเด่นและสร้างโครงสร้างเริ่มต้นของรายงานแล้ว คุณสามารถดำเนินการออกแบบบานหน้าต่างนำทางของคุณได้

บทสรุป

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

หากคุณชอบบทช่วยสอนนี้ โปรดดูพื้นที่นี้สำหรับความต่อเนื่องของซีรี่ส์นี้เกี่ยวกับความโปร่งใสของรายงาน เราจะเจาะลึกเกี่ยวกับการนำทางสูตร DAXและฟังก์ชันอื่นๆในบล็อกโพสต์ในอนาคต

ดีที่สุด
Gustaw Dudek