Có thể cài đặt giao diện người dùng phong phú hơn cho máy tính

Adriana Jara
Adriana Jara

Người dùng thường tải ứng dụng, đặc biệt là ứng dụng nền tảng, thông qua cửa hàng ứng dụng hoặc bằng cách tải xuống và cài đặt một gói. Ngày nay, trải nghiệm trên máy tính để bàn cũng đang chuyển sang cung cấp ứng dụng tại các cửa hàng tập trung.

Đối với các ứng dụng web, mô hình này khác nhau: người dùng không phải truy cập vào một kho ứng dụng tập trung để tải ứng dụng web. Theo thiết kế, không phải trải nghiệm web nào cũng có thể cài đặt được. Việc cài đặt một ứng dụng có thể khác nhau giữa các nền tảng và trình duyệt, trình duyệt thậm chí có các trình đơn và nền tảng khác nhau để cài đặt ứng dụng.

Hộp thoại cài đặt mặc định của trình duyệt dành cho máy tính.
Hộp thoại cài đặt mặc định trên máy tính.
Hộp thoại cài đặt mặc định của trình duyệt dành cho thiết bị di động.
Hộp thoại cài đặt mặc định trên thiết bị di động.

Để tạo ra các ứng dụng web có thể cài đặt và cung cấp các tính năng tương tác tương tự như ứng dụng nền tảng, bạn cần phải thực hiện công việc kỹ thuật để mang lại những trải nghiệm như vậy cùng với hướng dẫn phù hợp để người dùng tận dụng quy trình cài đặt khác biệt này.

Với Giao diện người dùng cài đặt phong phú hơn, nhà phát triển web có cơ hội mới để cung cấp cho người dùng ngữ cảnh cụ thể về ứng dụng của mình tại thời điểm cài đặt. Giao diện người dùng này có trên thiết bị di động từ Chrome 94 và cho máy tính từ Chrome 108. Mặc dù Chrome sẽ tiếp tục cung cấp hộp thoại cài đặt đơn giản cho các ứng dụng có thể cài đặt, nhưng giao diện người dùng lớn hơn này cung cấp cho nhà phát triển không gian để làm nổi bật ứng dụng web của họ. Giao diện này cũng giúp quá trình cài đặt quen thuộc hơn vì nó tương tự như hộp thoại từ cửa hàng ứng dụng.

Ảnh chụp màn hình giao diện người dùng Cài đặt phong phú hơn trên máy tính và thiết bị di động.
Giao diện người dùng cài đặt phong phú hơn trên máy tính và thiết bị di động.

Bật giao diện người dùng cài đặt phong phú hơn

Để hiện hộp thoại Cài đặt đa dạng thức hơn, nhà phát triển cần thêm ít nhất một ảnh chụp màn hình cho hệ số hình dạng tương ứng trong mảng screenshots. Trường description là không bắt buộc nhưng bạn nên dùng. Hộp thoại nội dung được xây dựng bằng nội dung của hai trường này, giúp trải nghiệm tương tự như khi cài đặt trên cửa hàng ứng dụng. Điều này giúp người dùng xác định được rằng họ đang thêm một ứng dụng vào thiết bị của mình. Khi có nhiều không gian hơn, nhà phát triển có thể cung cấp bối cảnh cụ thể cho người dùng tại thời điểm cài đặt.

Ví dụ: nhà phát triển có thể sử dụng trường description để làm nổi bật các tính năng của ứng dụng nhằm khuyến khích người dùng giữ ứng dụng trên thiết bị của mình. Với screenshots, chúng có thể thể hiện giao diện của ứng dụng web như một ứng dụng độc lập, với tất cả quyền truy cập dễ dàng như các ứng dụng nền tảng.

Để biết thông số kỹ thuật chi tiết và hướng dẫn thêm các thông số này vào ứng dụng của bạn, hãy truy cập vào mẫu Giao diện người dùng Cài đặt đa dạng hơn.

Kiểu lời nhắc cài đặt cũ cung cấp ít thông tin và ngữ cảnh. Điều này không phù hợp với kỳ vọng của người dùng về ý nghĩa của việc cài đặt và có thể khiến họ bối rối về những gì đã xảy ra. Nhiều người đã từ chối hoàn toàn yêu cầu cài đặt. Điều này cũng không tốt đối với các doanh nghiệp đã tạo ra các yêu cầu đó.

Các chế độ cài đặt phong phú hơn giúp bạn tạo ra trải nghiệm giống với trải nghiệm trên hệ điều hành.

Bạn có thể tạo hộp thoại của riêng mình bằng cách làm theo ví dụ trong tệp kê khai của ứng dụng Squoosh và bạn có thể thử hộp thoại trực tiếp tại: https://squoosh.app/.

Ý kiến phản hồi Chúng tôi đang xem xét các lựa chọn khác để tăng số lượt cài đặt, bao gồm cả danh mục và điểm xếp hạng ứng dụng. Chúng tôi cần ý kiến phản hồi của bạn để đưa ra quyết định đó. Hãy cho chúng tôi biết về thiết kế Có điều gì về giao diện người dùng (Richer Installs) của giao diện người dùng không hoạt động như bạn mong đợi không? Hoặc có dữ liệu cụ thể nào mà bạn cần để triển khai ý tưởng của mình không? Bạn có câu hỏi hoặc nhận xét? Điền vào biểu mẫu này

Ảnh của Kaboompics .com trên Pexels