หลักเกณฑ์สําหรับหน้าจอที่กําหนดเอง

สำหรับแอปพลิเคชันสื่อส่วนใหญ่ที่ใช้ในระบบปฏิบัติการ Android Automotive OS คุณไม่จำเป็นต้องออกแบบหน้าจอเอง ข้อยกเว้นคือการตั้งค่าและการลงชื่อเข้าใช้ หากคุณต้องการให้ผู้ใช้เข้าถึงการตั้งค่าแอป คุณต้องออกแบบหน้าจอการตั้งค่า นอกจากนี้ หากแอปของคุณต้องการการลงชื่อเข้าใช้ คุณต้องจัดเตรียมขั้นตอนการลงชื่อเข้าใช้ ซึ่งคุณสามารถปรับแต่งได้จากโค้ดตัวอย่างใน Universal Android Music Player

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

สำหรับคำแนะนำเพิ่มเติมเกี่ยวกับการตั้งค่าและการเข้าสู่ระบบ โปรดดูที่ หัวข้อ การออกแบบการตั้งค่า และ ปรับขั้นตอนการเข้าสู่ระบบ

ไอคอนคำอธิบาย
พื้นฐานการออกแบบ
หลักการออกแบบด้านภาพและการปฏิสัมพันธ์สำหรับส่วนติดต่อผู้ใช้ภายในรถยนต์
ระดับความต้องการ แนวทางปฏิบัติ
ต้อง นักพัฒนาแอปต้อง:
  • ควรมีปุ่มปิดเพื่อออกจากหน้าจอการตั้งค่าและหน้าจอเข้าสู่ระบบหลัก
  • จัดให้มีปุ่มย้อนกลับ (Back affordance) สำหรับหน้าจอถัดไปหลังจากหน้าจอหลัก
  • วางปุ่มปิดหรือย้อนกลับไว้ที่มุมซ้ายบนของหน้าจอ
  • รักษาอัตราส่วนความคมชัดอย่างน้อย 4.5:1 ระหว่างพื้นหลังและไอคอนหรือข้อความ
  • ควรใช้ ขนาดตัวอักษรที่แนะนำ อย่างน้อย 32 dp สำหรับข้อความหลัก และ 24 dp สำหรับข้อความรอง
  • ควรวางเป้าสัมผัสให้มีขนาดใหญ่กว่า ขนาดขั้นต่ำที่แนะนำ คือ 76 x 76 dp
ควร นักพัฒนาแอปควร:
  • ใช้ธีมสีเข้มสำหรับหน้าจอและโอเวอร์เลย์ทั้งหมด
  • ใส่โลโก้หรือไอคอนแอปบนทุกหน้าจอ
  • เมื่อใช้สีเน้น ให้ใช้สีเดียวกันกับที่ระบุไว้เป็น องค์ประกอบของแบรนด์
  • โปรดจำกัดความยาวของข้อความให้อยู่ภายใน ความยาวสูงสุดที่แนะนำ คือ 120 ตัวอักษร
  • ควรเว้นระยะห่างระหว่างเป้าหมายการสัมผัสอย่างน้อย 24 dp หากเป็นไปได้
อาจ นักพัฒนาแอปอาจ:
  • ตัดสินใจว่าจะเพิ่มฟังก์ชันการลงชื่อเข้าใช้และการตั้งค่าลงในแอปหรือไม่

เหตุผล:

หน้าจอที่ออกแบบโดยตรงโดยนักพัฒนาแอปสื่อควร

  • รองรับรูปแบบการนำทางและหลักการออกแบบมาตรฐานของแอปพลิเคชันสื่อ

  • สะท้อนหลักการออกแบบและพื้นฐานด้านภาพของระบบปฏิบัติการ Android Automotive OS