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