APP弹窗设计规范大全

弹窗是什么?

弹窗是为了让用户回应,需要用户与之交互的窗口。

存在于应用的多种场景中,需要用到不同的弹窗类型,满足跟用户交流的信息传达与操作。

弹窗在产品中的地位相当于一个小助手,在用户迷茫的时候,告诉用户如何做(引导);在用户与产品进行交互操作时,告诉用户接下来会发生什么(提示);甚至在用户沉浸在体验中的时候,轻微告知用户需要知道的信息(传达)。

优秀的弹窗具备什么条件

1. 视觉设计

简洁

弹窗其实是一种干扰的信息提示,这时候考虑用户可能正沉浸在产品体验中,如果被强行打断,那么也要告诉用户WHY?

就像此前iOS 13系统,低电量提醒弹窗的出现,可能用户正在手机游戏过程中,这时候能够快速了解发生了什么,才能做出操作。

易懂

正如可用性原则中说的一样,当用户看到一个页面,应该一目了然知道它是什么意思的。

特别是标题与内容、按钮文案,需要统一或者需要区分的地方,一定要清晰,如果需要引导用户操作,可以在按钮设计上做文章。

快速

快速响应,是一个弹窗的基本素养。什么是快速响应呢?

特别是在网络状况不好的情况下,更应该给予用户反馈的状态。比如用户操作了一个需要付费或者消费的行为,那么这时候需要告知用户当前的状况,如果等你网络好了再告诉用户发生了什么,用户早已经被吓跑。

2. 交互要求

可识别

文案与显示图片需清晰,按钮间的字体颜色需让用户了解按钮的作用与说明,采取对比色进行区分。特别是按钮文案的配色,尽量在突出信息的情况下,也让用户清晰文字信息。

可操作

对话弹窗是需要操作的,首先一定存在可关闭操作,其次就是直接操作;对于用户来说,需要怎样的操作,取决于TA自己的选择,想不想要确定还是取消,是用户的主动行为。

可控制

在既定场景里,如果与场景有关的信息提示,那么不应该进行页面跳转或者覆盖掉用户的操作当前界面,否则容易造成视觉影响甚至产生歧义。

 

本文来自投稿,不代表微擎百科立场,如若转载,请注明出处:https://www.w7.wiki/develop/4570.html

发表评论

登录后才能评论