ขนาดของไอคอน รูปโปรไฟล์ และเป้าหมายการสัมผัสเป็นสิ่งสำคัญสำหรับการลดสิ่งรบกวนผู้ขับขี่
เป้าหมายการสัมผัสขนาดกว้างช่วยให้ผู้ขับขี่สามารถโต้ตอบกับแอปและกลับมาสนใจการขับรถได้ง่ายและรวดเร็ว
คำแนะนำโดยย่อ (TL;DR):
- ใช้ไอคอนมาตรฐานและขนาดรูปโปรไฟล์เพื่อความสอดคล้อง
- ขนาดเป้าหมายการสัมผัสขั้นต่ำคือ 76 x 76dp
- จัดตำแหน่งไอคอนและองค์ประกอบให้อยู่กึ่งกลางภายในเป้าหมายการสัมผัส
ขนาดไอคอน
ขนาดไอคอนมาตรฐานที่ Android สำหรับรถยนต์ใช้มีดังนี้

ไอคอนหลัก | ไอคอนรอง | ไอคอนลำดับสาม |
---|---|---|
44 x 44dp | 36 x 36dp | 24 x 24dp |
ขนาดรูปโปรไฟล์
ขนาดรูปโปรไฟล์มาตรฐานที่ Android สำหรับรถยนต์ใช้มีดังนี้

รูปโปรไฟล์ขนาดเล็ก | รูปโปรไฟล์ขนาดกลาง | รูปโปรไฟล์ขนาดใหญ่ |
---|---|---|
56 x 56dp | 76 x 76dp | 96 x 96dp |
การปรับแนวไอคอนและเป้าหมายการสัมผัส
ขนาดเป้าหมายการสัมผัสขั้นต่ำใน Android สำหรับรถยนต์คือ 76 x 76dp เป้าหมายการสัมผัสต้องใหญ่พอที่จะทำให้คนขับเห็นและตัดสินใจเลือกได้ง่ายในขณะที่รถเคลื่อนที่ องค์ประกอบต่างๆ เช่น ปุ่ม ควรอยู่ตรงกลางภายในขอบเขตของเป้าหมายการสัมผัส และไม่มีส่วนใดขององค์ประกอบที่อยู่นอกขอบเขตของเป้าหมายการสัมผัส

สิ่งที่ควรทำ

สิ่งที่ควรทำ

สิ่งที่ไม่ควรทำ

สิ่งที่ไม่ควรทำ