ปุ่มนำทาง LuckyTemplates

บ่อยกว่านั้น ไอคอนยังใช้ร่วมกับปุ่มนำทางLuckyTemplates เมื่อสร้างรายงาน LuckyTemplates หากคุณเห็นไอคอนหน้าแรก การคลิกที่ไอคอนนั้นจะนำคุณกลับบ้านไปยังหน้า Landing Page

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

เราต้องการใช้ไอคอนที่ง่าย ต่อการระบุ แต่ยังไม่เพียงพอ ซึ่งเป็นเหตุผลที่เราควรให้บริบทเพิ่มเติมแก่ผู้ใช้เสมอ

จากมุมมองของเรื่องราวข้อมูล เราจำเป็นต้องควบคุมประสบการณ์ของผู้ใช้

ในฐานะนักออกแบบ เรามีหน้าที่รับผิดชอบในสิ่งที่จะแสดงต่อผู้ใช้ เมื่อใดที่จะแสดงต่อผู้ใช้ คาดการณ์คำถาม จัดเตรียมการโต้ตอบและการนำทางที่ชัดเจน และให้บริบทเพิ่มเติม

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

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

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

เมื่อใช้ไอคอนหน้าแรกเป็นปุ่ม ให้ผู้ใช้คลิกเพื่อกลับไปยังหน้า Landing Page หากเป็นปุ่มข้อมูล ให้ระบุให้ผู้ใช้วางเมาส์เหนือข้อมูลคำอธิบายแดชบอร์ด

หากคุณใช้ปุ่มไอคอน Twitter หรือ LinkedIn ให้เพิ่มคำอธิบายนี้ด้วย โปรดทราบว่าเราจำเป็นต้องจัดเตรียมบริบทสำหรับพื้นที่ที่ต้องมีการโต้ตอบกับผู้ใช้

สารบัญ

• รายงาน LuckyTemplates พร้อมปุ่มนำทาง
• การใช้คำแนะนำเครื่องมือในรายงาน LuckyTemplates
• ปุ่มนำทาง LuckyTemplates มุ่งตรงไปยังเว็บไซต์
• การเพิ่มไอคอนถัดจาก KPI
• การเพิ่มแบนด์เป็น KPI
• บทสรุป

รายงาน LuckyTemplates พร้อมปุ่มนำทาง

ตอนนี้ มาดู LuckyTemplates และดูตัวอย่างในชีวิตจริงกันบ้าง

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

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

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

การใช้คำแนะนำเครื่องมือในรายงาน LuckyTemplates

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

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

เพื่อแสดงให้เห็นว่ามันง่ายเพียงใดในการเปิดใช้งานและปิดใช้งานคำแนะนำเครื่องมือ ลองเพิ่มปุ่มว่างลงในหน้า

ภายใต้ปุ่มการดำเนินการ ตัวเลือกไม่มีคำแนะนำเครื่องมือจะไม่ทำงานตามค่าเริ่มต้น

หมายความว่าเมื่อคุณวางเมาส์เหนือปุ่มนี้ คุณจะเห็นข้อความ “ CTRL+คลิกที่นี่เพื่อไปยังหน้าที่แล้วในรายงานนี้ ” ซึ่งไม่ดี

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

ปุ่มนำทาง LuckyTemplates มุ่งตรงไปยังเว็บไซต์

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

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

ถ้าฉันคลิกที่ปุ่มโลโก้ JIRA ฉันจะถูกนำไปที่เว็บไซต์ของบริษัท ซึ่งในกรณีนี้คือ

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

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

การเพิ่มไอคอนถัดจาก KPI

ข้ามไปที่ตัวอย่างอื่น 

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

การเพิ่มแบนด์เป็น KPI

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

อย่างไรก็ตาม ตัวเลขเหล่านี้ดีหรือไม่ดี? และถ้าตัวเลขไม่ดี ตัวเลขในเดือนใดเดือนหนึ่งไม่ดี หรือมีไดนามิกที่ไม่ดีหรือไม่ แนวโน้มจะขึ้นหรือลง? ทำไมฉันต้องสนใจเรื่องนี้?

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

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

จากนั้น เมื่อเราไปที่Clientsเราจะเห็นMargin per customerซึ่งสำคัญมาก

นอกจากนี้ เราจะเห็นว่า 80% ของมาร์จิ้นทั้งหมดมาจากวัสดุเพียง 11 ชนิดเท่านั้น ข้อมูลนี้ดีมาก

ในบทช่วยสอน นี้ ฉันได้อธิบายวิธีที่ผู้ใช้สแกนหน้าจอในรูปแบบ Z จากซ้ายไปขวา และจากบนลงล่าง

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

ให้ฉันใส่ตัวเองในรองเท้าของผู้ชม ถ้าฉันต้องการสำรวจข้อมูลด้วยตัวเอง เหตุใดฉันจึงต้องขอให้นักพัฒนา LuckyTemplates สร้างรายงาน

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

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

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

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

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

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

ไอคอนแบบกำหนดเองของ LuckyTemplates | เทคนิคการแสดงภาพ PBI
การพัฒนารายงาน LuckyTemplates: การสร้างธีม โลโก้บริษัท ไอคอน และพื้นหลัง
วิธีเพิ่มไอคอน LuckyTemplates แบบกำหนดเองลงในรายงานของคุณ

บทสรุป

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

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

ในฐานะนักออกแบบ โปรดจำไว้เสมอว่าเราไม่เพียงแต่สร้างรายงานเท่านั้น เรากำลังสร้างผลกระทบอย่างแท้จริง

สิ่งที่ดีที่สุด