แอปสื่อ

ระบบปฏิบัติการ Android Automotive OS (AAOS) ช่วยให้ผู้ใช้สามารถเรียกดูและเล่นเนื้อหาจากแอปพลิเคชันมีเดียบนหน้าจอรถยนต์ได้ ผู้ใช้สามารถดาวน์โหลดแอปพลิเคชันมีเดียจาก Google Play ไปยังรถยนต์ได้โดยตรง โดยไม่จำเป็นต้องใช้โทรศัพท์

หน้านี้ประกอบด้วยส่วนต่างๆ ดังต่อไปนี้:

แบบจำลองเชิงพื้นที่

บทนำเกี่ยวกับเทมเพลตแอปสื่อนี้จะอธิบายถึงองค์ประกอบหลัก ฟังก์ชันพื้นฐานที่แต่ละองค์ประกอบมีให้ และสถาปัตยกรรมที่เชื่อมโยงองค์ประกอบเหล่านั้นเข้าด้วยกัน

คำอธิบายโดยละเอียดเกี่ยวกับวิธีการทำงานของแต่ละองค์ประกอบจะกล่าวถึงในส่วนต่อไปนี้

กายวิภาคศาสตร์

แม่แบบสื่อประกอบด้วยสิ่งต่อไปนี้:

  • แถบแอป – ประกอบด้วย การนำทางหลักของแอป และ ปุ่มควบคุมแอป (สำหรับการค้นหาภายในแอปและการตั้งค่า) และมีไอคอนแอปอยู่ด้วย
  • พื้นที่แสดงเนื้อหาที่สามารถเรียกดูได้ – แสดงเนื้อหาในรูปแบบตาราง (ดังแสดงในภาพ) หรือรูปแบบรายการ
  • ส่วนควบคุมการเล่น – แถบควบคุมที่ย่อขนาดแสดงอยู่ตรงนี้ประกอบด้วยข้อมูลเมตาของสื่อพื้นฐานและส่วนควบคุมการเล่น และยังช่วยให้เข้าถึงโอเวอร์เลย์การเล่นที่มีส่วนควบคุมเพิ่มเติมได้อีกด้วย
1. แถบแอปพร้อมแท็บนำทางหลักและปุ่มควบคุมแอป
2. พื้นที่สำหรับเรียกดูเนื้อหา
3. ปุ่มควบคุมการเล่น (แสดงในแถบควบคุมที่ย่อขนาดไว้)

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

การนำทางหลัก

การนำทางหลักในแถบแอปประกอบด้วยแท็บที่แสดงอยู่ (ยกเว้นในกรณีที่หน้าจอเล็กเกินไป)

ตัวอย่างนี้แสดงการจัดเรียงแท็บแบบทั่วไป:

ผู้ใช้สามารถเลือกแท็บต่างๆ เช่น หน้าแรก และ เพลย์ลิสต์ บนแถบแอป เพื่อไปยังมุมมองระดับบนสุดของเนื้อหาสื่อได้

การเลือกแท็บบนแถบแอปจะแทนที่มุมมองปัจจุบันด้วยมุมมองแอปหลักระดับบนสุดที่แตกต่างออกไป

การควบคุมแอป

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

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

การเลือกเมนู "การตั้งค่า" บนแถบแอปจะเปิดหน้าต่างซ้อนทับซึ่งช่วยให้ผู้ใช้สามารถเข้าถึงการตั้งค่าแอปได้

เมื่อเลือกส่วนควบคุมของแอป ระบบจะเปิดโอเวอร์เลย์ขึ้นมาบนเนื้อหาที่สามารถเรียกดูได้ และแถบแอปจะเปลี่ยนเป็นส่วนหัวของแอป

พื้นที่เนื้อหาที่สามารถเรียกดูได้

ภายในพื้นที่เนื้อหาที่สามารถเรียกดูได้ ผู้ใช้สามารถเลื่อนดูเนื้อหาและนำทางผ่านมิติ z ไปยังรายการแต่ละรายการ ตามลำดับชั้นที่ต่อเนื่องกันได้

เนื่องจากการนำทางผ่านหลายระดับจะเพิ่มภาระทางความคิดให้กับผู้ขับขี่ Google จึงแนะนำให้รักษาโครงสร้างข้อมูลให้เรียบง่าย โดยมีจำนวนระดับให้น้อยที่สุดเท่าที่จะเป็นไปได้

เนื้อหาที่สามารถเรียกดูได้ในระดับบนสุดช่วยให้ผู้ใช้สามารถเลือกได้จากรูปแบบตาราง (ดังแสดงในภาพ) หรือแบบรายการ

การเลือกเนื้อหาจากรายการที่สามารถเรียกดูได้ จะเปิดไปยังระดับถัดไปที่มีรายละเอียดมากขึ้น

ปุ่มควบคุมการเล่น

ปุ่มควบคุมการเล่นในแอปพลิเคชันสื่อสามารถแสดงได้สองรูปแบบ ขึ้นอยู่กับสถานการณ์:

  • แถบควบคุมแบบย่อ (ใช้งานได้ในทุกมุมมอง)
  • มุมมองการเล่น (ภาพซ้อนพร้อมแถบควบคุมแบบเต็ม)

รูปแบบทั้งสองนี้จะสลับกันไปตามด้านล่างของหน้าจอในตัวอย่างภาพเคลื่อนไหวต่อไปนี้

แถบควบคุมย่อขนาด

แถบควบคุมขนาดเล็กจะลอยอยู่เหนือเนื้อหาในระดับสูงสุดของพื้นที่แสดงเนื้อหา โดยจะแสดงข้อมูลเกี่ยวกับสิ่งที่กำลังเล่นอยู่ พร้อมทั้งฟังก์ชันพื้นฐานสำหรับการควบคุมการเล่นของผู้ใช้

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

มุมมองการเล่น

แถบควบคุมแบบเต็มจะปรากฏเฉพาะในมุมมองการเล่นเท่านั้น และจะลอยอยู่เหนือเนื้อหา นอกจากฟังก์ชันการทำงานที่มีให้จากแถบควบคุมแบบย่อแล้ว แถบควบคุมแบบเต็มยังสามารถให้การควบคุมที่ครอบคลุมมากขึ้น ซึ่งกำหนดโดยแต่ละแอปพลิเคชันสื่อ

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

หน้าต่างแสดงผลการเล่นจะปรากฏอยู่เหนือพื้นที่เนื้อหาที่สามารถเรียกดูได้ และแถบควบคุมที่ย่อขนาดจะถูกแทนที่ด้วยแถบควบคุมแบบเต็มที่มีปุ่มควบคุมเพิ่มเติม

แบบจำลองปฏิสัมพันธ์

AAOS นำเสนอเนื้อหาสื่อบนหน้าจอรถยนต์ และช่วยให้ผู้ใช้สามารถเรียกดูและเล่นเนื้อหาในสภาพแวดล้อมที่เหมาะสมกับรถยนต์

แอปพลิเคชันมีเดียใช้งานในรถยนต์ได้อย่างไร

AAOS ประกอบด้วยชุด API ที่จัดการประสบการณ์การเล่นและการเรียกดูสื่อสำหรับแอปสื่อในรถยนต์ API เหล่านี้ช่วยให้นักพัฒนาแอปสามารถใช้ประโยชน์จากเทมเพลตมาตรฐานสำหรับแอปสื่อ ซึ่งรวมถึง:

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

แม่แบบนี้สนับสนุนประสบการณ์ระบบสาระบันเทิงในรถยนต์ (IVI) ในสองด้าน:

  • ผู้ผลิตรถยนต์สามารถปรับแต่งรูปลักษณ์และฟังก์ชันการทำงานของอินเทอร์เฟซให้เข้ากับรถยนต์และแบรนด์ของตนได้
  • นักพัฒนาแอปสามารถเชื่อมโยงเนื้อหาของตนเข้ากับอินเทอร์เฟซ เพื่อมอบประสบการณ์ที่สอดคล้องกัน ซึ่งสะท้อนถึงแบรนด์ของแอปในรถยนต์และผู้ผลิตหลายรุ่น

Google ออกแบบประสบการณ์การใช้งานพื้นฐานสำหรับแอปสื่อโดยคำนึงถึงความปลอดภัยและหลักการต่างๆ เช่นเดียวกับที่กล่าวไว้ใน หัวข้อพื้นฐานการออกแบบ และ หลักการออกแบบ คุณสามารถปรับเปลี่ยนบางส่วนของประสบการณ์การใช้งานนี้สำหรับระบบสาระบันเทิงของคุณเองได้โดยไม่กระทบต่อการทำงานของแอปที่สร้างขึ้นสำหรับ AAOS

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

ส่วนนี้อธิบายวิธีการทำงานของการนำทางแอปในระดับสูงสุดของแอปสื่อต่างๆ

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

  • แท็บนำทางหลัก (หรือรูปแบบต่างๆ)
  • ตัวเลือกแอป (ไม่บังคับ)

แถบแอปยังสามารถรวมไอคอนแอปและปุ่มควบคุมแอปได้ ซึ่งจะกล่าวถึงในหัวข้อ การสร้างแบรนด์แอป และ การลงชื่อเข้าใช้ การตั้งค่า และการค้นหา

แท็บนำทางหลัก

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

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

แท็บในแถบแอปช่วยให้ผู้ใช้สามารถสลับไปมาระหว่างมุมมองเนื้อหาต่างๆ ได้

รูปแบบการนำทางหลัก

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

แถบแอปนี้ประกอบด้วยไอคอนและป้ายกำกับสำหรับแต่ละแท็บ

อย่างไรก็ตาม คุณสามารถใช้กลยุทธ์การนำทางแบบอื่นได้ในบางสถานการณ์:

  • เฉพาะป้ายกำกับ: หากหน้าจอไม่สูงพอที่จะแสดงเนื้อหาและแท็บที่มีทั้งไอคอนและป้ายกำกับได้อย่างเหมาะสม
  • ลิ้นชัก: หากหน้าจอไม่กว้างพอสำหรับแท็บ
  • ไม่มีแท็บ: หากมีตัวเลือกการนำทางหลักเพียงตัวเลือกเดียว
ในบางกรณีพิเศษ แถบแอปอาจมีกลยุทธ์การนำทางอย่างใดอย่างหนึ่งต่อไปนี้เป็นทางเลือกแทนแท็บที่มีไอคอนและป้ายกำกับ (จากบนลงล่าง): แท็บที่มีป้ายกำกับเท่านั้น, ลิ้นชักแทนแท็บ หรือมุมมองเนื้อหาระดับบนสุดแบบเดียวโดยไม่มีแท็บ

ตัวเลือกแอป

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

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

เมื่อเรียกใช้งาน ตัวเลือกแอปจะช่วยให้เข้าถึงแอปสื่ออื่นๆ ได้ เมื่อผู้ใช้เลือกแอปอื่น แอปนั้นก็จะปรากฏขึ้น

แอปพลิเคชันทั่วไปที่มีให้เลือกจากตัวเลือกแอปพลิเคชัน

การจัดตำแหน่งแถบแอป

คุณสามารถกำหนดตำแหน่งของแถบแอปได้ในเทมเพลต AAOS ทั้งหมด รวมถึงเทมเพลตสื่อ ตราบใดที่มันอยู่ตำแหน่งเดิม แถบแอปสามารถปรากฏที่ด้านบน ด้านล่างของหน้าจอ หรือด้านใดด้านหนึ่งก็ได้ นอกจากนี้ยังสามารถจัดเรียงแท็บและปุ่มควบคุมแอปซ้อนกันภายในแถบแอปได้อีกด้วย

เพื่อลดภาระทางความคิดและสร้างประสบการณ์การใช้งานที่น่าเชื่อถือ แถบแอปและฟังก์ชันต่างๆ ที่เกี่ยวข้องจะต้องปรากฏในตำแหน่งเดียวกันเสมอทั่วทั้งระบบสาระบันเทิง

ดูรายละเอียดเนื้อหา

ส่วนนี้อธิบายวิธีการทำงานของการเรียกดูเนื้อหาในแอปพลิเคชันสื่อ รวมถึงวิธีการที่ผู้ใช้ไปยังมุมมองระดับล่างที่มีรายละเอียดมากขึ้น

ขั้นตอนการเรียกดูเนื้อหาในแอปพลิเคชันสื่อประกอบด้วย:

  • การดูเนื้อหาในรูปแบบตารางหรือรายการ
  • เลือกรายการเนื้อหาที่สามารถเรียกดูได้ (กล่าวคือ รายการที่แสดงถึงชุดของรายการ ไม่ใช่รายการที่เล่นได้) เพื่อไปยังมุมมองรายละเอียดเพิ่มเติมของรายการเหล่านั้น

รายละเอียดเพิ่มเติมของเนื้อหาแต่ละรายการจะปรากฏอยู่ในระดับล่างของพื้นที่เนื้อหา โดยจัดรูปแบบเป็นตารางหรือรายการเช่นกัน ผู้ใช้สามารถย้อนกลับไปยังระดับที่สูงขึ้นจากระดับล่างได้โดยใช้ปุ่ม "ย้อนกลับ" ในส่วนหัวของแอป

มุมมองแบบตารางและแบบรายการของเนื้อหา

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

รูปแบบตารางและรายการแสดงอยู่ที่ระดับบนสุดของพื้นที่เนื้อหา สามารถใช้รูปแบบใดรูปแบบหนึ่งได้ในทุกระดับ

ขณะที่ผู้ใช้กำลังเรียกดูเนื้อหาภายในพื้นที่ใช้งาน พวกเขาสามารถเลือกรายการเนื้อหาที่ต้องการเรียกดู (เช่น อัลบั้มหรือเพลย์ลิสต์) เพื่อไปยังมุมมองรายละเอียดเพิ่มเติมของรายการนั้น (เพลงในอัลบั้ม หรือรายการแต่ละรายการในเพลย์ลิสต์) เมื่อผู้ใช้เริ่มเข้าไปในพื้นที่เนื้อหาลึกขึ้นด้วยวิธีนี้ ส่วนหัวของแอปจะปรากฏขึ้นที่ด้านบนของหน้าจอ พร้อมด้วยปุ่มที่ช่วยให้ผู้ใช้สามารถกลับไปยังระดับก่อนหน้าได้

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

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

เนื้อหาจะเลื่อนไปด้านหลังแถบแอปที่อยู่กับที่

เล่นสื่อ

ส่วนนี้อธิบายวิธีการทำงานของการเล่นสื่อในแอปพลิเคชันต่างๆ

ผู้ใช้สามารถควบคุมการเล่นสื่อได้จากวิธีใดวิธีหนึ่งต่อไปนี้:

  • มุมมองการเล่น (เต็มหน้าจอ, ชุดควบคุมครบถ้วน)
  • แถบควบคุมแบบย่อ (ปุ่มควบคุมขั้นต่ำ สามารถใช้งานได้ในทุกมุมมอง)

มุมมองการเล่น

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

ปุ่มควบคุมการเล่น

ปุ่มควบคุมการเล่นจะแสดงอยู่ในแถบควบคุม ซึ่งสามารถขยายได้หากมีปุ่มควบคุมมากกว่า 5 ปุ่ม (ดู "ตำแหน่งปุ่มควบคุมการเล่น" ด้านล่าง) หากแอปมีการใช้งานคิว ส่วนหัวของแอปจะมีส่วนที่ช่วยให้เข้าถึงคิวได้

หน้าจอเล่นวิดีโอจะปรากฏขึ้นเมื่อผู้ใช้เลือกเนื้อหาที่สามารถเล่นได้
เมื่อมีปุ่มควบคุมมากกว่า 5 ปุ่ม ผู้ใช้สามารถขยายแถบควบคุมและเข้าถึงปุ่มควบคุมเพิ่มเติมได้โดยใช้ปุ่มเพิ่มเติม (ด้านล่างขวา)

ตำแหน่งควบคุมการเล่น

เพื่อให้มั่นใจได้ว่าการใช้งานมีความสม่ำเสมอในบริการสื่อต่างๆ แถวควบคุมด้านล่าง (หรือแถวเดียว หากแถบควบคุมยังไม่ขยาย) ควรแสดงการควบคุมตามลำดับที่แสดงในรูปต่อไปนี้ แถวด้านบน ซึ่งจะปรากฏเฉพาะเมื่อแถบควบคุมขยายออกเท่านั้น สงวนไว้สำหรับคำสั่งกำหนดเองได้สูงสุด t=5 คำสั่ง

หากแอปไม่ได้ใช้ปุ่ม "ก่อนหน้า" หรือ "ถัดไป" ปุ่มเหล่านี้อาจถูกแทนที่ด้วยการกระทำแบบกำหนดเองได้เช่นกัน

ปุ่มควบคุมในแถวล่างสุดควรปรากฏตามลำดับที่แสดงในตัวอย่างด้านบนและตารางด้านล่าง
ตำแหน่ง ปุ่ม

ซ้ายสุด

การดำเนินการแบบกำหนดเอง

ซ้ายของศูนย์กลาง

การดำเนินการก่อนหน้าหรือการดำเนินการที่กำหนดเอง

ศูนย์

เล่น / หยุดชั่วคราว

ขวาของศูนย์กลาง

ถัดไปหรือการดำเนินการแบบกำหนดเอง

ขวาสุด

ฟังก์ชันรองรับการทำงานเกิน (หากมีปุ่มควบคุมมากกว่า 5 ปุ่ม) หรือการดำเนินการแบบกำหนดเอง

ท่าทาง

นอกจากการใช้ปุ่มควบคุมในมุมมองการเล่นแล้ว ผู้ใช้ยังสามารถใช้ท่าทางสัมผัสเพื่อย่อมุมมองได้อีกด้วย

การปัดลงจากจุดใดก็ได้ในหน้าจอเป็นวิธีหนึ่งที่ผู้ใช้สามารถย่อหน้าต่างแสดงภาพการเล่นวิดีโอลงไปในแถบควบคุมที่ย่อขนาดลงได้

แถบควบคุมย่อขนาด

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

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

ผู้ใช้สามารถปัดลง (ดังแสดงในภาพท่าทางด้านบน) หรือแตะที่ลูกศรลงที่มุมบนซ้าย (ดังแสดงในภาพนี้) เพื่อย่อหน้าต่างแสดงภาพการเล่นวิดีโอ

คิว

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

คิวจะแสดงเนื้อหาที่จะมาถึงและเนื้อหาที่กำลังเล่นอยู่

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

ผู้ใช้สามารถเลื่อนดูรายการและเลือกรายการใดก็ได้ในคิวเพื่อเล่นทันทีในมุมมองการเล่น หากต้องการกลับไปยังมุมมองการเล่นโดยไม่ต้องเลือกรายการใด ๆ ผู้ใช้สามารถเลือกตัวเลือกคิวหรือตัวเลือกย้อนกลับได้

ส่วนนี้อธิบายวิธีการทำงานของการลงชื่อเข้าใช้และการควบคุมแอปสำหรับการค้นหาและการตั้งค่าในแอปสื่อต่างๆ

ผู้ใช้เข้าถึงการตั้งค่าแอปและการค้นหาภายในแอปโดยใช้ปุ่มควบคุมบนแถบแอปหรือส่วนหัวของแอป ผู้ผลิตรถยนต์ออกแบบส่วนแสดงผลการค้นหา และนักพัฒนาแอปเชื่อมต่อเนื้อหาของตนกับ API ของระบบปฏิบัติการ Android Automotive นักพัฒนาแอปออกแบบทุกแง่มุมของส่วนแสดงการตั้งค่าและขั้นตอนการเข้าสู่ระบบสำหรับแอปของตน

เข้าสู่ระบบ

เมื่อผู้ใช้พยายามเปิดแอปที่ต้องลงชื่อเข้าใช้ (โดยทั่วไปหลังจากติดตั้งแอปจาก Play Store) ผู้ใช้จะเข้าสู่ขั้นตอนการลงชื่อเข้าใช้ที่ผู้พัฒนาแอปจัดเตรียมไว้ หากการลงชื่อเข้าใช้สำหรับแอปนั้นเป็นทางเลือก ก็สามารถรวมไว้ในการตั้งค่าแอปเพื่อให้ผู้ใช้สามารถเข้าถึงได้ด้วยวิธีนั้น

ขั้นตอนการเข้าสู่ระบบอาจประกอบด้วยขั้นตอนอย่างใดอย่างหนึ่งหรือมากกว่านั้นดังต่อไปนี้:

  • การเข้าสู่ระบบด้วย Google: อนุญาตให้ผู้ใช้เข้าสู่ระบบโดยใช้บัญชี Google ของตน
  • การลงชื่อเข้าใช้ผ่านโทรศัพท์: แสดงรหัส PIN บนหน้าจอรถยนต์เพื่อให้ผู้ใช้ป้อนรหัสบนโทรศัพท์ หรือในทางกลับกัน
  • การเข้าสู่ระบบแบบมาตรฐาน: ให้ผู้ใช้ป้อนชื่อผู้ใช้และรหัสผ่านสำหรับแอปบนหน้าจอในรถยนต์

แนะนำให้ลงชื่อเข้าใช้ด้วยบัญชี Google เป็นตัวเลือกการลงชื่อเข้าใช้หลักสำหรับแอปที่รองรับ ด้วยวิธีนี้ ผู้ใช้จะยืนยันบัญชี Google ที่มีอยู่แล้ว ดังแสดงในภาพ

ยืนยันบัญชี Google ของคุณ

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

ส่วนควบคุมแอปประกอบด้วยการค้นหาภายในแอปและการตั้งค่าแอปสำหรับแอปสื่อ นักพัฒนาแอปอาจเลือกที่จะใช้งานอย่างใดอย่างหนึ่งหรือทั้งสองอย่างก็ได้

โดยทั่วไป ปุ่มควบคุมแอปจะปรากฏทางด้านขวาของแท็บในแถบแอป ซึ่งอยู่ด้านบนหรือด้านล่างของหน้าจอ
การค้นหาภายในแอป
  • คุณสามารถสนับสนุนการใช้งานฟังก์ชันค้นหาภายในแอปในแถบแอปได้ นักพัฒนาแอปสามารถตัดสินใจได้ว่าจะเพิ่มฟังก์ชันค้นหาลงในแอปของตนหรือไม่
  • ขณะที่ผู้ใช้กำลังขับรถ ฟังก์ชันการค้นหาจะเรียกใช้แป้นพิมพ์ที่ปรับให้เหมาะกับการขับขี่ ทำให้สามารถป้อนข้อมูลด้วยเสียงได้ เมื่อรถจอดอยู่ ระบบจะเรียกใช้แป้นพิมพ์มาตรฐาน คุณสามารถออกแบบแป้นพิมพ์ทั้งสองแบบ (หรือปรับแต่งแป้นพิมพ์ที่ Google จัดให้) ได้
การตั้งค่าแอป
  • คุณสามารถสนับสนุนการใช้งานฟังก์ชันการตั้งค่าภายในแอปในแถบแอปได้ นักพัฒนาแอปสามารถตัดสินใจได้ว่าจะเพิ่มฟังก์ชันการตั้งค่าลงในแอปของตนหรือไม่
  • ฟังก์ชันการตั้งค่านี้ควรมีเฉพาะการตั้งค่าที่จำเป็นสำหรับการใช้งานแอป (เช่น ข้อมูลบัญชี การตั้งค่าแอป และฟังก์ชันการเข้าสู่ระบบและออกจากระบบ) รวมถึงการตั้งค่าที่เกี่ยวข้องกับการฟังสื่อในรถยนต์ (เช่น การปิดเนื้อหาที่ไม่เหมาะสม)
  • ขณะที่ผู้ใช้กำลังขับรถ ส่วนแสดงการตั้งค่าจะปรากฏขึ้น แต่จะหรี่แสงลงหรือมีการปรับเปลี่ยนเพื่อระบุว่าไม่สามารถใช้งานการตั้งค่าแอปได้ เมื่อรถจอดอยู่ ส่วนแสดงการตั้งค่านี้จะแสดงโอเวอร์เลย์ที่มีการตั้งค่าแอป นักพัฒนาแอปออกแบบหน้าจอโอเวอร์เลย์สำหรับแอปของตนเอง ตามที่อธิบายไว้ใน หัวข้อ การตั้งค่าการออกแบบ

การแบ่งบทบาทหน้าที่

ตารางด้านล่างนี้สรุปบทบาทด้านการออกแบบของผู้ผลิตรถยนต์และนักพัฒนาแอปในการสร้างประสบการณ์การใช้งานแอปสื่อที่สอดคล้องกัน

แง่มุมหนึ่งของประสบการณ์ด้านสื่อ บทบาทการออกแบบของผู้ผลิตรถยนต์ บทบาทการออกแบบของนักพัฒนาแอป

การใช้งานแอปพลิเคชันสื่อต่างๆ

กำหนดตำแหน่งของแถบแอป และรองรับการนำทางและการควบคุมของแอปที่สามารถปรากฏในแถบแอปได้

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

เยี่ยมชม แท็บนำทางแผน

กำลังดูรายละเอียดเนื้อหา

กำหนดขนาดและเนื้อหาของรายการในตารางหรือลิสต์ และนำส่วนหัวของแอปไปใช้ในระดับเนื้อหาที่ต่ำกว่า

กำหนดรูปแบบ (ตารางหรือรายการ) และการจัดระเบียบสำหรับเนื้อหาสื่อที่สามารถเรียกดูได้ในแต่ละระดับ

เยี่ยมชม แผนการดูข้อมูล

กำลังเล่นสื่อ

พัฒนามุมมองการเล่นและแถบควบคุมแบบย่อพร้อมข้อมูลเมตาของสื่อและปุ่มควบคุมการเล่นที่เหมาะสม รวมถึงปุ่มควบคุมสำหรับการดำเนินการแบบกำหนดเองใดๆ ในแอป จัดให้มีส่วนแสดงคิวในมุมมองการเล่นและกำหนดรูปแบบให้กับคิว

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

ไป ที่ ปรับแต่งการควบคุมการเล่น

การเข้าสู่ระบบ การตั้งค่า และการค้นหา

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

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

เยี่ยมชม หน้าเข้าสู่ระบบ และ ออกแบบการเข้าสู่ระบบและการตั้งค่า

การระบุแหล่งที่มาของแบรนด์

แสดงไอคอนแอปบนหน้าจอเนื้อหาทั้งหมด และเลือกตำแหน่งที่จะใช้สีของแอปจากผู้พัฒนาภายนอกเป็นสีเน้น

ระบุไอคอนแอปและสีเน้น

เยี่ยมชม การสร้างแบรนด์แอปแสดงผล

รายการตรวจสอบแอป

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

องค์ประกอบการออกแบบ งานออกแบบที่เกี่ยวข้อง งานทางเทคนิคที่เกี่ยวข้องและตัวอย่างโค้ด

องค์ประกอบการนำทาง:

  • ไอคอนและป้ายกำกับแบบเวกเตอร์ขาวดำ (โมโนโครม) สำหรับแท็บนำทางสูงสุด 4 แท็บ

แท็บนำทางแผน

สร้างลำดับชั้นของเนื้อหาของคุณ

องค์ประกอบการแสดงผลการเรียกดู:

  • รูปแบบเนื้อหาที่ระบุรูปแบบการแสดงผลการเรียกดู (แบบตารางหรือแบบรายการ ชื่อของหมวดหมู่ย่อย)

วางแผนการดูวิว

ใช้รูปแบบเนื้อหา

องค์ประกอบการเล่น:

  • ไอคอนเวกเตอร์ขาวดำ (โมโนโครม) สำหรับการดำเนินการเล่นแบบกำหนดเองใดๆ ที่แอปของคุณใช้ (ไอคอนแยกกันสำหรับแต่ละสถานะ)
  • ภาพย่อสำหรับรายการในคิว (ไม่บังคับ)
  • ไอคอนสำหรับรายการที่กำลังเล่นอยู่ในคิว (ไม่บังคับ)

ปรับแต่งการควบคุมการเล่น

แนวทางการเข้าคิว

เพิ่มการกระทำในการเล่นแบบกำหนดเอง

องค์ประกอบการเข้าสู่ระบบ:

  • หน้าจอเข้าสู่ระบบที่ปรับแต่งได้ (ดัดแปลงจากโค้ดตัวอย่างในแอป UAMP Automotive)

เข้าสู่ระบบ

แอป UAMP Automotive

เพิ่มกิจกรรมการเข้าสู่ระบบ

องค์ประกอบการตั้งค่า:

  • หน้าจอแสดงการตั้งค่าแบบซ้อนทับ – รูปแบบแนวตั้ง (ขนาด Volvo Polestar 2: 1068 x 1425dp; 1152 x 153px)
  • หน้าจอแสดงการตั้งค่าแบบซ้อนทับ – รูปแบบแนวนอน (ขนาดอ้างอิงสำหรับยานยนต์: 1075 x 806 dp; 1024 x 768 พิกเซล)

การตั้งค่าการออกแบบ

เพิ่มกิจกรรมการตั้งค่า

องค์ประกอบของแบรนด์:

  • ไอคอนแอปแบบเวกเตอร์สีสันสดใส
  • สีเน้น

จัดเตรียมองค์ประกอบการสร้างแบรนด์

ระบุไอคอนแอป และ ปรับแต่งธีมเริ่มต้น

แนวทางสำหรับการสร้างหน้าจอแบบกำหนดเอง

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

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

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

ระดับความต้องการ แนวทางปฏิบัติ

ต้อง

นักพัฒนาแอปต้อง:

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

ควร

นักพัฒนาแอปควร:

  • ใช้ ธีมสีเข้ม สำหรับหน้าจอและโอเวอร์เลย์ทั้งหมด
  • ใส่โลโก้หรือไอคอนแอปบนทุกหน้าจอ
  • เมื่อใช้สีเน้น ให้ใช้สีเดียวกันกับที่ระบุไว้เป็น องค์ประกอบของแบรนด์
  • โปรดจำกัดความยาวของข้อความให้อยู่ภายใน ความยาวสูงสุดที่แนะนำ คือ 120 ตัวอักษร
  • ควรเว้นระยะห่างระหว่างจุดสัมผัสอย่างน้อย 24dp เท่าที่จะเป็นไปได้

อาจ

นักพัฒนาแอปอาจ:

  • ตัดสินใจว่าจะเพิ่มฟังก์ชันการลงชื่อเข้าใช้และการตั้งค่าลงในแอปหรือไม่

เหตุผล

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

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