交易者社区｜app弹窗设计规范（一个弹窗引发的思考）……

app弹窗设计规范：随着互联网行业的发展，我们在手机上使用的每个APP应该都出现过弹窗，大多数人都是会不假思索的进行跳过，但这篇文章却是根据弹窗引发的思考，想必应该引起了各位的好奇心，对产品设计感兴趣的朋友可以进行阅读，会带来不一样的启发哦！

一、引言

十一月的我，更多沉浸在产品设计的细节打磨中，思考业务目的，用户引导，用户体验等方面对产品的影响…在互联网急速发展的今天，各式各样的产品，百花齐放。产品定位，目标人群，盈利模式，产品的目的及意义都会对产品本身具有一定程度的影响（产品设计的交互，视觉风格表现上也都有所考究）。无处不体现互联网人的思考……

相同类型的产品，在进行产品思考，设计时，往往能给人不同的感受。流程的灵活性与刻板，柔和的提示语与冷冰冰的提示语；研究用户使用场景及使用行为习惯得出的功能区区域及分类与想当然YY需求放置一排金刚区ICON。UI界面的圆角与直角，给人的柔和与刚硬；亦或是色彩给人的冷静与热情；创新型的交互与常用交互方式减少用户的学习操作成本。

二、产品态度

同一个产品，同样的思路，同样的解决方案；但是在不同的产品思路下下得到的结果是截然不同的。可能会有很多人开发觉得功能实现没问题啊，流程可以跑通啊，觉得没毛病。但是在我看来：产品的每一个细节，都是值得我们去深思的，只有如此，才能给用户更好的用户体验，对产品的每一个细节一丝不苟也是对我们自己的一种提升。

三、弹窗简析

以一个弹窗来举例：首先来说说弹窗的定义：中断用户当前操作并对其做出补充，或中断用户当前操作并对其做出反馈。弹窗的大致分类：“模态弹窗”及“非模态弹窗”。

非模态弹窗以：不会影响用户操作，用户可以不与回应，通常有时间限制，出现一段时间就会自动消失。例如：toast，HUD。

模态弹窗：会打断用户的操作行为，强制用户必须进行操作，否则不可以进行其他操作。具体每一种弹窗类型及呈现形式，在此我就不作过多赘述，网络上有很多较为详尽的”关于弹窗的介绍“。

四、我的思考

在此讲讲自己对于弹窗的思考过程：表达同一信息，使用不同的方式去设计弹窗，给到用户的感受，引导和体验会有天差地别。举例：项目背景：业务侧创建新的获客渠道，且线索价值较高，有及时联系客户的需求（时效性）；需要按一定的业务规则推送至排名靠前的业务人员进行抢单。

如何告知业务人员抢单成功呢？——使用弹窗弹窗会有不同的选择，不同的设计方式也会呈现不同的结果。直接使用toast告知：抢单成功，对于业务人员的感受是怎样的？业务人员是否能清晰知晓抢单成功；线索订单该如何流转，下一步的业务动作是什么？

toast提示对业务人员并无引导，拿订单状态变化举例：由待抢单变为待转私，顶部显示倒计时；对于操作用户而言，不能理解产品所表达的含义。从而缺乏用户引导，用户是点击更多按钮，还是点击转私按钮亦或是点击拨号按钮？

此时我们需要思考：我们希望用户下一步完成什么动作？我们的目的是什么？怎样才能达到我的目的？我是希望用户抢单成功后，完成点击拨号的动作还是转私的动作，亦或是去点击更多按钮，完成其他的动作？使用模态弹窗会打断用户当前的操作，对其具有一定的引导性，但也需要有目的性：如下图：

使用模态弹窗打断其抢单操作，告知抢单成功，且告知其须在15分钟内进行拨号操作。但按钮却给了一个我知道了；并未直接使其拨号，用户点击了“我知道了”后还需要点击“拨号”按钮，才能达到我们的目的，所以此时增加了用户的操作成本！所以此时我从用户体验优化上入手，将“我知道了”按钮，替换成功立即拨号按钮，如下图：

在此，给出了一个立即拨号和稍后拨号，稍后拨号是给用户的选择性，而不是强制性只允许点击立即拨号。

达到了我们需要对其拨号的目的，减少用户的操作成本，且可以达到我们的目的；点击抢单后告知用户“抢单成功”并告知须在15分钟内致电客户，超时订单即失效；很自然的用户会点击立即拨号去进行拨号。

但继续思考，是否有继续优化的空间？为什么我们会有15分钟的限制？

因为我们需要业务人员快速联系客户，具有较高的时效性，仅用文字告知是否可以达到我们的目标呢？是可以的。

但是否有更好的方式？怎样能够提升业务人员的紧迫感？“紧迫感”这个词，是否会联想到很多场景？闹钟？倒计时？亦或是电商里“抢单”、“补尾款”？

同理，在此，我们可以怎样营造一种紧迫感，15分钟到文字是否可以做成倒计时的效果？给用户的心理暗示，就是我需要赶紧进行下一步操作，否则就会过期了。

于此，进一步对此弹窗进行了优化。如图：

在此，我又在思考，还能不能继续进行优化？我的业务是B端还是C端？我需要给用户怎样的用户体验？我的使用场景？业务目的是什么样的？

基于我做的是针对业务人员使用的产品，我需要促进立刻进行业务动作，即拨号，与客户产生联系，达到“即时性”的目的；

所以我此时是否可以牺牲一定的用户体验？去掉稍后拨号的按钮，让业务人员一眼只能看到立即拨号的按钮，让他的感受是只能选择立即拨号，那怎么关闭弹窗呢？

右上角放置一个较小的关闭按钮，增加关闭弹窗的操作成本和认知成本；从而达到我的业务目的，促进业务人员进行业务动作；对于体验来说也没有变糟。

五、总结

最近对工作中的“主人翁”意识，对生活也有更深的感悟。我们在做对自己很重要的事情的时候永远不会去找借口，会想尽办法去解决遇到的问题和困难。

工作中亦是如此，遇事千万不要首先推卸责任和找借口；要去思考为什么会发生这样的事情？如何去解决问题？怎样能把影响减少至最小。

最近换工作后，在公司上线的第一个需求，到预发布后才发现有一个接口的数据出现了问题；当即：我的想法首先是尽可能减少影响，因数据不影响主体功能需求；所以暂时对此字段做了前端上的隐藏；立马召集后端开会解决此问题，查询接口问题，很快便解决了问题。

也认识到做产品一定要保持对生活高度的观察能力，保持观察能力才是生产好内容的核心关键。平时体验其他产品的时候，发现其他产品做得让自己惊喜的地方和厌恶的地方，思考为什么？联想到自己的产品，自己的用户遇到此种场景的时候会如何思考，希望得到什么样的产品反馈，即“同理心”。

本文由 @科科不是科科 原创发布于人人都是产品经理，未经许可，禁止转载

题图来自Unsplash，基于 CC0 协议

百度搜索“”即可找到本站，微信搜索“✅finnciti.ngnvip.com”关注公众号。（ ✅finnciti.ngnvip.com ）发布者：用户投稿，文章版权归作者所有，文章来源：ID:154621