ประสบการณ์การนำทางรายงาน LuckyTemplates คุณภาพสูง

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

ด้วย LuckyTemplates คุณสามารถสร้างรายงานที่มีลักษณะเหมือนแอปพลิเคชันที่น่าทึ่งที่สุดได้อย่างแท้จริง

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

สารบัญ

• คุณลักษณะการนำทางรายงาน LuckyTemplates
• การออกแบบการนำทางรายงาน LuckyTemplates
• การสร้างการนำทางรายงาน LuckyTemplates
• แรงบันดาลใจในการออกแบบรายงาน
• บทสรุป

คุณลักษณะการนำทางรายงาน LuckyTemplates

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

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

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

ฉันได้สร้างส่วนอื่นที่เรียกว่ารายละเอียด

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

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

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

การออกแบบการนำทางรายงาน LuckyTemplates

ตอนนี้เราจะพูดถึงเทคนิคบางอย่างที่ฉันใช้ที่นี่อย่างรวดเร็ว คุณจะเห็นด้านล่างที่ฉันซ่อนไว้ในแต่ละหน้า

ดังนั้นเมื่อคุณดูออนไลน์ ดูเหมือนว่าไม่มีหน้าอื่น คุณสามารถดูได้เพียงหน้าเดียว ซึ่งก็คือ ภาพรวม การร้องเรียน

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

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

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

การสร้างการนำทางรายงาน LuckyTemplates

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

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

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

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

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

แรงบันดาลใจในการออกแบบรายงาน

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

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

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

การสร้างระบบรายงานด้วย LuckyTemplates
เทคนิคการรายงาน LuckyTemplates: การตั้งค่ารายงานที่เหมือนแอปพลิเคชัน
LuckyTemplates วิชวลแบบกำหนดเอง – สร้างแอปพลิเคชันการรายงาน

บทสรุป

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

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

ไชโย