ภาพรวม
ชิปเป็นองค์ประกอบแบบอินเทอร์แอกทีฟขนาดกะทัดรัดที่ช่วยให้ผู้ใช้กรองเนื้อหาด้านล่างหรือทริกเกอร์การทำงานด่วนได้ คอมโพเนนต์ขนาดกะทัดรัดช่วยให้การทำงานบนท้องถนนเป็นไปอย่างราบรื่นด้วยการแสดงตัวเลือกตามบริบทที่เกี่ยวข้องกับเนื้อหาและลดเวลาในการเรียกดู
เลย์เอาต์ควรจำกัดไว้ที่ชิปไม่เกิน 7 รายการต่อแถวเพื่อให้ภาพมีความชัดเจน ชิปมีความยืดหยุ่นสูงเพื่อให้เข้ากับภาษาภาพของแบรนด์ คุณสามารถปรับแต่งรูปร่าง สีพื้นหลัง และสีเส้นขอบได้ตามธีม UI ที่เลือก
ชิปสามารถมีองค์ประกอบต่อไปนี้
- ไอคอนเท่านั้น
- ป้ายกำกับข้อความเท่านั้น
- ทั้งไอคอนและป้ายกำกับ (ในทิศทางใดทิศทางหนึ่ง)
การเรียบเรียง
1. ไอคอนหรือรูปภาพแสดงอันดับที่นำอยู่
2. ข้อความป้ายกำกับ
ข้อกำหนดด้าน UX
ทำตามข้อกำหนดการออกแบบต่อไปนี้เพื่อให้ได้รับประสบการณ์การใช้งานที่ปลอดภัยและสอดคล้องกันในทุกแอป
ระดับข้อกำหนด |
เนื้อหา |
|---|---|
MUST |
ใส่ไอคอนหรือป้ายกำกับ |
SHOULD |
ใช้สไตล์ภาพที่ไม่ซ้ำกัน เช่น สีหรือรูปร่างที่แตกต่างกัน เพื่อสื่อถึงสถานะต่างๆ ของชิป |
SHOULD |
ใช้สไตล์ที่สอดคล้องกันในชิปทั้งหมดทั่วทั้งแอป |
SHOULD |
หลีกเลี่ยงการรวมชิปที่มีสถานะและไม่มีสถานะไว้ในกลุ่มคอมโพเนนต์เดียวกัน |
SHOULD |
วางชิปที่สำคัญหรือแนะนำไว้ที่ขอบนำของคอนเทนเนอร์ |
SHOULD |
เขียนข้อความป้ายกำกับให้สั้นและสื่อความหมาย หลีกเลี่ยงข้อความยาวๆ ที่ทำให้เกิดการตัดทอนและเพิ่มภาระทางความคิด |