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 một gói xuống và cài đặt. Ngày nay, ngay cả trải nghiệm trên máy tính cũng đang dần chuyển sang cung cấp ứng dụng tại các cửa hàng tập trung.
Đối với ứng dụng web, mô hình này sẽ khác: người dùng không phải truy cập 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ài đặt được, việc cài đặt ứng dụng có thể khác nhau giữa các nền tảng và trình duyệt, các trình duyệt thậm chí còn có trình đơn và giao diện khác nhau để cài đặt ứng dụng. Khi người dùng nhấp vào tuỳ chọn cài đặt đó, hộp thoại mặc định sẽ không bao gồm bất kỳ thông tin bổ sung nào, như minh hoạ dưới đây:
![Hộp thoại cài đặt mặc định của trình duyệt dành cho máy tính.](https://developer.chrome.com/static/blog/richer-install-ui-desktop/image/the-browser-default-insta-3c6ce3fa8766e.png?authuser=0&hl=vi)
![Hộp thoại cài đặt mặc định của trình duyệt cho thiết bị di động.](https://developer.chrome.com/static/blog/richer-install-ui-desktop/image/the-browser-default-inst-14907440251fd.png?authuser=0&hl=vi)
Việc tạo các ứng dụng web có thể cài đặt và cung cấp các hoạt động tương tác tương tự như ứng dụng nền tảng yêu cầu công việc kỹ thuật để cho phép những trải nghiệm đó cùng với hướng dẫn tốt để người dùng tận dụng quy trình cài đặt khác biệt này.
Nhờ giao diện người dùng Cài đặt phong phú hơn, nhà phát triển web có một cơ hội mới để cung cấp cho người dùng thông tin cụ thể về ứng dụng của họ 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à dành cho máy tính từ Chrome 108. Mặc dù Chrome sẽ tiếp tục cung cấp các 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 giúp nhà phát triển có không gian để làm nổi bật ứng dụng web của họ. Nó cũng làm cho quy trình cài đặt quen thuộc hơn vì nó tương tự như hộp thoại trong các 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.](https://developer.chrome.com/static/blog/richer-install-ui-desktop/image/screenshots-richer-insta-56c432a76a62c.jpg?authuser=0&hl=vi)
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 phong phú hơn trên giao diện người dùng, 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 nên làm. Hộp thoại nội dung được xây dựng bằng nội dung của 2 trường này, giúp trải nghiệm giống với lượt 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 họ đang thêm một ứng dụng vào thiết bị của mình. Khi có thêm không gian, 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 sử dụng ứng dụng đó trên thiết bị của họ. Với screenshots
, họ có thể trình bày giao diện của ứng dụng web dưới dạng một ứng dụng độc lập, với toàn bộ quyền truy cập dễ dàng mà các ứng dụng nền tảng có.
Để xem thông số kỹ thuật chi tiết và hướng dẫn cách thêm các thông số đó vào ứng dụng, hãy truy cập mẫu Giao diện người dùng cài đặt phong phú 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 khớp với tên của người dùng kỳ vọng về ý nghĩa của quá trình 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 có hại cho các doanh nghiệp tạo ra các ứng dụng đó.
Số lượt cài đặt phong phú hơn giúp bạn tạo ra những trải nghiệm giống với trải nghiệm trên hệ điều hành hơn.
Bạn có thể tự xây dựng ứng dụng bằng cách làm theo ví dụ trong tệp kê khai của ứng dụng Squoosh và thử hộp thoại này trực tiếp tại: https://squoosh.app/.
Phản hồi Chúng tôi đang xem xét các lựa chọn khác cho lượt cài đặt phong phú hơn, trong đó có danh mục và điểm xếp hạng ứng dụng. Để đưa ra quyết định đó, chúng tôi cần ý kiến phản hồi của bạn. 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 Cài đặt nhiều định dạng không hoạt động như bạn mong đợi không? Hay 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