CẤP 2 – Thích ứng được tối ưu hoá
Đố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 quyết định trải nghiệm người dùng, từ đó quyết đị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à tỷ lệ giữ chân khách hàng.
Màn hình lớn mang đến không gian hiển thị rộng rãi cho các giao diện người dùng sáng tạo, thích ứng, mang đến trải nghiệm người dùng mà màn hình nhỏ không thể sao chép.
Tối ưu hoá ứng dụng cho màn hình lớn bằng cách thêm các phần tử giao diện người dùng sau đây:
- 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
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 cả màn hình lớn và nhỏ. Thiết kế và xây dựng cho nhiều hệ số hình dạng cùng một lúc. Chuẩn bị cho ứng dụng của bạn hướng đến 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 thích ứng đã được kiểm chứng để mang đến trải nghiệm người dùng tuyệt vời cho ứng dụng của bạn. Tạo bố cục danh sách-chi tiết, ngăn hỗ trợ hoặc bố cục nguồn cấp dữ liệu để quản lý và thưởng thức nhiều nội dung 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 các ứ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ề cách 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: