การปรับปรุงการแสดงข้อมูลและเฟรมเวิร์กการรายงาน

วัน นี้ผมจะพูดถึงEnhanced Visualization Framework สำหรับLuckyTemplates นี่คือ Analyst Hub ซึ่งเป็นเครื่องมือภายนอกที่เราสร้างขึ้นภายในเพื่อเพิ่มประสิทธิภาพการทำงานของคุณใน LuckyTemplates และปรับปรุงการแสดงข้อมูลและการรายงานของคุณ

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

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

นี่คือเฟรมเวิร์กที่พัฒนาขึ้นซึ่งเราเชื่อว่าเป็นวิธีที่ดีที่สุดในการสร้างภาพข้อมูลและสร้างรายงานภายใน LuckyTemplates

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

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

ฉันจะแสดงให้คุณเห็นว่าบางส่วนได้รับการนำไปใช้ในวิธีที่ดีจริงๆ ภายใน LuckyTemplates แล้วแสดงรายงานที่ฉันคิดว่าสามารถปรับปรุงได้โดยใช้เฟรมเวิร์กนี้

สารบัญ

• ประเด็นสำคัญในกรอบการแสดงข้อมูลและการรายงานของเรา
• การใช้รูปแบบกริดในการแสดงข้อมูลและการรายงาน
• บทสรุป

ประเด็นสำคัญในกรอบการแสดงข้อมูลและการรายงานของเรา

นี่คือองค์ประกอบสำคัญ 7 ประการของกรอบการแสดงภาพขั้นสูงของเรา

ประเด็น แรกในกรอบของเราคือรายงานทั้งหมดควรมีรูปแบบตาราง

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

รายการที่สามคือการสร้างประสบการณ์การนำทางที่มั่นคงภายในรายงานของคุณ ฉันคิดว่าเราได้พัฒนาจากการคลิกหน้ารายงานจากด้านล่างของรายงาน LuckyTemplates เพื่อสร้างประสบการณ์การนำทางภายในรายงานของเรา

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

รายการถัดไปคือการเลือกภาพที่ถูกต้อง ทำให้การแสดงภาพของคุณเรียบง่ายและเข้าใจง่าย

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

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

การใช้รูปแบบกริดในการแสดงข้อมูลและการรายงาน

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

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

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

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

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

ฉันจะแสดงให้คุณเห็นอีกหนึ่งตัวอย่างในหัวข้อเฉพาะนี้ รายงานเฉพาะนี้ส่งโดยผู้ชนะLuckyTemplates Challenge 19 ของเรา รายงานนี้มีรูปแบบกริดที่เรียบง่ายซึ่งสมมาตรมาก

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

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

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

นี่เป็นอีกหนึ่งการส่งซึ่งให้ข้อมูลที่ดีจริงๆ ฉันยังเห็นได้ว่ามีการพยายามจัดรูปแบบกริดแล้ว

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

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

บทสรุป

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

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