Thiết bị TV cung cấp một số chế độ điều khiển thao tác cho ứng dụng. Để tạo một sơ đồ điều hướng hiệu quả cho giao diện người dùng TV của bạn, hãy xem xét các chế độ điều khiển có giới hạn này và cách người dùng di chuyển bằng các nút điều khiển từ xa thay vì màn hình cảm ứng.
![Nội dung chỉ đường](https://developer.android.com/static/design/ui/tv/guides/foundations/images/navigation/cover-navigation.webp?authuser=5&hl=vi)
Tiêu điểm
- Bộ điều khiển có các khả năng điều hướng hạn chế – lên – xuống – trái – vì vậy, hãy chú ý đến cách chế độ này có thể định hình thiết kế giao diện người dùng của ứng dụng.
- Thao tác di chuyển phải tự nhiên và quen thuộc.
- Tạo trải nghiệm chỉ đường đơn giản bằng nút quay lại trên điều khiển từ xa.
- Nếu người dùng không có đường dẫn thẳng để chuyển đến một chế độ điều khiển, hãy cân nhắc chuyển vị trí đó.
Nguyên tắc
Mục tiêu là để thao tác điều hướng mang lại cảm giác tự nhiên và quen thuộc mà không lấn át giao diện người dùng hoặc chuyển hướng sự chú ý vào nội dung. Các nguyên tắc sau đây giúp đặt cơ sở để mang lại trải nghiệm nhất quán và trực quan cho người dùng trên các ứng dụng dành cho TV.
Hiệu quả
Giúp người dùng truy cập nội dung nhanh chóng và đơn giản. Người dùng muốn truy cập nhanh vào nội dung mà không cần nhấp chuột ít. Sắp xếp thông tin theo cách yêu cầu ít màn hình nhất.
Dự đoán được
Hãy làm theo các phương pháp hay nhất và đề xuất để giúp người dùng dễ dàng điều hướng. Đừng sáng tạo lại các mẫu điều hướng một cách không cần thiết vì việc này sẽ dẫn đến sự nhầm lẫn và khó dự đoán.
Trực quan
Giúp điều hướng đủ đơn giản để hỗ trợ liền mạch các hành vi được chấp nhận rộng rãi của người dùng. Đừng phức tạp quá mức bằng cách thêm các lớp điều hướng không cần thiết.
Trình điều khiển
Tay điều khiển có nhiều kiểu dáng, từ điều khiển từ xa tối giản đến tay điều khiển trò chơi phức tạp. Tất cả tay điều khiển đều có bàn phím di chuyển (D-pad) cùng với các nút chọn, nút màn hình chính và nút quay lại. Các nút khác sẽ khác nhau tuỳ theo kiểu máy.
- Bàn phím di chuyển (D-pad) – Phương thức điều hướng chính trên TV là thông qua D-pad, bao gồm các nút phần cứng di chuyển lên, xuống, trái và phải.
- Nút Chọn – Chọn mục trên màn hình có tiêu điểm. Bạn có thể nhấn và giữ để hiện thêm lựa chọn.
- Nút Trang chủ – Đưa người dùng đến Màn hình chính của hệ thống.
- Nút quay lại – Giúp người dùng quay lại chế độ xem trước đó.
- Nút micrô – Gọi Trợ lý Google hoặc phương thức nhập bằng giọng nói.
Điều hướng bằng D-pad
Trên thiết bị TV, người dùng điều hướng bằng D-pad 4 chiều: lên, xuống, trái và phải. Để xây dựng một ứng dụng TV tối ưu, hãy thiết kế một lược đồ điều hướng mà trong đó người dùng có thể nhanh chóng tìm hiểu cách dùng ứng dụng của bạn bằng 4 phím mũi tên. D-pad di chuyển tiêu điểm từ một phần tử đến phần tử gần nhất theo hướng tương ứng.
Để kiểm thử chức năng điều hướng của ứng dụng hoạt động tốt với D-pad trên thiết bị TV, hãy cân nhắc những điều sau:
- Đảm bảo người dùng có thể chuyển đến tất cả thành phần có thể làm tâm điểm trên màn hình.
- Đảm bảo rằng hướng điều hướng rõ ràng và dễ dự đoán.
- Đối với thao tác cuộn danh sách, hãy đảm bảo các nút lên và xuống của D-pad sẽ cuộn toàn bộ danh sách và bạn có thể chọn từng mục trong danh sách.
Nút trang chủ
Việc nhấn nút màn hình chính sẽ luôn đưa người dùng quay lại Màn hình chính hoặc Trình chạy Google TV. Theo mặc định, ứng dụng hiện tại sẽ tạm ngưng ở chế độ nền.
Nhấn và giữ nút màn hình chính sẽ hiển thị trang tổng quan hệ thống trên Google TV và lưới ứng dụng trên Android TV. Hành vi mặc định có thể khác nhau tuỳ theo nhà sản xuất.
Nút quay lại
Để đảm bảo tính nhất quán giữa các ứng dụng trên nền tảng, hãy đảm bảo hành vi của nút quay lại tuân theo các nguyên tắc này.
Dùng hành vi có thể dự đoán của nút quay lại
Để tạo ra trải nghiệm chỉ đường dễ dự đoán, khi người dùng nhấn nút quay lại trên điều khiển từ xa, hãy đưa họ đến đích đến trước đó. Cuối cùng, người dùng sẽ chuyển đến Trang chủ hoặc Trình chạy Google TV nếu họ tiếp tục nhấn nút quay lại.
Người dùng được đưa trở lại đầu trang bằng cách cuộn nhanh và kích hoạt tiêu điểm trở lại trình đơn.
![Ứng dụng có thanh điều hướng trên cùng](https://developer.android.com/static/design/ui/tv/guides/foundations/images/navigation/back-top-navigation.webp?authuser=5&hl=vi)
Trình đơn bên trái được kích hoạt và người dùng sẽ được chuyển tiêu điểm đến mục đang hoạt động trong trình đơn.
![Ứng dụng có tính năng điều hướng bên trái](https://developer.android.com/static/design/ui/tv/guides/foundations/images/navigation/back-left-navigation.webp?authuser=5&hl=vi)
Đảm bảo rằng nút quay lại không bị màn hình xác nhận hoặc một phần của vòng lặp vô hạn kiểm soát.
![](https://developer.android.com/static/design/ui/tv/guides/foundations/images/navigation/back-gating.webp?authuser=5&hl=vi)
Không nên
Không hiển thị nút quay lại
Không giống như trên các thiết bị cầm tay, nút quay lại trên điều khiển từ xa được dùng để di chuyển lùi trên TV. Bạn không cần hiển thị nút quay lại ảo trên màn hình.
![](https://developer.android.com/static/design/ui/tv/guides/foundations/images/navigation/back-no-button.webp?authuser=5&hl=vi)
Không nên
Hiện nút huỷ (nếu cần)
Nếu các hành động duy nhất hiển thị là hành động xác nhận, huỷ bỏ hoặc mua hàng, thì bạn nên có nút Cancel (Huỷ) để quay về đích đến trước đó.
![](https://developer.android.com/static/design/ui/tv/guides/foundations/images/navigation/show-cancel.webp?authuser=5&hl=vi)
Nên
Cấu trúc điều hướng
Điểm bắt đầu cố định
Màn hình đầu tiên mà người dùng nhìn thấy khi khởi chạy ứng dụng qua trình chạy cũng là màn hình cuối cùng mà người dùng nhìn thấy khi quay lại trình chạy sau khi nhấn nút quay lại.
Phương pháp liên kết sâu mô phỏng thao tác điều hướng thủ công
Cho dù liên kết sâu hay điều hướng đến một đích đến cụ thể theo cách thủ công, người dùng đều có thể sử dụng nút quay lại để di chuyển từ vị trí bất kỳ trong ứng dụng đến đích đến bắt đầu.
![Phương pháp liên kết sâu mô phỏng thao tác điều hướng thủ công](https://developer.android.com/static/design/ui/tv/guides/foundations/images/navigation/arch-deep-linking.webp?authuser=5&hl=vi)
Việc liên kết sâu vào một ứng dụng từ một ứng dụng khác mô phỏng thao tác điều hướng thủ công. Ví dụ: nếu người dùng truy cập trực tiếp vào trang chi tiết trên ứng dụng Moviestar từ Google TV rồi nhấn nút quay lại, họ sẽ được đưa đến trang chủ của ứng dụng Moviestar.
Xoá đường dẫn đến tất cả phần tử có thể làm tâm điểm
Cho phép người dùng di chuyển theo hướng rõ ràng trên giao diện người dùng của bạn. Nếu không có đường dẫn rõ ràng để truy cập chế độ điều khiển, hãy cân nhắc việc chuyển vị trí điều khiển đó.
![](https://developer.android.com/static/design/ui/tv/guides/foundations/images/navigation/clear-ui-do.webp?authuser=5&hl=vi)
Nên
![](https://developer.android.com/static/design/ui/tv/guides/foundations/images/navigation/clear-ui-dont.webp?authuser=5&hl=vi)
Không nên
Trục
Thiết kế bố cục để tận dụng các trục ngang và dọc. Cung cấp cho mỗi hướng một chức năng cụ thể để giúp nhanh chóng điều hướng các hệ phân cấp lớn.
![](https://developer.android.com/static/design/ui/tv/guides/foundations/images/navigation/axis-do.webp?authuser=5&hl=vi)
Nên
![](https://developer.android.com/static/design/ui/tv/guides/foundations/images/navigation/axis-dont.webp?authuser=5&hl=vi)