Trải nghiệm người dùng

Biểu tượng Cấp 2

MỨC 2 – Tối ưu hoá cho màn hình lớn

Đối với người dùng, giao diện người dùng chính là ứng dụng. Giao diện người dùng xác định trải nghiệm người dùng, từ đó xác định mức độ hài lòng của người dùng, mức sử dụng ứng dụng, giao dịch mua ứng dụng và khả năng giữ chân khách hàng.

Màn hình lớn cung cấp không gian hiển thị rộng rãi cho các giao diện người dùng sáng tạo, linh hoạt, mang lại trải nghiệm người dùng mà màn hình nhỏ không thể tái hiện.

Tối ưu hoá ứng dụng cho màn hình lớn bằng cách thêm các thành phần giao diện người dùng sau:

  • Dải điều hướng hoặc ngăn điều hướng
  • Đích chạm lớn
  • Trình đơn và hộp thoại được đặt ở vị trí phù hợp
  • Bố cục nhiều ngăn

Bố cục thích ứng (Adaptive Layouts)

Tạo bố cục thích ứng để tối ưu hoá giao diện người dùng của ứng dụng trên màn hình lớn và nhỏ. Thiết kế và xây dựng cho nhiều kiểu dáng cùng một lúc. Chuẩn bị cho ứng dụng của bạn trong tương lai đối với các loại thiết bị mới.

Bố cục chuẩn

Tận dụng các bố cục màn hình lớn đã được chứng minh để mang lại trải nghiệm người dùng vượt trội cho ứng dụng. Tạo bố cục danh sách-chi tiết, ngăn hỗ trợ hoặc nguồn cấp dữ liệu để quản lý nội dung hiệu quả hơn và thú vị hơn.

Giao diện người dùng thích ứng

Định dạng các thành phần trên giao diện người dùng dựa vào kích thước màn hình. Giới hạn chiều rộng của nút, thẻ và trường văn bản có chiều rộng đầy đủ trên màn hình nhỏ thành kích thước phù hợp về mặt chức năng trên màn hình lớn. Vui lòng tránh để hộp thoại và các cửa sổ phụ khác lấp đầy toàn bộ màn hình. Xác định vị trí của các trình đơn theo bối cảnh và cửa sổ bật lên khác liên quan đến phần tử bên cạnh thành phần mà người dùng đã chọn, không được căn giữa trên màn hình.

Nhúng hoạt động

Cập nhật ứng dụng cũ dựa trên hoạt động bằng bố cục nhiều ngăn trên màn hình lớn. Không cần tái cấu trúc mã. Định cấu hình bố cục trong XML hoặc bằng một vài lệnh gọi API Jetpack WindowManager.

Các bước tiếp theo

Để tìm hiểu về việc phát triển giao diện người dùng nhằm tối ưu hoá trải nghiệm người dùng, hãy xem các hướng dẫn sau đây dành cho nhà phát triển: