Ngày xuất bản: 6 tháng 6 năm 2025
Tìm hiểu cách phần tử <permission> mới được đề xuất của Chrome tạo ra trải nghiệm cấp quyền hợp lý, đáng tin cậy và phù hợp hơn.
Nhóm Chrome đã thiết kế đề xuất về phần tử <permission> để giúp người dùng kiểm soát các chức năng mạnh mẽ. Phần tử này cho phép nhà phát triển tạo ra trải nghiệm liền mạch từ đầu đến cuối, trong đó người dùng có thể cho phép sử dụng các chức năng này trong ngữ cảnh, đồng thời người dùng được bảo vệ khỏi những gián đoạn không mong muốn. Tập hợp các nghiên cứu điển hình này minh hoạ cách hoạt động của phần tử mới trong thực tế.
Vấn đề khi yêu cầu cấp quyền
Để sử dụng các tính năng của thiết bị như vị trí, camera hoặc micrô, người dùng thường cần phải điều hướng qua một loạt các yêu cầu cấp quyền có thể gây khó chịu. Đối với nhà phát triển, việc gọi một API để sử dụng một chức năng rất đơn giản, dẫn đến thành công hoặc thất bại. Tuy nhiên, đối với người dùng, điều này thường dẫn đến các lời nhắc gây gián đoạn và không phù hợp, cũng như những quyết định có vẻ như là cuối cùng gây ra sự khó chịu và gánh nặng nhận thức.
Ngày nay, lời nhắc cấp quyền thường khiến người dùng thắc mắc: "Tại sao trang web này cần quyền này (ngay bây giờ)?" Việc thiếu rõ ràng này thường khiến người dùng chọn từ chối yêu cầu cấp quyền. Để bảo vệ người dùng khỏi bị gián đoạn trong tương lai, sau đó Chrome sẽ ngăn chặn các lời nhắc tiếp theo. Điều này dẫn đến thách thức ngược lại là đảo ngược những lần từ chối này nếu người dùng thay đổi ý định sau này. Điều này có thể khiến người dùng bỏ qua các tính năng hoặc rời khỏi trang web hoàn toàn.
Cung cấp cho người dùng quyền kiểm soát theo bối cảnh
Phần tử <permission> được đề xuất thể hiện một bước tiến đáng kể trong công thái học của các quyền trên web. Phần tử HTML được đề xuất này cho phép bạn tích hợp liền mạch một điểm truy cập có thể tạo kiểu nhưng do trình duyệt kiểm soát để sử dụng các chức năng mạnh mẽ (ví dụ: nút "sử dụng camera" rõ ràng trong cuộc trò chuyện video) ngay trong thiết kế của trang web. Mặc dù bạn có thể linh hoạt trong việc tạo kiểu, nhưng trình duyệt vẫn kiểm soát văn bản và biểu tượng chính, đảm bảo tính bảo mật, nhất quán và khả năng hỗ trợ tiếp cận. Điều này có nghĩa là một lượt tương tác với phần tử này sẽ đóng vai trò là tín hiệu rõ ràng về ý định của người dùng, cho phép trình duyệt hướng dẫn người dùng một cách hữu ích trong quá trình đưa ra các quyết định cần thiết và thực hiện các bước khác. Điều này trái ngược với các lời nhắc được kích hoạt theo chương trình, trong đó trình duyệt thiếu tín hiệu trực tiếp về ý định của người dùng, do đó, trình duyệt luôn phải cân bằng giữa việc hữu ích và không làm gián đoạn.
<permission> để sử dụng camera.
Sau đây là cách tính năng này thay đổi trải nghiệm:
- Do người dùng yêu cầu: Thay vì trang web bắt đầu một lời nhắc, phần tử này sẽ đảm bảo rằng người dùng chọn thời điểm họ muốn sử dụng tính năng có liên quan.
- Yêu cầu trong bối cảnh: Vì phần tử
<permission>được đề xuất nằm trong quy trình của trang web, nên người dùng hiểu được lý do cần có quyền này. Họ nhấp vào nút này để tìm cửa hàng gần đó, chẳng hạn vậy nên yêu cầu vị trí là hợp lý. - Khắc phục sự cố toàn diện: Vì trình duyệt nhận được tín hiệu trực tiếp về ý định của người dùng, nên trình duyệt có thể chủ động hướng dẫn người dùng thực hiện tất cả các bước dành riêng cho nền tảng cần thiết để truy cập vào chức năng. Ví dụ: ứng dụng có thể liên kết sâu vào phần cài đặt hệ thống để giúp người dùng thay đổi chế độ cài đặt camera ở cấp thiết bị, trang web không cần cung cấp các bước khắc phục sự cố phụ thuộc vào nền tảng.
- Quy trình khôi phục quyền được tinh giản: Phần tử
<permission>được đề xuất cung cấp cho người dùng một cách trực tiếp trên trang để thay đổi các quyền đã bị từ chối trước đó mà không cần chuyển đến phần cài đặt trình duyệt. Khi người dùng nhấp vào phần tử này, một phiên bản đặc biệt của lời nhắc cấp quyền sẽ xuất hiện, giúp cải thiện đáng kể khả năng khôi phục.
<permission> cho phép người dùng nhanh chóng thay đổi chế độ cài đặt quyền mà không cần chuyển đến phần cài đặt trang web.
Phương pháp này hướng đến một mô hình tương tác trực quan, đáng tin cậy và do người dùng điều khiển.
Nghiên cứu điển hình
Zoom giúp người dùng giảm 46,9% số lỗi chụp bằng camera và micrô trong trình duyệt nhờ phần tử <permission>
Thách thức
Một trong những thách thức lớn nhất đối với các trang web hội nghị là giúp những người dùng trước đây đã từ chối quyền truy cập vào camera hoặc micrô có thể bật lại các quyền khi tham gia cuộc gọi video. Quy trình chuẩn yêu cầu bạn chuyển đến phần cài đặt trình duyệt bên ngoài giao diện của trang web hội nghị.
Phương pháp tiếp cận
Phương pháp thử nghiệm của Zoom về tác động của phần tử <permission> sử dụng phương pháp so sánh trước và sau, trong đó phần tử <permission> được cung cấp cho tất cả người dùng Zoom tham gia một cuộc họp Zoom bằng trình duyệt web Chrome trên máy tính.
Kết quả
Một trong những chỉ số chính của Zoom là tỷ lệ chụp ảnh bằng camera và ghi âm bằng micrô. Chỉ số này đo lường số lần người dùng bật thành công camera và micrô khi tham gia một cuộc họp Zoom trong trình duyệt. Zoom đã có những cải tiến đáng kể với phần tử <permission>. Các lỗi trong trải nghiệm trên trình duyệt, chẳng hạn như micrô và camera không được bật ở cấp hệ thống hoặc cấp trình duyệt, hoặc người dùng bỏ qua lời nhắc về quyền truy cập micrô và camera của trình duyệt, đã giảm 46,9%.
Phần tử <permission> không chỉ giúp giảm lỗi mà còn giúp những người dùng ban đầu gặp vấn đề hoặc vô tình từ chối quyền truy cập có thể khôi phục và định cấu hình micrô và camera. Nhờ đó, người dùng luôn tương tác và tập trung vào các cuộc trò chuyện và cuộc họp, để mọi người có thể nhìn thấy và nghe rõ ràng.
Cách Immobiliare.it giúp người dùng sử dụng chức năng vị trí trên bản đồ trong khi trước đó đã bị từ chối cấp quyền bằng cách sử dụng phần tử <permission>
Thách thức
Những người dùng từng từ chối chia sẻ quyền truy cập thông tin vị trí cho trang web Immobiliare.it phải truy cập vào phần Cài đặt trang web của trình duyệt và mở khoá quyền theo cách thủ công để có thể cấp lại quyền truy cập thông tin vị trí nếu muốn.
Phương pháp tiếp cận
Immobiliare.it đã cải thiện quy trình yêu cầu quyền truy cập vào vị trí bằng cách sử dụng phương thức JavaScript Permissions API để phát hiện xem người dùng đã cấp quyền truy cập vào vị trí cho trang web của họ hay chưa. Nếu họ đã chia sẻ quyền, thì thao tác này sẽ dẫn đến việc yêu cầu phương thức vị trí địa lý getCurrentPosition() như trước đây. Nếu Permission API trả về thông tin cho biết người dùng đã chặn quyền truy cập vào vị trí, thì trang web sẽ hiện một lời nhắc giải thích lý do nút Vị trí địa lý không hoạt động và sử dụng phần tử <permission> làm lời kêu gọi hành động.
Khi nhấp vào phần tử "Sử dụng vị trí" <permission>, người dùng có thể chia sẻ quyền truy cập vị trí một cách liền mạch nếu muốn, ngay cả khi trước đó đã chặn và không yêu cầu người dùng truy cập vào chế độ cài đặt trình duyệt của họ.
<permission> nếu trước đó đã chặn quyền.<permission> đã kích hoạt lời nhắc cấp quyền của trình duyệt.Kết quả
Khi sử dụng phần tử <permission>, tỷ lệ thành công của quy trình cấp quyền GeoLocation cho người dùng đã tăng 20%. Điều này cho thấy quy trình cấp quyền mới bằng cách sử dụng Permissions API và phần tử <permission> đã giúp nhiều người dùng cho phép lại quyền này khi muốn, ngay cả khi trước đây họ đã chặn loại yêu cầu cấp quyền này
ZapImóveis (OLX BR) cải thiện tính năng tìm kiếm vị trí cho mục đích sử dụng dự kiến bằng phần tử <permission>
ZapImóveis, một nền tảng bất động sản hàng đầu ở Brazil, hiểu rằng việc tìm được bất động sản hoàn hảo thường bắt đầu từ vị trí. Là một phần của Grupo OLX nổi tiếng, ZapImoveis kết nối hàng triệu người dùng với một kho hàng khổng lồ gồm nhà ở, căn hộ, đất đai và các tài sản khác để bán và cho thuê trên khắp đất nước. Nhận thấy vai trò quan trọng của tính năng tìm kiếm dựa trên vị trí trong quy trình này, ZapImóveis đã xác định được cơ hội nâng cao trải nghiệm người dùng bằng cách giải quyết những điểm khó chịu thường gặp liên quan đến lời nhắc cấp quyền của trình duyệt.
Thách thức
ZapImóveis nhận thấy có những vấn đề đáng kể về khả năng sử dụng trong tính năng tìm kiếm vị trí của họ, đặc biệt là liên quan đến lời nhắc tiêu chuẩn về quyền của trình duyệt. Người dùng gặp khó khăn cả khi cấp quyền truy cập thông tin vị trí lần đầu và có lẽ quan trọng hơn là khi cố gắng bật lại quyền sau khi đã từ chối trước đó. Điều này ảnh hưởng tiêu cực đến trải nghiệm tổng thể của người dùng và có thể cản trở hiệu quả của chức năng tìm kiếm dựa trên vị trí trên trang web của họ.
Phương pháp tiếp cận
Để giải quyết những thách thức về khả năng sử dụng này, ZapImóveis đã tiến hành một thử nghiệm A/B. Trong thử nghiệm này, phần tử <permission> đã được giới thiệu cho một nhóm nhỏ người dùng. Mục tiêu là cung cấp một chế độ kiểm soát chuyên dụng trong trang trong giao diện ZapImóveis để quản lý quyền truy cập vào vị trí, từ đó đơn giản hoá quy trình cấp quyền và giúp người dùng dễ dàng thực hiện hơn.
Kết quả
Việc triển khai phần tử <permission> của ZapImóveis đã giúp cải thiện đáng kể khả năng sử dụng tính năng tìm kiếm vị trí, đặc biệt là đối với những người dùng tích cực tương tác với các tính năng dựa trên vị trí. Đối với những người ban đầu gặp khó khăn với lời nhắc cấp quyền tiêu chuẩn của trình duyệt, chế độ kiểm soát trong trang do phần tử <permission> cung cấp đã giúp 4,3% người dùng cấp quyền truy cập thông tin vị trí thành công. Hơn nữa, tính năng này đã cải thiện đáng kể khả năng khôi phục quyền, với 54,4% người dùng từng từ chối quyền truy cập đã cấp lại quyền thành công khi họ cố gắng sử dụng các chức năng phụ thuộc vào vị trí sau này. Mặc dù thời gian trung bình để cấp quyền ban đầu có tăng nhẹ, nhưng những lợi ích đáng kể về mức độ thành công của tính năng đối với người dùng có ý định rõ ràng đã chứng minh được sự đánh đổi này.
Xem thêm ví dụ về cách hoạt động của phần tử <permission>
- Gọi hội nghị truyền hình trên Google Meet bằng trình duyệt Chrome.
- Tìm kiếm một nhà hàng gần đây trên Google Tìm kiếm (triển khai dần)
- Kiểm thử phần tử
<permission>cho tất cả các chức năng có sẵn trên https://permission.site/pepc (từ Chrome 137)
Tích hợp phần tử <permission>
Phần tử <permission> được thiết kế để các nhóm phát triển dễ dàng áp dụng. Là một phần tử HTML thông thường, bạn có thể tích hợp phần tử này như bất kỳ nút nào khác và tạo kiểu (trong giới hạn do trình duyệt kiểm soát) để phù hợp với giao diện trang web của bạn. Đối với những trình duyệt chưa hỗ trợ phần tử <permission>, nhà phát triển có thể cung cấp trải nghiệm dự phòng bằng các phương thức yêu cầu quyền hiện có. Để biết thêm thông tin chi tiết, hãy đọc bài viết Các điểm cải tiến đối với phần tử <permission>.
Giúp web trở nên hữu ích và trực quan hơn
Tại Google, chúng tôi không ngừng nỗ lực để Chrome và nền tảng web trở nên an toàn, nhanh chóng và hữu ích hơn. Phần tử <permission> thể hiện một bước tiến đáng kể hướng tới một mô hình trực quan và tiện dụng hơn cho các quyền trên web. Bằng cách cung cấp cho người dùng bối cảnh rõ ràng và quyền kiểm soát, phần tử <permission> giúp thu hẹp khoảng cách giữa các chức năng mạnh mẽ của web và niềm tin của người dùng, cho phép mang lại trải nghiệm phong phú và hấp dẫn hơn trên web. Chúng tôi khuyến khích chủ sở hữu sản phẩm và các nhóm phát triển khám phá cách phần tử <permission> có thể nâng cao hành trình của người dùng và khai thác toàn bộ tiềm năng của các ứng dụng web.