แอปสื่อ

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

ผู้ผลิตรถยนต์สามารถปรับแต่งอะไรได้บ้าง

ตั้งค่าแถบแอป

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

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

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

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

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

ปรับแต่งรูปลักษณ์

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

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

การกำหนดค่าการทำงาน

จัดการแท็บ

คุณสามารถเลือกแท็บที่จะแสดงในแถบแอปได้ตามโครงสร้างของแอป การตั้งค่าทั่วไปได้แก่:

  • การเรียกดูแบบมาตรฐาน: แท็บสำหรับหมวดหมู่ต่างๆ เช่น เพลย์ลิสต์ ศิลปิน และอัลบั้ม
  • การผสานรวมการค้นหา: แท็บหรือไอคอนค้นหาเฉพาะในแถบแอป เพื่อให้เข้าถึงการค้นหาด้วยแป้นพิมพ์หรือการค้นหาด้วยเสียงได้อย่างรวดเร็ว

การแสดงแบรนด์

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

  • แสดงโลโก้: วางโลโก้แอปไว้ข้างไอคอนนำทาง
  • แสดงชื่อเรื่อง: หากไม่มีโลโก้ ให้ใช้ข้อความแทนชื่อแอป

รูปแบบการเรียกดูมุมมอง

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

การปรับแต่งส่วนหัว

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

  • ตำแหน่งและการจัดรูปแบบ: ปรับตำแหน่งแนวตั้งและการออกแบบภาพของส่วนหัว รวมถึงความสูงและการจัดการพื้นหลัง
  • องค์ประกอบส่วนหัว: ปรับแต่งส่วนประกอบเฉพาะ เช่น รูปแบบของข้อความหัวเรื่อง และลักษณะของไอคอนรอง

รายการแบบตารางและรายการ

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

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

รูปแบบการเล่นสไตล์

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

กายวิภาคศาสตร์มุมมองการเล่นซ้ำ

โดยทั่วไปแล้ว หน้าจอแสดงผลการเล่นจะประกอบด้วยส่วนประกอบต่อไปนี้:

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

ตัวเลือกการปรับแต่ง

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

หน้าจอเล่นหลัก

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

แถบควบคุมแบบย่อ (MCB)

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

  • ตำแหน่งและการจัดวาง: กำหนดตำแหน่งที่ MCB จะปรากฏบนหน้าจอ และวิธีการจัดเรียงองค์ประกอบต่างๆ ภายในนั้น
  • การแสดงผลขององค์ประกอบ: เลือกปุ่มควบคุม (เช่น เล่น/หยุดชั่วคราว หรือ ข้าม) ที่จะแสดงในขณะที่ย่อขนาดอยู่
  • การออกแบบ: ใช้สีที่สม่ำเสมอและมุมโค้งมนเพื่อให้ MCB ดูเหมือนเป็นส่วนหนึ่งของ UI ของระบบอย่างเป็นธรรมชาติ

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

การออกแบบแป้นพิมพ์

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

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

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

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

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

แสดงแบรนด์แอป

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

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

คุณสามารถปรับแต่งตำแหน่งและการผสานรวมขององค์ประกอบเฉพาะแอปต่อไปนี้ได้:

  • ไอคอนแอป: สัญลักษณ์แสดงตัวตนหลักสำหรับบริการสื่อนั้นๆ
  • สีเน้น: สีเฉพาะแบรนด์ที่ผู้พัฒนาแอปกำหนดไว้
  • ชื่อแอป: ชื่อที่เป็นข้อความของบริการสื่อ

ตัวเลือกการปรับแต่ง

ใช้โทเค็นการออกแบบเพื่อกำหนดวิธีการแสดงองค์ประกอบของแบรนด์เหล่านี้บนหน้าจอสื่อต่างๆ

การจัดวางและรูปแบบของไอคอน

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

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

ผสานสีเน้น

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

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

แนวทางปฏิบัติที่ดีที่สุดในการออกแบบ

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