弹框是交互设计中非常重要的一个点,弹框大致分为四类:系统提示、操作引导、信息反馈、广告(主要是运营的KPI咯,嘻嘻)。
在聊弹框之前,我们先来讲解一下弹框与新开页面的区别:
什么情况下适合用弹框?
原则规范:适合临时性、补充性或突发性的情况展示,流程步骤中的插入行为,可由用户选择是否进行,不覆盖用户已阅读内容
使用场景:需要用户在主干流程中知晓或者补充一些额外信息时
表现方式:半透明遮罩效果的弹窗,体现页面间的层级关系
什么情况下适合新开页面?
原则规范:适合单任务场景或进程型页面
使用场景:用户需要在不同的独立页面来回切换时
表现方式:页面间的跳转,提现该页面为子流程,具有一定独立性
接下来我们着重分析和总结,系统提示、操作引导、信息反馈三类弹窗的使用场景和原则。
系统提示:系统自动弹出的提醒,如评分弹框。
1.在制定的用户行为监控下做展示,避免打断用户的使用,影响用户体验。
想要提高 App 好评率,需选择一个合适的时间和位置来引导用户评分。最好是在用户顺利使用App完成某件事情,满足某个需求,有很不错的感觉的时候,提供评分功能。也就是,要在用户用的最爽的时候下手,一举拿下。以旅行类 App 为例,通常在用户抢票成功之后发出评分请求。
2.注意弹框的频率,保持特有入口,为用户提供自由选择的权利,无须过度打扰。
找到活跃用户,找准重度用户,提供评分弹窗,让他们为你的产品指路,这是至关重要的!小Q推荐一种评分弹框设定规则:只对一段时间内多次打开App且有效操作达到某个阈值的用户提示评分。譬如,用户使用至少 3 天以后,打开次数在 10 次以上,邀请用户对 App 评分,如果用户拒绝,则在本次安装的情况下,应用不再提示。
当然除了引导活跃用户“给个好评”以外,帮助非活跃甚至是不喜欢你产品的用户吐露心声,也是一种提高用户活跃度的方式。所以,利用评分弹出这样一个特有入口,提供“吐槽”的机会,也是不错的选择。譬如:开眼App。把评分弹窗作为褒贬平衡的入口,既可以吐槽,也可以评分以此鼓励。用户能自由选择一种通道,与产品交流。
除了通过推送机制及用户体验的优化之外,适当的ASO(应用商店优化)手段也是必不可少的。毕竟评分是强依赖用户心思的事情,用户使用的开心,你引导引导评评分也还是不太那么难,倘若产品本身就不咋地,这样强制的要求用户去给一个好评,自然也就不太合适了。请记住一点,用户想要评价自然会去做,如果不想,你做得多了反而会有负面效果。
3.弹框设计独特,文案简单明了,按钮主次分明,减少判断负担。
弹框的设计要符合产品的风格,该调皮时调皮,该严肃时就要严肃。弹框里你最想要引导用户所操作的按钮,建议重点突出,设计醒目。减少用户思考的成本,快速完成评分的行为。如图:土豆网App的评分弹框,就满足本原则。
操作引导:功能导向的提醒,如权限获取
在恰当的时机出现,切忌文字太多徒增反感,设计一定要看。
如映兔App的开启通知的引导设计,就非常简单直接,且弹出时机恰到好处。对于通知类引导,通常是用户下载后第一次使用某功能时主动弹出,那么既然要弹出,就应该用最简单明了的话术,让用户最快完成并开始享受产品的魅力。很多APP会在初次使用的过程中直接弹框索取权限,这确实是最简单的实现方式,但被拒的可能性也最大…请参考《产品经理需要用心做好的交互体验——权限获取》一文,有比较详尽的分析和说明。
信息反馈:操作反馈的展示,如各类Toast
信息类反馈弹框都会让用户等待,所以要跟用户产生互动。通过减少等待的时间从而减轻用户的负面情绪,用好的交互体验,有效滴降低用户的抱怨程度,让用户不用想,就能完成花费时间代价的过程,这就是好的交互设计的目的。
基于用户正确的操作行为,产品提供的反馈能否给予用户情感上的满足,这对产品中的一系列反馈机制提出了更高层次的要求,同时也对设计师提出了更高的要求基于用户正确的操作行为,产品提供的反馈能否给予用户情感上的满足,这对产品中的一系列反馈机制提出了更高层次的要求,同时也对设计师提出了更高的要求。具体请参考《用好的交互设计来减少用户等待》一文。
作者:Mandy权,微信公众号:小Q聊产品