最专业的八方代购网站源码!

资讯热点
首先打开一堆授权警告框?老司机教你优化这个

发布时间:2022-7-29 分类: 行业资讯

本文作者将从技术开发和交互设计的角度介绍iOS授权警告框的优化设计。享受〜

最近,Iqiyi Baseline的设计合作伙伴讨论了一个普通但有价值的问题:首次打开应用程序时,您是否可以弹出一堆请求访问权限的警告框?

我不知道你是个什么样的脾气。无论如何,我在上图中看到了警告框,这是“不允许的”。

为了找到问题的答案,我从技术开发和交互设计的角度研究了这个问题。以下两个方面为大家介绍。

一,技术发展方面

首先,我们介绍技术开发,因为它是我们设计计划的基础。原因很简单——如果我们设计一个被认为特别合理和自给自足的解决方案,但是无法进行开发,那么它只能是盲目的。 。那么,从iOS开发的角度来看,第一次打开应用程序时,是否需要弹出一堆警告框?现在下载后第一次打开了这么多应用程序,会弹出一个警告框。这是Apple的应用程序申请吗?

在互联网上搜索相关文章并询问发展中的同事后,结论如下:

1.下载后可以弹出网络请求

由于工业和信息化部颁布的新规定,未经用户许可,不得授予应用程序使用网络和获取定位的功能。获得定位更好,因为许多应用程序可以在没有定位的情况下使用;但如果你无法连接,几乎所有的应用程序都会停止。因此Apple开始使用iOS 10操作系统,并添加了有关应用程序使用数据的授权弹出式提醒。当用户第一次在iOS 10系统中打开应用程序时,系统会要求他选择是否授予应用程序网络权限。

由于这是一个基本选择,因此下载后弹出此警告框是可以理解的。但仍有两个问题需要注意:

(1)延迟请求

如果用户第一次打开应用程序,则应用程序的界面开始请求数据。如果允许用户在此之后使用网络,则用户仍面向没有数据的页面。此时,请务必准备一个空白页面,单击“重新加载”以允许用户刷新页面并加载内容。更好的方法是延迟用户单击第一次启动的所有接口,然后再次询问或再次请求,以避免没有内容页面的情况。这是一个更好的解决方案。程序。首次启动应用程序时,通常会有几个引导页面屏幕。好时光是在引导页面结束时弹出网络请求的警告框。此时,当用户单击“允许”时,将正确获取数据。

(2)不允许用户点击,您需要提供重新连接网络的方法

例如,以下网易严格选择的例子,当点击网络请求“不允许”时,会出现一个按钮,“查看解决方案”,点击描述解决方案页面。但是,穆锋认为,如果你改变这个方案,按钮拷贝将改为“允许访问网络”,并直接点击进入网易严格管理访问的页面,效果会好很多。

2.需要时可以弹出其他访问警告框

这意味着推送,专辑,相机,麦克风,位置,地址簿,日历,备忘录,蓝牙权限请求,技术上都可以在需要时弹出。

2.交互设计方面

上述技术研究为我们的设计交互奠定了基础:除了网络请求的警告框外,其余部分可以在适当时再次弹出。那么,做什么是正确的?在研究了网络案例和他自己的经验总结之后,主要的两个案例如下:

1.需要时弹出

例如,如果用户需要拍照并单击相机按钮,则会弹出用于访问相机和相册的警告框,这与场景一致,因为用户此时需要拍照。再举一个例子,以下示例:

上图显示了原始应用程序。当用户第一次下载应用程序时,会显示左侧的指南页面,指示群集应用程序是创建共享照片的相册的应用程序,然后用户将单击“创建第一个相册”按钮单击“创建第一个专辑”按钮。帧。此警告框是应用程序本身创建的警告框。它不包含在iOS系统中。此时,询问用户是否允许群集访问相册。仅在用户单击“允许”后才会显示iOS警告框。这会弹出两个警告框,这些警告框有点笨拙,但有效地保证了最右边图像中允许的用户百分比。数据显示,97%在中间图中点击“允许”的人点击了图表最右侧的“允许”按钮。请注意,一旦用户单击IOS系统自己的警告框,“不允许”,重新启用权限很麻烦。

之后,应用程序被修改,相册权限更改为用户需要拍照的时间,如上图所示。经过这样的优化后,点击允许按钮的用户比例从旧程序的67%增加到89%,效果显而易见。

可以看出,尽管应用程序描述了应用程序的功能,但仍有许多用户不仔细查看。即使你看它,你也不一定会买它。因此,在引导页面末尾使用相机的请求不如用户实际需要使用相机时那样有效。

此外,如果用户选择了“不允许”,我们需要仔细查找用户需要某些信息的场景,然后诱导用户打开授权。例如,以下示例:

这是网易考拉的消息中心页面。由于我之前没有允许推送,页面顶部有一行“打开消息通知,并立即掌握物流信息”。这是一个非常用户友好的设计,因为消息中心页面最初携带包括物流信息的消息。如果用户想要实时接收这些消息,则打开推送是最直接的方法。

2.当用户清算收入时弹出

例如,Hopper应用程序是一个分析大票价格并准确预测价格趋势的应用程序,告诉用户何时购买票证。 Hopper可以非常准确地进行价格预测,并告诉您是否应该购票​​或等待。等待时,您可以使用“查看并查看”功能,应用程序将继续观看您所关注的航班,直到价格进入“低价”范围,您将收到建议购买的通知。可以说推送功能对于这个应用至关重要。考虑到这一点,当用户在第一次下载后第一次点击指南页面时,当用户点击中间图像的底部时,设计师在下图中添加了“观看”功能的介绍。发送推送”时,会显示右侧的警告框。

这种设计看似合理,但在分析数据后,设计人员发现经过这样的优化后,合格用户的数量并没有真正改善,我们只是改变了他们成为合格用户的方式。 —过去,几乎所有用户都经历了启动页面流程并进入了应用程序环境。他们被问及在使用相关功能时是否获得授权。那些合格的用户会同意授权,不合格的用户会拒绝授权和丢失。在新流程下,合格用户将单击第二个指南页面底部的“允许推送通知”,然后在下一个iOS弹出授权对话框中选择同意授权,然后输入应用程序并使用等待看功能;一些不合格的用户会看到指南页面底部的“允许推送通知”,并且会直接放弃,而另一部分会点击此按钮,但在下一个iOS弹出授权对话框中,他们会会选择不同意。因此,即使您进入应用程序,也无法使用等待和查看功能。因此,新流程中合格用户比例增加的根本原因是那些不合格的用户根本无法进入应用程序,或者即使他们进入也无法完成转换。

因此,设计师已经优化:在底部添加“尚未”按钮,点击后弹出警告框不会弹出。这使得不了解应用程序的用户有缓冲机会,暂时不打开推送,等到以后再继续使用,然后请求推送授权。该优化满足了不同用户的需求。越来越多的用户顺利完成启动过程并进入应用程序体验各种功能,最终成为合格用户。

以上描述了iOS授权警告框的设计。

有关警告框的设计规范,请参阅上一篇文章:iOS和Android规范解析——警告框(警报)比较

讨论内容非常丰富,欢迎留言。

专栏

新设计青年(微信公众号:新设计青年),每个人都是产品经理专栏作家,以及2017年作家奖最佳人气奖。爱奇艺高级互动设计师。库尔德海龟曾在腾讯微生活,网易和宜信服务。 5年的互动设计经验,专注于设计领域。

这篇文章最初发表。未经许可,禁止复制。

该地图来自Unsplash,基于CC0协议

« 贝尔:从竞争战略角度看品牌创造的错觉和真实性 | 在UX设计中使用故事可以使产品具有更高的转换率 »