Mẫu điều hướng

Mẫu Điều hướng trình bày một bản đồ cơ sở và thông tin định tuyến không bắt buộc.

Khi người dùng lái xe mà không có thông tin chỉ đường từng chặng dựa trên văn bản, ứng dụng có thể hiển thị bản đồ toàn màn hình được cập nhật theo thời gian thực. Trong khi đang chỉ đường, ứng dụng có thể đưa ra các thẻ không bắt buộc kèm theo thao tác và thông tin chi tiết về bề mặt, cũng như cảnh báo chỉ đường.

Bạn có thể nhúng mẫu này vào Mẫu thẻ để cung cấp tính năng điều hướng theo thẻ.

Bao gồm:

  • Bản đồ cơ sở toàn màn hình do ứng dụng vẽ
  • Thẻ định tuyến (không bắt buộc) với các thao tác sắp tới
  • Thẻ số liệu ước tính về hành trình (không bắt buộc) với thời gian đến dự kiến (ETA), thời gian tới điểm đến và quãng đường còn lại (hoặc một màn hình thông tin thay thế với các lựa chọn về biểu tượng và văn bản tuỳ chỉnh)
  • Chuỗi hành động có tối đa 4 hành động trong ứng dụng, chỉ hiển thị như mô tả trong phần Chế độ hiển thị của chuỗi hành động
  • Chuỗi hành động trên bản đồ không bắt buộc với tối đa 4 nút để tương tác trên bản đồ
Khung xương của mẫu Điều hướng

Hiển thị bản đồ trong cụm

Trong khi đang chỉ đường, các ứng dụng có thể cho thấy một bản đồ trong cụm đo lường bằng cách sử dụng mẫu Chỉ đường. Cụm này là khu vực trên trang tổng quan phía sau vô lăng. Lựa chọn này hiện chỉ dành cho các Đối tác có quyền truy cập sớm.

Khung bản đồ của cụm bản đồ

Mục đích của các bản đồ trong cụm là:

  • Hiển thị độc lập, nhưng có thể sao chép màn hình chính nếu muốn.
  • Không tương tác. Các phần tử tương tác như nút sẽ bị xoá.
  • Giao diện tối. Bạn nên vẽ phiên bản có giao diện tối của bản đồ cụm đồng hồ, để giảm khả năng thu hút sự chú ý của người lái xe khi không có đường đi.

Bản đồ của ứng dụng trong cụm sẽ chỉ hiển thị vào một số thời điểm nhất định, tuỳ thuộc vào các yếu tố như trạng thái điều hướng, lựa chọn ưu tiên của nhà sản xuất thiết bị gốc (OEM) về xe (trong AAOS) và nội dung đang hiện trên màn hình chính (trong AAP).

Để biết luồng người dùng mẫu liên quan đến cụm này, hãy xem phần Xem bản đồ trong cụm.

Ví dụ về cụm và màn hình trung tâm

Khung bản đồ của một cụm bản đồ với bản đồ tổng quan về tuyến đường
Ở đây, ứng dụng hiển thị bản đồ cận cảnh trong cụm, đồng thời hiển thị bản đồ tổng quan về tuyến đường trên màn hình trung tâm.
Khung bản đồ của một cụm bản đồ với các chế độ cài đặt
Tại đây, bản đồ của ứng dụng sẽ tiếp tục hiển thị trong cụm trong khi người dùng điều chỉnh chế độ cài đặt ô tô trên màn hình trung tâm.

Thông tin về thẻ định tuyến

Mô hình chi tiết thẻ định tuyến ở trạng thái định tuyến

Khi ở trạng thái định tuyến (trái ngược với trạng thái thông báo), thẻ định tuyến sẽ hiện những thông tin sau:

  1. Bước hiện tại: bao gồm biểu tượng (thường là mũi tên chỉ hướng), khoảng cách và văn bản tín hiệu (có thể bao gồm các span hình ảnh như điểm đánh dấu tuyến đường)
  2. Hướng dẫn về làn đường (không bắt buộc): được hiển thị dưới dạng hình ảnh hỗ trợ làn đường đơn giản hoặc dưới dạng hình ảnh đường giao nhau lớn hơn (kích thước linh hoạt với chiều cao tối đa là 200dp)
  3. Bước tiếp theo (không bắt buộc): bao gồm biểu tượng và tín hiệu, và chỉ có thể xuất hiện ở cuối thẻ định tuyến không bao gồm hình ảnh điểm giao nhau

Một lựa chọn khác trong trạng thái định tuyến là để thẻ định tuyến hiển thị ảnh động dạng vòng quay (không xuất hiện ở đây) để cho biết các trạng thái tạm thời như đang tải, tính toán hoặc định tuyến lại.

Trong một số trường hợp, thông tin định tuyến có thể hiển thị trong một thanh điều hướng nổi, như minh hoạ trong phần Thêm điểm dừng khi đang lái xe.

Trạng thái tin nhắn của thẻ định tuyến

Khi thẻ định tuyến ở trạng thái tin nhắn, thẻ sẽ hiển thị một thông báo thay vì chỉ đường. Thông báo có thể được dùng để truyền tải các tình huống như đến một điểm đến hoặc lỗi tuyến đường.

Ở trạng thái thư, thẻ định tuyến có thể bao gồm:

  • Thư liên quan đến định tuyến không trống, dài tối đa 2 dòng
  • Hình ảnh hoặc biểu tượng (không bắt buộc)
Bản minh hoạ trạng thái thông báo thẻ định tuyến

Thông báo chỉ đường: Từng chặng (TBT) và thông thường

Thẻ định tuyến có thông báo TBT
Thẻ định tuyến với thông báo thường xuyên

Thông báo TBT: Khi cung cấp hướng dẫn TBT dựa trên văn bản, ứng dụng cũng phải kích hoạt thông báo TBT. Các thông báo này được dùng để hiển thị thông tin chỉ đường TBT bên ngoài mẫu Điều hướng. Các ứng dụng có thể tuỳ chỉnh màu nền thông báo TBT để hiển thị tốt hơn.

Thông báo thường xuyên: Để truyền đạt các thông báo khác liên quan đến hoạt động chỉ đường, chẳng hạn như thay đổi về chế độ cài đặt tuyến đường, ứng dụng chỉ đường cũng có thể gửi thông báo thông thường (không phải TBT) (như minh hoạ ở đây) hoặc sử dụng cảnh báo chỉ đường. Các thông báo này có thể xuất hiện ngay cả khi thẻ định tuyến được hiển thị.

Cảnh báo chỉ đường

Cảnh báo điều hướng đưa ra một thông báo ngắn gọn, tạm thời và các thao tác không bắt buộc ở định dạng không chặn tuyến đường điều hướng. Nội dung phải đơn giản và phù hợp với tác vụ điều hướng. Ví dụ: cảnh báo có thể mô tả sự thay đổi về tình trạng giao thông hoặc hỏi xem tài xế có thể đón một khách hàng hay không.

Mỗi cảnh báo bao gồm:

  • Tiêu đề và tiêu đề phụ không bắt buộc
  • Biểu tượng (không bắt buộc)
  • Chỉ báo tiến trình – thanh hoặc (không bắt buộc) được tích hợp thành nút đã tính giờ
  • Tối đa 2 nút, trong đó một nút có thể được chỉ định là chính hoặc nút hẹn giờ (kèm theo chỉ báo tiến trình như minh hoạ trong hình trước)

Bạn có thể loại bỏ cảnh báo bằng bất kỳ người nào sau đây:

  • Lựa chọn của người dùng về bất kỳ hành động nào
  • Hết thời gian chờ sau X giây (có thể định cấu hình)
  • Đóng ứng dụng mà không cần người dùng thực hiện hành động
Thông báo chỉ đường

Mẫu điều hướng, không có tương tác
Bản đồ toàn màn hình khi không có tính năng chỉ đường và tương tác trên bản đồ (ví dụ về Android Auto)
Mẫu điều hướng, không có tương tác
Thẻ định tuyến có thông tin ước tính về hành trình, chuỗi hành động (ở trên cùng) và FAB (ở dưới cùng bên phải) trong khi chỉ đường.

Yêu cầu về trải nghiệm người dùng của mẫu điều hướng

Nhà phát triển ứng dụng:

PHẢI Thực hiện ít nhất 1 thao tác trên thẻ định tuyến.
PHẢI Đưa ít nhất một nút hành động vào chuỗi hành động để bật luồng người dùng.
PHẢI Đưa một nút kéo vào chuỗi hành động trên bản đồ nếu ứng dụng hỗ trợ cử chỉ kéo.
NÊN Sử dụng giao diện tối trên bản đồ hiển thị trong cụm.
NÊN Chỉ bao gồm các nút liên quan đến tính tương tác trên bản đồ trên chuỗi hành động trên bản đồ (ví dụ: la bàn, căn giữa hoặc chế độ 3D).
NÊN Thêm một nút để kết thúc tính năng chỉ đường khi cung cấp thông tin đường đi từng chặng.
NÊN Sử dụng ký hiệu được chuẩn hoá hoặc phù hợp với ký hiệu quốc tế hoặc dành riêng cho từng quốc gia.
NÊN Chỉ sử dụng hình ảnh điểm giao nhau để hiển thị nội dung liên quan đến việc điều hướng, trải rộng chiều rộng thẻ với hình ảnh.
NÊN Cung cấp hình ảnh làn đường có nền trong suốt để kết hợp với nền thẻ định tuyến.
NÊN Chỉ sử dụng cảnh báo về những thông tin không gây mất tập trung liên quan đến thao tác điều hướng hiện tại.
CÓ THỂ Hiển thị văn bản hỗ trợ ngắn dưới làn đường (nên dùng Roboto 24) và tỷ lệ tương phản thấp hơn cho các làn đường không được làm nổi bật.
CÓ THỂ Hiện 2 thao tác trên thẻ định tuyến khi các thao tác đó diễn ra liên tiếp và nhanh chóng.
CÓ THỂ Đưa các hình ảnh như điểm đánh dấu tuyến đường vào văn bản thẻ định tuyến (bước hiện tại và bước tiếp theo).
CÓ THỂ Hiển thị toàn bộ bản đồ khi người dùng đang lái xe mà không có thông tin đường đi từng chặng dựa trên văn bản hoặc đang ở chế độ lái xe không mất phí.
CÓ THỂ Chọn hiện hoặc ẩn các thành phần thẻ định tuyến và số liệu ước tính chuyến đi nếu cần.
CÓ THỂ Vẽ các chi tiết và cảnh báo liên quan đến việc lái xe trên bản đồ, chẳng hạn như tốc độ hiện tại, giới hạn tốc độ và camera phía trước.
CÓ THỂ Tuỳ chỉnh màu nền của thẻ định tuyến và thay đổi màu nền đó trong phiên chỉ đường để phản ánh loại đường hoặc các điều kiện liên quan khác.