การออกแบบแดชบอร์ด LuckyTemplates: วิชวลและเอฟเฟ็กต์

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

สารบัญ

• ภาพการ์ดและเอฟเฟกต์โฮเวอร์สำหรับการออกแบบแดชบอร์ด LuckyTemplates
• การสร้างเอฟเฟกต์โฮเวอร์สำหรับการออกแบบแดชบอร์ด LuckyTemplates
• การปรับเปลี่ยนเอฟเฟกต์ Hover
• เอฟเฟกต์ไดนามิกบนแดชบอร์ด LuckyTemplates
• บทสรุป

ภาพการ์ดและเอฟเฟกต์โฮเวอร์สำหรับการออกแบบแดชบอร์ด LuckyTemplates

ในตัวอย่างแรก เราจะวางภาพการ์ดไว้ด้านบนของแผนที่ความร้อนตามที่แสดงในภาพด้านล่าง 

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

นอกจากนี้ เราสามารถใช้ชื่อของภาพ ตัวอย่างเช่น ชื่อนี้ระบุว่า " จำนวนวันเฉลี่ยในการเรียกเก็บเงินค่าสินค้า "

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

เรายังสามารถวางเอฟเฟกต์โฮเวอร์บนแผนภูมิเส้นหรือแผนภูมิอื่นๆ 

ในตัวอย่างนี้ หากเราวางเมาส์เหนือแผนภูมิเส้น แผนภูมินั้นจะแสดงข้อมูลเพิ่มเติม

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

การสร้างเอฟเฟกต์โฮเวอร์สำหรับการออกแบบแดชบอร์ด LuckyTemplates

นี่คือการวัดข้อความทั้งหมดที่ฉันสร้างขึ้นสำหรับเอฟเฟ็กต์โฮเวอร์ 

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

หากต้องการสร้างเอฟเฟ็กต์นี้ ให้ไปที่ แท็ บ  แทรกคลิกปุ่มแล้วเลือกว่าง

จากนั้นเราสามารถปรับขนาดปุ่มว่างนี้ได้ดังภาพ 

ถัดไป เปิดใช้ งานตัวเลือกข้อความปุ่ม

ในดรอปดาวน์นี้สถานะเริ่มต้นหมายความว่าจะไม่มีอะไรเกิดขึ้นกับปุ่มนี้ 

เราต้องการสร้างเอฟเฟ็กต์โฮเวอร์ ดังนั้นเรามาเปลี่ยนเป็นเปิดโฮเวอร์ กัน เถอะ 

หากเราต้องการ เราสามารถเพิ่มข้อความคงที่โดยใส่ลงในช่องข้อความปุ่ม ตัวอย่างเช่น ลองพิมพ์ABCที่นี่

หากเราวางเมาส์เหนือปุ่มว่างจะแสดงข้อความABC

ในการทำให้ข้อความเป็นไดนามิก ให้คลิกปุ่มfx

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

คลิกปุ่มตกลง

ดังนั้น หากเราวางเมาส์เหนือปุ่มว่าง ตอนนี้จะแสดง48,634

การปรับเปลี่ยนเอฟเฟกต์ Hover

เพื่อ  ให้เอฟเฟ็กต์ดูดีขึ้น เราสามารถเปิดใช้งานการเติมและเปลี่ยนสถานะเป็นเปิด โฮเวอร์

จากนั้นตั้งค่าสีสำหรับสถานะโฮเวอร์

ตอนนี้ถ้าเราวางเมาส์เหนือปุ่มว่างอีกครั้ง สีของปุ่มก็จะเปลี่ยนไปด้วย 

เราสามารถทำได้ในโครงร่าง เปิดใช้งานOutlineและเปลี่ยนสถานะเป็นOn hover

จากนั้นเปลี่ยนOutline  Weightเป็น7

อย่างที่คุณเห็น หากเราวางเมาส์เหนือปุ่ม โครงร่างจะหนาขึ้น

ให้ฉันแสดงตัวอย่างอื่นที่เราสามารถใช้ช่องว่างนี้ 

เอฟเฟกต์ไดนามิกบนแดชบอร์ด LuckyTemplates

สำหรับตัวอย่างนี้ เราสร้างการแสดงภาพประเภทปฏิทิน

ภายในปุ่มว่างนี้ เราได้เพิ่มแผนภูมิคอลัมน์ที่แสดงตั๋วที่สร้าง ขึ้น  ทุกวันในเดือนมกราคม

เรายังเพิ่มภาพการ์ดซึ่งแสดงจำนวนตั๋วทั้งหมดที่ออกสำหรับเดือนนั้น

จากนั้น ภาพนี้แสดงจำนวนตั๋วสูงสุดที่ออกในวันใดวันหนึ่ง 

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

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

ตอนนี้ เรามาพูดถึงตัวเลือกเค้าร่างที่เราใช้ในตัวอย่างนี้กัน

ในการสร้างเอฟเฟ็กต์เค้าร่าง เราตั้ง ค่าตัว เลือก  เค้าร่างเป็นสถานะเริ่มต้น

คลิกปุ่ม  fx

รูปแบบ  โดยควรเป็นตามกฎ

จากนั้นวางมาตรการหนึ่งที่นี่ 

สำหรับกฎ เราตั้งค่าเป็น “ถ้า ค่า Janเท่ากับ 1” ให้ตั้งค่าสีเป็นสีแดง “ถ้า ค่า Janเท่ากับ 0” ให้ตั้งค่าสีเป็นสีเทา 

นี่คือมาตรการIf Jan มาตรการนี้จะเปลี่ยนสีของเส้นขอบเป็นสีแดง หากจำนวนตั๋วที่ออกมากกว่าตั๋วเฉลี่ยต่อเดือน จำนวนเฉลี่ยคือ  100

อย่างที่คุณเห็น กรอบสำหรับเดือนมกราคมเป็นสีแดงเนื่องจากมีตั๋วที่ออกมากกว่า 100 ใบ ในทางกลับกัน ขอบสำหรับเดือนที่ออกตั๋วน้อยกว่า 100 ใบจะเป็นสีเทา

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

ด้วยภาพนี้ คุณสามารถจัดสรรทรัพยากรและจัดการวันหยุดพักผ่อนของพนักงานได้ดียิ่งขึ้น 

การออกแบบแดชบอร์ด LuckyTemplates – แนวคิดการเปลี่ยนหน้าเพจที่น่าประทับใจ
บทช่วยสอน LuckyTemplates Dashboard – วิธีปรับปรุงการออกแบบแดชบอร์ด
เคล็ดลับแนวทางปฏิบัติที่ดีที่สุดสำหรับแดชบอร์ด

บทสรุป

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

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

มีความคิดสร้างสรรค์ตามที่คุณต้องการ แต่ยังคำนึงถึงความสามารถในการเข้าใจของข้อมูลที่นำเสนอด้วย 

จนกว่าจะถึงครั้งต่อไป,

มูดาซีร์