เลย์เอาต์และรูปแบบการนำทาง

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

การจับคู่เลย์เอาต์และการนำทาง

แถบนำทางและลิ้นชักการนำทางแบบโมดัลใช้เป็นรูปแบบการนำทางหลัก สำหรับมุมมองเลย์เอาต์หลักและปลายทางการนำทางหลัก

แถบนำทางสามารถมีปลายทางนำทางได้ 3-5 แห่งใน ระดับลำดับชั้นเดียวกัน คอมโพเนนต์นี้จะเปลี่ยนเป็นแถบนำทางสำหรับหน้าจอขนาดใหญ่

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

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

ในที่นี้ แท็บจะทำหน้าที่เป็นเลเยอร์การนำทางรองเพื่อจัดกลุ่มเนื้อหาที่เกี่ยวข้อง

การดำเนินการกับเลย์เอาต์

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

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

ปุ่มการทำงานแบบลอย (FAB) ที่ช่วยให้ผู้ใช้เพิ่มพืชลงในแกลเลอรีพืชได้อย่างรวดเร็ว

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

รูปที่ 20: การดำเนินการแจ้งเตือนในแถบด้านบนเมื่อแสดงรายละเอียด (ซ้าย) และไอคอนล้นในรายการ (ขวา)

สำหรับการดำเนินการเพิ่มเติมที่ไม่จำเป็นต้องใช้ทันทีหรือบ่อยครั้ง ให้เพิ่มการดำเนินการเหล่านั้นในเมนูรายการเพิ่มเติม