浏览器推送通知请求权限的交互模式浅析

当我们获取了推送订阅信息并将其保存在服务器上后，就可以触发推送消息了。但是有一件事我之前一笔带过了，那就是向用户请求权限时的用户体验。遗憾的是，很少有网站会考虑他们应该如何向用户请求权限，所以让我们简单地看看好的和不好的用户体验。

现状：请求用户权限时常被忽略

现有的一些常见模式包括：

• 模式一：无声请求

最常见的模式是没有任何提示，直接弹出系统通知请求对话框，让用户选择允许或阻止。这种模式非常不友好，因为用户不知道为什么会被要求授予权限，也不知道授予权限后会发生什么。

• 模式二：文本提示

另一种常见的模式是在网页上显示一个文本提示，告知用户网站希望请求推送通知权限。这种模式比无声请求要好一些，但仍然不够理想。因为文本提示通常很长，而且用户可能不会仔细阅读，他们可能会直接点击“允许”或“阻止”按钮。

• 模式三：带有图标的文本提示

这种模式与文本提示模式类似，但会在文本提示中添加一个图标。图标可以帮助用户更好地理解网站请求权限的原因，但仍然存在文本提示过长的问题。

优化建议

为了创建更好的用户体验，我们应该遵循以下建议：

• 1. 在请求权限之前提供清晰的说明

在请求权限之前，应该在网页上显示一个简短而清晰的说明，告知用户网站请求权限的原因以及授予权限后会发生什么。说明应该使用简单的语言，易于理解。

• 2. 使用明确的按钮标签

请求权限时，应该使用明确的按钮标签，如“允许”和“阻止”。不要使用模糊的按钮标签，如“确定”和“取消”。

• 3. 提供自定义的权限请求对话框

我们可以使用浏览器提供的API来创建自定义的权限请求对话框。自定义的对话框可以更好地控制对话框的外观和内容，从而提供更好的用户体验。

• 4. 尊重用户的选择

无论用户选择允许还是阻止权限请求，都应该尊重用户的选择。不要反复请求权限，或者在用户拒绝权限后继续发送推送通知。

案例分析：微软Edge浏览器的权限请求模式

微软Edge浏览器在权限请求方面做得非常好。当网站请求推送通知权限时，Edge浏览器会显示一个自定义的权限请求对话框。对话框中包含网站的名称和图标，以及一个简短而清晰的说明，告知用户网站请求权限的原因以及授予权限后会发生什么。对话框还提供两个明确的按钮标签，“允许”和“阻止”。

Edge浏览器的权限请求模式非常友好，因为它提供了清晰的说明和明确的按钮标签，尊重了用户的选择。这种模式值得其他浏览器学习和借鉴。

结论

浏览器推送通知是一个非常有用的功能，但如果请求权限时的用户体验不好，可能会影响用户的体验。通过遵循以上建议，我们可以创建更好的用户体验，让用户更愿意授予权限。