这俩弹框到底该选哪个?

这俩弹框到底该选哪个?_第1张图片


昨天有小伙伴在群里讨论,关于下面的问题,究竟应该选哪个更为合理?

确实也难倒了一批设计师。

这俩弹框到底该选哪个?_第2张图片

这个判断题看起来只是对一种控件或模式做选择,但其中所需要思考的内容应该要更多一些 —— 我个人认为是这样。


区分下:


  1. 第一个是我们常见的弹窗,也就是所谓的 Alert;
  2. 第二个是操作表单,也就是 Action Sheet,可能这与你见过的 Action Sheet 不一样,但也就是一种演变,多了个 icon。

对于这个选择题,我觉得可以从四个角度来思考。
1.操作行为
对于 Alert,官方对它的解释是: 尽量不要使用,除非你的界面无法完全解释当前的功能信息; 以及当问题很严重的时候,才用它来提醒用户。 这说明它并不应该是用户主动产生的行为结果。
但我们现在可以在很多 App 中会发现,即使问题不严重,也常常会看到弹窗的出现。 它已经被滥用了。
当然,现在的很多功能设计已经养成用户认知与习惯,所以也没什么好说的,比如什么确认/取消。 毕竟我也经常这样用,嘻嘻。
但一些产品时不时以 Alert 的形式弹出评分提示,就真的很无奈了。 虽然它确实是被动出现的,但它对于用户来说,其实一点都不重要。
对于 Action Sheet 的定义,官方解释是这样的: 用户主动产生且较为重要的操作,它可能是多个不同方案的选择,也可能是用户主动产生的高危行为。
那么毋庸置疑,从操作行为的角度来说,「删除账号」既是用户主动的重要行为,且还是高危行为。
所以从这一点来看,很明显是选择 2 了。
2.设计模式
我看到有同学说,应该选择 1,因为两个选项用 Alert,多个选项才用 Action Sheet。
如果是这样,那下面这张图不应该使用 Alert 么?

这俩弹框到底该选哪个?_第3张图片

我相信这种弹框在日常 App 的使用中会经常见到。 所以纯粹的以选择数量为判断标准,是很低级的行为。
模式的判断,主要取决于目的。 比如输入框模式中,占位符可以是提示,也可以是默认值。 类似于地址,提示就是请输入地址信息,默认值就是默认选择一个杭州。
所以对于用户来说,「删除账号」属于高危行为,那么弹框的模式应该符合用户的心理预期,即它是主动产生,不是凭空出现,且是用户可预期的。
可预期的操作,出现在屏幕上,如果是 Alert,那么它的删除一定在右边,取消一定在左边(参考「 左取消右行进原则 」)。
但是这个行为虽然应该按照用户的意愿给予右边行进(删除)的操作,但对于系统来说,又要帮助用户克制(取消)这样的行为。
就会导致这个 Alert 显得不伦不类。 而根据「 古登堡原则 」来说,用户视觉落脚点一定是在最后一个按钮,所以竖向排列,取消在下,可以适当帮助用户取消这个行为。 而不是像图 1 那样,引导用户进行删除。

这俩弹框到底该选哪个?_第4张图片

所以,从模式上来说,也应该选 2.
3.手势原则
上面其实已经提到按钮原则,比如「取消在左,行进在右」以及「古登堡原则」(不了解的可以看我之前的文章)。
那么这里还有个争论点就是: 弹框置于屏幕中间,无论是取消还是删除,用户都更好操作。
但是这里要注意的应该是: 信息优先,而不是操作优先。
如果设计界面都按照操作优先的原则,那么 iOS 最开始左上角的返回,就不应该放在左上角。 因为它是高频操作,产品人、运营一定不希望用户进入页面后快速退出。
所以这里也一样,主动行为,是用户主动进行的,作为系统,有必要让用户第一时间知晓这个行为会产生的后果。 而不是引导操作,因为用户知道自己要干嘛,所以不需要引导,而是补充信息,以免用户疏漏。

这俩弹框到底该选哪个?_第5张图片

所以用户的聚焦点应该是信息,而不是操作。
那么在屏幕中间位置来展示信息,在底部进行操作,才是更好的选择,所以选 2.
4.主观体验
最后的主观体验,说白了就是认知感受了。
直觉上,从下划出与凭空出现,它与背后界面的紧密性在主观感受上来说,前者会更好。
而且,弹框出现在中间,也是从 PC 时代迁移而来的,其中并没有说明在移动端,同样摆放在中间就是最好的。
不过这一点纯粹就是我胡扯的,随意看看就好。
以上分析仅是一家之言,不一定对,如果你有不同想法,可以在留言区回复。 嘻嘻~
如果觉得文章对你有所帮助,欢迎留言并且推荐给你的好友。


本文由呆呆U理(ID:UDai-bl)发布,授权互联网早读课转载。内容仅代表作者独立观点,不代表早读课立场。如需转载,请联系原作者。

排版:放开那芒果


热点阅读:

延伸阅读:

这俩弹框到底该选哪个?_第6张图片


你可能感兴趣的:(这俩弹框到底该选哪个?)