Ứng dụng đa phương tiện

Trong khi các nhà phát triển ứng dụng cung cấp nội dung cốt lõi, biểu tượng và các thao tác tùy chỉnh cho ứng dụng đa phương tiện của họ, các nhà sản xuất ô tô có quyền linh hoạt tùy chỉnh trải nghiệm hình ảnh tổng thể. Điều này đảm bảo rằng các ứng dụng đa phương tiện của bên thứ ba mang lại cảm giác như một phần tự nhiên của trải nghiệm thông tin giải trí trong xe.

Những gì các nhà sản xuất ô tô có thể tùy chỉnh

Cấu hình thanh ứng dụng

Thanh ứng dụng là yếu tố điều hướng và nhận diện thương hiệu chính cho các ứng dụng đa phương tiện trên ô tô có tích hợp Google. Nó cung cấp cho người dùng thông tin về vị trí hiện tại của họ trong ứng dụng và cho phép họ truy cập nhanh vào các tính năng thiết yếu như tìm kiếm và duyệt web.

Bạn có thể tùy chỉnh thanh ứng dụng sao cho phù hợp với thương hiệu xe của mình bằng cách sử dụng các token thiết kế để thay đổi giao diện, bố cục và chức năng của nó.

Giải phẫu học

Thanh ứng dụng đa phương tiện thường bao gồm các thành phần sau:

  • Biểu tượng điều hướng: Thường là mũi tên quay lại để trở về màn hình trước đó.
  • Nhận diện thương hiệu ứng dụng: Logo hoặc tên ứng dụng của bạn.
  • Các tab: Các liên kết điều hướng cho các danh mục cấp cao nhất, chẳng hạn như "Duyệt" hoặc "Tìm kiếm".
  • Biểu tượng hành động: Các hành động theo ngữ cảnh, ví dụ như biểu tượng Tìm kiếm.

Tùy chỉnh giao diện

Sử dụng các token thiết kế để đảm bảo thanh ứng dụng phù hợp với chủ đề hệ thống của xe bạn. Token cho phép bạn xác định màu sắc và kiểu chữ sẽ tự động cập nhật trên toàn bộ giao diện người dùng.

  • Nền: Thiết lập màu nền và độ mờ của thanh ứng dụng bằng cách sử dụng các mã thông báo bề mặt phù hợp.
  • Kiểu chữ: Sử dụng phông chữ và độ đậm của thương hiệu cho tiêu đề ứng dụng và nhãn tab bằng cách ánh xạ chúng vào các mã kiểu chữ của hệ thống.
  • Biểu tượng: Đảm bảo các biểu tượng điều hướng và hành động sử dụng kích thước và màu sắc nhất quán để dễ đọc khi lái xe.

Cấu hình chức năng

Quản lý các tab

Bạn có thể chọn các tab nào sẽ hiển thị trên thanh ứng dụng dựa trên cấu trúc ứng dụng của mình. Các cấu hình phổ biến bao gồm:

  • Chế độ duyệt thông thường: Các tab dành cho các danh mục như Danh sách phát, Nghệ sĩ và Album.
  • Tích hợp tìm kiếm: Một tab hoặc biểu tượng tìm kiếm chuyên dụng trên thanh ứng dụng để truy cập nhanh vào bàn phím hoặc tìm kiếm bằng giọng nói.

Hiển thị thương hiệu

Để duy trì giao diện nhất quán, bạn có thể quyết định cách hiển thị logo hoặc thương hiệu của ứng dụng trên thanh ứng dụng. Bạn có thể chọn:

  • Hiển thị logo: Đặt logo ứng dụng bên cạnh biểu tượng điều hướng.
  • Hiển thị tiêu đề: Sử dụng văn bản cho tên ứng dụng nếu không có logo.

Chế độ xem duyệt kiểu

Các chế độ xem duyệt cho phép người dùng khám phá nội dung đa phương tiện thông qua lưới và danh sách. Các nhà sản xuất ô tô có thể tùy chỉnh các chế độ xem này để đảm bảo trải nghiệm đa phương tiện phù hợp với thương hiệu và thiết kế hệ thống tổng thể của xe.

Tùy chỉnh tiêu đề

Tiêu đề trình duyệt cung cấp ngữ cảnh về vị trí hiện tại của người dùng trong cấu trúc phân cấp nội dung. Bạn có thể tùy chỉnh các khía cạnh sau của tiêu đề:

  • Vị trí và kiểu dáng: Điều chỉnh vị trí dọc và thiết kế trực quan của tiêu đề, bao gồm chiều cao và cách xử lý nền.
  • Các thành phần tiêu đề: Tùy chỉnh các thành phần cụ thể, chẳng hạn như kiểu chữ của tiêu đề và hình thức của các biểu tượng phụ.

Mục dạng lưới và danh sách

Nội dung đa phương tiện được sắp xếp thành dạng lưới hoặc danh sách để giúp người dùng duyệt thông tin hiệu quả. Bạn có thể tùy chỉnh các bố cục này để cải thiện khả năng đọc và xem lướt:

  • Tùy chỉnh kiểu dáng mục: Tùy chỉnh giao diện trực quan của từng mục, bao gồm kích thước và hình dạng của hình thu nhỏ cũng như kiểu chữ cho tiêu đề và phụ đề.
  • Lựa chọn bố cục: Chọn giữa định dạng lưới hoặc danh sách dựa trên loại nội dung được hiển thị (ví dụ: sử dụng lưới cho ảnh bìa album và danh sách cho tên bài hát).
  • Trạng thái tiêu điểm: Xác định cách các mục hiển thị khi chúng được người dùng chọn hoặc làm nổi bật.

Kiểu bố cục phát lại

Giao diện phát lại cung cấp cho người dùng các nút điều khiển và siêu dữ liệu cho phương tiện đang phát. Các nhà sản xuất ô tô có thể tùy chỉnh giao diện này và thanh điều khiển thu nhỏ để tạo ra trải nghiệm nhất quán, phù hợp với thương hiệu của xe.

Giải phẫu học trong chế độ xem phát lại

Giao diện phát lại thường bao gồm các thành phần sau:

  • Ảnh bìa album: Hình ảnh trực quan thể hiện xu hướng truyền thông hiện nay.
  • Siêu dữ liệu: Thông tin như tên bài hát, tên nghệ sĩ và tên album.
  • Các nút điều khiển phát lại: Các thao tác thiết yếu như phát, tạm dừng, bỏ qua và phát ngẫu nhiên.
  • Thanh tiến độ: Một chỉ báo trực quan về tiến độ của bản nhạc hiện tại, thường bao gồm một nút xoay để di chuyển.

Tùy chọn tùy chỉnh

Bạn có thể sử dụng các token thiết kế để thay đổi phong cách hình ảnh của trải nghiệm phát lại.

Màn hình phát lại chính

  • Hình nền và lớp phủ: Tùy chỉnh màu nền, hiệu ứng chuyển màu hoặc độ trong suốt để phù hợp với chủ đề hệ thống của bạn.
  • Thiết kế chữ: Xác định kiểu chữ, kích thước và độ đậm cho tiêu đề bài hát và thông tin nghệ sĩ bằng cách sử dụng các mã thiết kế chữ của hệ thống.
  • Điều chỉnh kiểu dáng: Tùy chỉnh hình dạng, màu sắc và kiểu biểu tượng của các nút điều khiển phát lại (ví dụ: phát, tạm dừng, tiếp theo) để đảm bảo chúng nhất quán với các điều khiển khác trong hệ thống.
  • Thanh tiến độ: Tùy chỉnh màu sắc cho phần hiển thị và đường viền của thanh tiến độ bằng màu sắc đặc trưng của thương hiệu.

Thanh điều khiển thu nhỏ (MCB)

Thanh điều khiển thu nhỏ cho phép người dùng điều khiển đa phương tiện trong khi điều hướng các phần khác của hệ thống. Bạn có thể tùy chỉnh:

  • Vị trí và bố cục: Xác định vị trí hiển thị của MCB trên màn hình và cách sắp xếp các thành phần bên trong nó.
  • Khả năng hiển thị của các phần tử: Chọn các điều khiển nào (chẳng hạn như phát/tạm dừng hoặc bỏ qua) sẽ được hiển thị ở trạng thái thu nhỏ.
  • Thiết kế: Áp dụng màu sắc nhất quán và các góc bo tròn để đảm bảo MCB trông như một phần tự nhiên của giao diện người dùng hệ thống.

Chức năng tìm kiếm trong ứng dụng là một tính năng quan trọng cho phép người dùng nhanh chóng tìm thấy nội dung đa phương tiện khi đang lái xe. Trong khi các nhà phát triển ứng dụng cung cấp nội dung tìm kiếm, các nhà sản xuất ô tô chịu trách nhiệm thiết kế giao diện tìm kiếm, bao gồm bàn phím và cách hiển thị kết quả.

Thiết kế bàn phím

Giao diện tìm kiếm sử dụng các cấu hình bàn phím khác nhau tùy thuộc vào trạng thái lái xe để đảm bảo an toàn và dễ sử dụng.

  • Bàn phím tiêu chuẩn: Hiển thị khi xe đang đỗ. Đây là bàn phím đầy đủ chức năng để nhập văn bản thủ công.
  • Bàn phím tối ưu hóa khi lái xe: Hiển thị khi xe đang di chuyển. Phiên bản này thường ưu tiên nhập liệu bằng giọng nói và có thể cung cấp các tùy chọn nhập liệu thủ công đơn giản hoặc gợi ý để giảm thiểu sự xao nhãng của người lái.

Các nhà sản xuất ô tô có thể tùy chỉnh kiểu dáng trực quan của những bàn phím này—chẳng hạn như hình dạng phím, màu nền và kiểu chữ—bằng cách sử dụng các mã thiết kế hệ thống để phù hợp với thương hiệu của xe.

Sau khi người dùng nhập truy vấn, kết quả sẽ được hiển thị trong một lớp phủ. Bạn có thể tùy chỉnh các khía cạnh sau của chế độ xem này:

  • Bố cục và khoảng cách: Xác định cách nhóm các kết quả tìm kiếm và khoảng cách giữa các mục để dễ đọc hơn.
  • Giao diện mục: Tùy chỉnh kiểu dáng của các mục trong danh sách kết quả tìm kiếm, bao gồm kiểu chữ cho tiêu đề và phụ đề, cũng như kích thước của hình thu nhỏ liên quan.
  • Trạng thái trống và lỗi: Thiết kế giao diện của lớp phủ khi không tìm thấy kết quả hoặc nếu xảy ra lỗi kết nối.

Hiển thị thương hiệu ứng dụng

Để tạo trải nghiệm đa phương tiện liền mạch trong ô tô tích hợp Google, bạn có thể tùy chỉnh cách tích hợp thương hiệu ứng dụng của bên thứ ba vào giao diện người dùng hệ thống. Điều này đảm bảo người dùng biết mình đang sử dụng ứng dụng nào, nhưng giao diện trực quan vẫn nhất quán với thiết kế tổng thể của xe.

Các yếu tố thương hiệu

Bạn có thể tùy chỉnh vị trí và tích hợp các thành phần dành riêng cho ứng dụng sau:

  • Biểu tượng ứng dụng: Dấu hiệu nhận biết trực quan chính của dịch vụ truyền thông.
  • Màu nhấn: Màu sắc đặc trưng của thương hiệu do nhà phát triển ứng dụng cung cấp.
  • Tên ứng dụng: Tên dạng văn bản của dịch vụ truyền thông.

Tùy chọn tùy chỉnh

Sử dụng các mã thiết kế để xác định cách các yếu tố thương hiệu này hiển thị trên các màn hình phương tiện khác nhau.

Vị trí và kiểu dáng biểu tượng

Bạn có thể linh hoạt trong việc hiển thị biểu tượng ứng dụng trong giao diện đa phương tiện:

  • Vị trí hiển thị: Xác định vị trí hiển thị biểu tượng ứng dụng trên màn hình nội dung, chẳng hạn như trong thanh ứng dụng hoặc trên màn hình phát lại.
  • Điều chỉnh kích thước và hình dạng: Sử dụng các mã thông báo hệ thống để xác định kích thước và bán kính góc của biểu tượng nhằm đảm bảo nó phù hợp với các biểu tượng cấp hệ thống khác.

Tích hợp các màu nhấn

Màu sắc chủ đạo của ứng dụng có thể được sử dụng để tạo điểm nhấn tinh tế cho thương hiệu của ứng dụng mà không làm lu mờ giao diện người dùng của xe:

  • Tùy chỉnh kiểu dáng: Bạn có thể chọn cách kết hợp màu chủ đạo của ứng dụng vào các thành phần giao diện người dùng như thanh tiến độ, chỉ báo tab đang hoạt động hoặc nút bấm.
  • Chuẩn hóa màu sắc: Đảm bảo màu sắc do ứng dụng cung cấp đáp ứng các yêu cầu về độ tương phản để đảm bảo an toàn và dễ đọc bằng cách áp dụng các phép biến đổi màu sắc do hệ thống định nghĩa.

Các phương pháp thiết kế tốt nhất

  • Duy trì sự hài hòa của hệ thống: Đảm bảo rằng thương hiệu ứng dụng không làm xao nhãng người lái khỏi nhiệm vụ lái xe chính hoặc xung đột với chủ đề tổng thể của hệ thống xe.
  • Ưu tiên tính dễ đọc: Nếu sử dụng màu chủ đạo của ứng dụng cho văn bản hoặc biểu tượng, hãy đảm bảo màu đó đáp ứng tỷ lệ tương phản cần thiết so với nền đã chọn.
  • Áp dụng nhất quán: Hãy áp dụng các quy tắc nhận diện thương hiệu một cách nhất quán trên tất cả các ứng dụng truyền thông của bên thứ ba để mang lại trải nghiệm người dùng dễ dự đoán.
  • Sử dụng mã hệ thống: Luôn luôn liên kết các tùy chỉnh thương hiệu với các mã thiết kế được cung cấp để duy trì khả năng tương thích với các bản cập nhật hệ thống trong tương lai.