ตารางกริดแสดงรายการในเลย์เอาต์แบบตารางกริด
เทมเพลตนี้มีประโยชน์เมื่อผู้ใช้อาศัยรูปภาพเป็นหลักในการเลือก
เทมเพลตนี้จะฝังอยู่ในเทมเพลตแท็บได้เพื่อให้มีการนำทางแบบแท็บ
ประกอบด้วย
- ส่วนหัวที่มีแถบการทำงานที่ไม่บังคับ (แถบดำเนินการจะถูกแทนที่ด้วยแท็บเมื่อเทมเพลตนี้ฝังอยู่ในเทมเพลตแท็บ)
- รายการตาราง (ดูหมายเหตุด้านล่าง) แต่ละรายการมีไอคอนหรือรูปภาพขนาดใหญ่
- ข้อความหลักสำหรับแต่ละรายการในตาราง (บังคับ)
- ข้อความรองสำหรับรายการในตารางแต่ละรายการ (ไม่บังคับ)
- ปุ่มการทำงานแบบลอยที่ไม่บังคับ
ตัวอย่างเทมเพลตตารางกริด
ตัวอย่าง Android Auto และ Android Automotive OS (AAOS) ต่อไปนี้สร้างขึ้นโดยใช้เทมเพลตตารางกริด
ตารางกริดที่บางรายการมีข้อความรอง (ตัวอย่าง Android Auto)
ตารางกริดที่มีไอคอนของรายการหนึ่งแทนที่ชั่วคราวด้วยไอคอนหมุนของการโหลดและข้อความหลักของรายการอื่นถูกตัดออกเนื่องจากความยาวเกินพื้นที่ว่าง (ตัวอย่าง AAOS)
ข้อกำหนด UX ของเทมเพลตตารางกริด
นักพัฒนาแอป
ควร | จำกัดความยาวของสตริงข้อความหลักและสตริงรองเพื่อไม่ให้ถูกตัด |
ควร | มีการดำเนินการที่เชื่อมโยงกับแต่ละรายการในตารางกริด (ไม่แนะนำรายการสำหรับเฉพาะข้อมูลเท่านั้น) |
ควร | ระบุสถานะของรายการอย่างชัดเจน (สำหรับรายการในตารางที่มีหลายสถานะ เช่น เลือกและยกเลิกการเลือก) ตามรูปแบบในรูปภาพ ไอคอน หรือข้อความ |
ไม่ควร | ใส่ทั้งแถบการทำงานและปุ่มการทำงานแบบลอยพร้อมกัน |
พ.ค. | แสดงไอคอนหมุนของการโหลดแทนไอคอนหรือรูปภาพสำหรับรายการในตารางกริดเมื่อการดำเนินการที่เชื่อมโยงกับรายการอยู่ระหว่างดำเนินการ |