เนื่องจากแง่มุมส่วนใหญ่ของ UI สื่อควบคุมโดยผู้ผลิตรถยนต์และ Google (ดูบทบาทพาร์ทเนอร์สำหรับสื่อ) งานเกี่ยวกับการออกแบบสำหรับนักพัฒนาแอปจึงค่อนข้างง่าย
งานพื้นฐานสำหรับนักพัฒนาแอปมีดังนี้
- วางแผนแท็บการนำทาง: เลือกมุมมองระดับบนสุดของเนื้อหาได้สูงสุด 4 มุมมอง และเลือกไอคอนหรือป้ายกำกับสำหรับแท็บการนำทาง
- วางแผนมุมมองการท่องเว็บ: วางแผนวิธีจัดระเบียบและจัดรูปแบบมุมมองเนื้อหาระดับบนสุดและระดับล่าง (แบบตารางกริดหรือรายการ)
- ปรับแต่งการควบคุมการเล่น: เลือกว่าคุณต้องการระบุการทำงานและไอคอนที่กำหนดเองหรือไม่ และจะใช้คิวหรือไม่
- วางแผนการสั่งงานด้วยเสียง: กำหนดคำสั่งที่คุณต้องการให้ผู้ใช้ขอด้วยเสียงได้
- ใส่องค์ประกอบแบรนด์: ใส่ไอคอนแอปและสีเฉพาะจุดเพื่อแสดงถึงแบรนด์
ขั้นตอนเพิ่มเติมที่ไม่บังคับสำหรับ AAOS เท่านั้น:
- สร้างขั้นตอนการลงชื่อเข้าใช้: ใช้เทมเพลตที่มีอยู่เพื่อสร้างขั้นตอนการลงชื่อเข้าใช้เพื่อให้ผู้ใช้ลงชื่อเข้าใช้แอปบนหน้าจอของรถ (หากแอปต้องลงชื่อเข้าใช้)
- สร้างการตั้งค่า: สร้างหน้าจอการตั้งค่าในรถสำหรับแอป หากจำเป็นต้องตั้งค่า
ขั้นตอนเพิ่มเติมที่ไม่บังคับสำหรับ Android Auto เท่านั้น:
- ให้คำแนะนำ: ระบุเนื้อหาสื่อ 10 รายการที่จะแสดงตามที่แนะนำ
ใช้ลิงก์ด้านบนเพื่อเข้าถึงคำแนะนำเพิ่มเติมเกี่ยวกับงานแต่ละงานโดยละเอียด โปรดดูรายการตรวจสอบนี้เพื่อสรุปองค์ประกอบการออกแบบที่คุณต้องระบุ
บทบาทพาร์ทเนอร์สำหรับสื่อ
ตารางด้านล่างสรุปบทบาทการออกแบบของนักพัฒนาแอปและผู้ผลิตรถยนต์ (ใน AAOS) ในการทำให้ประสบการณ์การใช้งานแอปสื่อเป็นอันหนึ่งอันเดียวกัน สำหรับแอปที่ทำงานบนยานพาหนะที่ใช้ AAOS ผู้ผลิตรถยนต์สามารถปรับแต่ง UI ให้สะท้อนถึงแบรนด์และสไตล์ของยานพาหนะได้ สำหรับแอปที่ทำงานใน Android Auto นั้น Google จะสร้างรูปลักษณ์ของแอปที่สอดคล้องกันในรถรุ่นต่างๆ ที่รองรับ
| แง่มุมต่างๆ ของประสบการณ์การใช้งานสื่อ | บทบาทในการออกแบบของผู้ผลิตรถยนต์ (หรือของ Google สำหรับ Android Auto) | บทบาทการออกแบบของนักพัฒนาแอป |
|---|---|---|
| การไปยังส่วนต่างๆ ในแอปสื่อ | เลือกตำแหน่งในแถบแอป และสนับสนุนการนำทางและการควบคุมแอปที่ปรากฏในแถบแอป | ตัดสินใจเลือกมุมมองเนื้อหาระดับบนสุดที่จะแสดงในแท็บของแถบแอป และใส่ไอคอนและป้ายกำกับตามต้องการ (ดู แท็บการนำทางของแผน) |
| เรียกดูรายละเอียดเนื้อหา | กำหนดขนาดและเนื้อหาของตารางกริดหรือรายการ และใช้ส่วนหัวของแอปที่ระดับเนื้อหาต่ำกว่า | กำหนดรูปแบบ (ตารางกริดหรือรายการ) และจัดระเบียบเนื้อหาสื่อที่เรียกดูได้ในแต่ละระดับ (ดูแผนมุมมองการท่องเว็บ) |
| กำลังเล่นสื่อ | ใช้มุมมองการเล่นและแถบควบคุมที่ย่อขนาดลงด้วยข้อมูลเมตาของสื่อและการควบคุมการเล่นที่เหมาะสม รวมถึงการควบคุมการทำงานที่กำหนดเองต่างๆ ในแอป จัดสรรคิวในมุมมองการเล่นและการจัดรูปแบบสำหรับคิว | เลือกว่าจะใช้การดำเนินการที่กำหนดเองในแถบควบคุมหรือไม่ และใส่ไอคอนสำหรับการดำเนินการดังกล่าว รวมถึงตัดสินใจว่าจะใช้คิวหรือไม่และจะมีการระบุตัวบ่งชี้สำหรับแทร็กที่เล่นในปัจจุบันหรือไม่ (ดูปรับแต่งตัวควบคุมการเล่น) |
| การสั่งงานด้วยเสียง | ระบุ UI ของ Google Assistant และควบคุมวิธีที่ผู้ใช้เรียกใช้ Assistant ในรถคันที่ต้องการ | ระบุหมวดหมู่สื่อที่จะรองรับสำหรับคำขอเสียงและ เนื้อหาที่จะส่งคืนสำหรับคำขอทั่วไป (วางแผนการสั่งงานด้วยเสียง) |
| การระบุแหล่งที่มาของแบรนด์ | แสดงไอคอนแอปในหน้าจอเนื้อหาทั้งหมดและเลือกตำแหน่งที่จะใช้สีแอปของบุคคลที่สามเป็นสีเฉพาะจุด | ระบุไอคอนแอปและระบุสีเฉพาะจุด (ดูระบุองค์ประกอบการสร้างแบรนด์) |
| การลงชื่อเข้าใช้และการตั้งค่า | มอบการตั้งค่าสำหรับการค้นหาและการตั้งค่าในแถบแอปและเชื่อมต่อผู้ใช้กับหน้าจอลงชื่อเข้าใช้ตามความจำเป็น | ใช้เทมเพลตเพื่อสร้างขั้นตอนการลงชื่อเข้าใช้และหน้าจอการตั้งค่า หากจำเป็น โปรดดูปรับขั้นตอนการลงชื่อเข้าใช้และการตั้งค่าการออกแบบ |
| คำแนะนำ | แสดง UI เพื่อให้การแนะนำเนื้อหาปรากฏ | ระบุแหล่งที่มาของการแนะนำเนื้อหาที่เหมาะสม |