Trải nghiệm người dùng quyền

Bước tự nhiên sau khi nhận PushSubscription và lưu vào máy chủ của chúng ta là kích hoạt thông báo đẩy, nhưng có một điều tôi đã rõ ràng đã bỏ qua. Trải nghiệm người dùng khi yêu cầu người dùng cấp quyền gửi thông báo đẩy.

Tiếc là có rất ít trang web cân nhắc kỹ đến cách họ yêu cầu người dùng cấp quyền. Vì vậy, hãy dành chút thời gian để xem xét cả trải nghiệm người dùng hợp lý và không tốt.

Mẫu kiểm thử phổ biến

Có một vài mẫu phổ biến sẽ xuất hiện để định hướng và giúp bạn khi quyết định điều gì là tốt nhất cho người dùng và trường hợp sử dụng của bạn.

Tuyên bố giá trị

Đề nghị người dùng đăng ký đẩy vào thời điểm lợi ích rõ ràng.

Ví dụ: một người dùng vừa mua một mặt hàng trên cửa hàng trực tuyến và hoàn tất quy trình thanh toán. Sau đó, trang web có thể đưa ra thông tin cập nhật về trạng thái phân phối.

Có một loạt các tình huống mà phương pháp này hoạt động:

  • Một mặt hàng cụ thể đã hết hàng, bạn có muốn được thông báo khi có hàng lần tới không?
  • Bản tin nổi bật này sẽ được cập nhật thường xuyên, bạn có muốn nhận thông báo khi câu chuyện diễn ra không?
  • Bạn là người đặt giá thầu cao nhất, bạn có muốn nhận thông báo nếu bạn trả giá cao hơn không?

Đây là tất cả các điểm mà người dùng đã đầu tư vào dịch vụ của bạn và có một tuyên bố giá trị rõ ràng để họ bật thông báo đẩy.

Ví dụ về trải nghiệm người dùng hợp lý của Owen Campbell-Moore khi thông báo đẩy.

tạo mô hình trang web giả định của một hãng hàng không để minh hoạ phương pháp này.

Sau khi người dùng đặt chuyến bay, hệ thống sẽ hỏi xem người dùng có muốn nhận thông báo về việc hoãn chuyến bay hay không.

Xin lưu ý rằng đây là giao diện người dùng tuỳ chỉnh trên trang web.

Ví dụ về trải nghiệm người dùng hợp lý của Owen Campbell-Moore đối với lời nhắc cấp quyền.

Một điểm thú vị khác cho bản minh hoạ của Owen là nếu người dùng nhấp để bật thông báo, thì trang web sẽ thêm một lớp phủ bán trong suốt trên toàn bộ trang khi hiển thị lời nhắc cấp quyền. Điều này thu hút sự chú ý của người dùng đến lời nhắc cấp quyền.

Lựa chọn thay thế cho ví dụ này, trải nghiệm người dùng không hợp lệ khi yêu cầu cấp quyền là yêu cầu cấp quyền ngay khi người dùng truy cập vào trang web của hãng hàng không.

Ví dụ về trải nghiệm người dùng kém hiệu quả khi thông báo đẩy của Owen Campbell-Moore.

Phương pháp này không cung cấp ngữ cảnh giải thích tại sao thông báo cần thiết hoặc hữu ích đối với người dùng. Người dùng cũng bị chặn thực hiện nhiệm vụ ban đầu của họ (tức là đặt chuyến bay) bằng lời nhắc cấp quyền này.

Quyền kép

Bạn có thể cảm thấy trang web của mình có trường hợp sử dụng rõ ràng cho thông báo đẩy, do đó, bạn nên yêu cầu người dùng cấp quyền càng sớm càng tốt.

Ví dụ: ứng dụng email và nhắn tin nhanh. Việc hiển thị thông báo cho thư hoặc email mới là một trải nghiệm người dùng đã có từ lâu trên nhiều nền tảng.

Đối với các danh mục ứng dụng này, bạn nên cân nhắc mô hình yêu cầu cấp quyền kép.

Trước tiên, hãy hiển thị một lời nhắc cấp quyền giả mà trang web của bạn kiểm soát, bao gồm các nút cho phép hoặc bỏ qua yêu cầu cấp quyền. Nếu người dùng nhấp vào cho phép, yêu cầu cấp quyền, kích hoạt lời nhắc cấp quyền thực sự của trình duyệt.

Với phương pháp này, bạn sẽ hiển thị lời nhắc tuỳ chỉnh về quyền trong ứng dụng web để yêu cầu người dùng bật thông báo. Khi thực hiện việc này, người dùng có thể chọn bật hoặc tắt mà không có nguy cơ bị chặn vĩnh viễn trang web của bạn. Nếu người dùng chọn bật trên giao diện người dùng tuỳ chỉnh, hãy cho thấy lời nhắc cấp quyền thực tế, nếu không, hãy ẩn cửa sổ bật lên tuỳ chỉnh và yêu cầu vào lúc khác.

Một ví dụ điển hình là . Họ sẽ hiển thị lời nhắc ở đầu trang sau khi bạn đăng nhập, hỏi xem bạn có muốn bật thông báo hay không.

Bảng Cài đặt

Bạn có thể di chuyển thông báo vào bảng cài đặt để giúp người dùng dễ dàng bật và tắt thông báo đẩy mà không cần làm lộn xộn giao diện người dùng của ứng dụng web.

Sẽ không có lời nhắc khi bạn tải trang lần đầu tiên.

Một ví dụ điển hình là . Khi tải trang web Google I/O lần đầu tiên, bạn không cần làm gì cả mà chỉ cần khám phá trang web.

Bảng điều khiển cài đặt trên ứng dụng web của Google IO dành cho thông báo đẩy.

Sau vài lượt truy cập, thao tác nhấp vào mục trong trình đơn ở bên phải sẽ xuất hiện một bảng cài đặt cho phép người dùng thiết lập và quản lý thông báo.

Ứng dụng web của Google IO hiển thị lời nhắc cấp quyền.

Khi nhấp vào hộp đánh dấu, lời nhắc cấp quyền sẽ xuất hiện. Không ẩn giấu.

Sau khi cấp quyền, hộp đánh dấu sẽ được đánh dấu và người dùng có thể tiếp tục sử dụng. Điều tuyệt vời ở giao diện người dùng này là người dùng có thể bật và tắt thông báo từ một vị trí trên trang web.

Phương pháp thụ động

Một trong những cách dễ nhất để cung cấp tính năng đẩy cho người dùng là sử dụng một nút hoặc công tắc bật/tắt có chức năng bật/tắt thông báo đẩy ở một vị trí nhất quán trên toàn bộ trang web.

Điều này không thúc đẩy người dùng bật thông báo đẩy, nhưng cung cấp một cách đáng tin cậy và dễ dàng để người dùng chọn tham gia và không tương tác với trang web của bạn. Đối với các trang web như blog có một số người xem thường xuyên cũng như có tỷ lệ thoát cao, đây là một lựa chọn chắc chắn vì nó nhắm mục tiêu đến người xem thường xuyên mà không gây khó chịu cho khách truy cập.

Trên trang web cá nhân của mình, tôi có nút bật/tắt cho thông báo đẩy ở chân trang.

Ví dụ về nút bật/tắt thông báo đẩy của Gauntface.com trong
chân trang

Khá là lạ, nhưng đối với khách truy cập thường xuyên, hình thu hút đủ sự chú ý từ những độc giả muốn nhận thông tin cập nhật. Khách truy cập một lần hoàn toàn không bị ảnh hưởng.

Nếu người dùng đăng ký nhận thông báo đẩy, trạng thái của nút chuyển bật/tắt sẽ thay đổi và duy trì trạng thái trên toàn trang web.

Ví dụ về Gauntface.com có bật thông báo

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

Đó là một số phương pháp phổ biến tôi nhận thấy trên web. Đáng buồn thay, có một phương pháp không nên dùng rất phổ biến.

Điều tệ nhất bạn có thể làm là hiển thị hộp thoại cấp quyền cho người dùng ngay khi họ truy cập trang web của bạn.

Họ không có bối cảnh về lý do yêu cầu cấp quyền, thậm chí có thể không biết trang web của bạn là gì, có chức năng gì hay trang web đó cung cấp những gì. Việc chặn quyền tại thời điểm này vì gây thất vọng không phải là điều hiếm gặp. Cửa sổ bật lên này sẽ cản trở những gì họ đang cố gắng thực hiện.

Hãy nhớ rằng nếu người dùng chặn yêu cầu cấp quyền, thì ứng dụng web của bạn không thể yêu cầu cấp lại quyền đó. Để được cấp quyền sau khi bị chặn, người dùng phải thay đổi quyền trong giao diện người dùng của trình duyệt. Việc này không hề dễ dàng, rõ ràng hay thú vị đối với người dùng.

Bất kể thế nào, đừng yêu cầu cấp quyền ngay khi người dùng mở trang web của bạn, hãy cân nhắc một số giao diện người dùng hoặc phương pháp khác có động lực để người dùng cấp quyền.

Giúp mọi người thoát ra

Ngoài việc cân nhắc trải nghiệm người dùng đăng ký người dùng để đẩy, vui lòng cân nhắc cách người dùng nên huỷ đăng ký hoặc chọn không nhận thông báo đẩy.

Số lượng trang web yêu cầu cấp quyền ngay khi trang tải rồi sau đó không cung cấp giao diện người dùng để tắt thông báo đẩy là một con số đáng kinh ngạc.

Trang web của bạn nên giải thích cho người dùng cách họ có thể vô hiệu hoá chế độ đẩy. Nếu không, người dùng có thể sẽ chọn tuỳ chọn hạt nhân và chặn quyền vĩnh viễn.

Điểm đến tiếp theo

Lớp học lập trình