前言
看本系列需要时刻保持独立思考能力。
本篇主要探讨我们在设计和开发时,需要加入什么样的小巧思,制造一个“完美”运营弹框。运营弹框并不属于 Design Components 的其中一个组件,我们在开发时无规矩不成方圆,因此我们硬要为它找归属,它有阻塞用户操作、展示重要信息的特点。因此可以将它归属为 Alert 或者 Dialog。
弹框最佳实践
我们从 Apple Design Guidelines 和 Material Design 中可以总结出弹框的最佳实践:
弹框会阻塞用户操作,谨慎使用弹框,只有在展示重要信息时才展示弹框。
Use alerts sparingly. Alerts give people important information, but they interrupt the current task to do so. Encourage people to pay attention to your alerts by making certain that each one offers only essential information and useful actions. - Apple
Dialogs are purposefully interruptive, so they should be used sparingly. - Google
而运营弹框展示的都是带来营收的重要信息,因此使用弹框来展示可以带来营收的内容是最佳实践之一。
弹框中加载
当弹框中的内容需要从服务端获取,从APP 想要弹框到 APP 能够弹框中间拥有一定的间隔,而用户随时会离开本页面,为了尽可能抓住机会将运营内容展示给用户,我们可以利用弹框的一个重要的特点,阻塞用户操作,让用户逃不出运营广告的手掌心。
如果弹出一个空白弹框这是无论如何都不符合预期的,反倒可能会引起用户反感,你总不能把用户喊住但是又什么也不干吧。因此一个加载动画可以很大程度安抚用户的情绪,并提供一种期待感。
等 Loading 结束之后再把运营内容展示出来,这种策略也是经过市场验证的,某品牌手机的运营弹框就是使用的这种策略。
禁止点击外部取消
如果在展示加载中的时候,用户心急想点击外部取消掉怎么办呢?我们还有一种方法就是,禁止弹框点击外部取消,这个操作可以增加运营内容的消费率,防止服务和运营资源的浪费。
我们的广告位非常值钱,如果用户看不到,前面阻塞用户操作辛辛苦苦加载的内容将白费了。
我们可以建立一个简单的用户体验地图,用户使用本应用肯定是带有目的性的,而这种目的性将会驱使他进入 APP 之后会快速点击他们的目标区域,这个目标区域未必在弹框内,此时弹出来的弹框将会被取消掉,一闪而过看不清的内容会让用户非常困惑、生气。
我们禁止点击外部取消之后,在弹框弹出来一段时间再允许点击外部取消,保证用户有充分时间阅读运营和设计精心准备的内容,以下为禁止取消之后的用户体验地图。
异形弹框
什么是异形弹框?就是运营内容突出到弹框外,这样的弹框沉浸感极强,举个例子:
没有针对这些 APP 的意思,只是做案例演示,它们也并非文章描述的那样。
弹框中拥有一个异形图片带一个矩形弹框,当然只要你愿意,整个弹框都可以是异形的内容。
一旦拥有这种异形运营内容,我们就可以把点击区域延伸到外边。因为用户碰到弹框会条件反射性地点击弹框外的遮罩区域取消弹框,这样用户就中计了,这样就容易点到我们精心设下的陷阱。异形弹框的边界域是模糊和隐蔽的,用户在误点之后是会带有比较大的宽容度的,因为矩形的点击区域是“系统设计如此”。
一次又一次的误点会让用户对异形弹框渐渐带有防备之心,不会轻易点击外部区域了,反而去寻找关闭按钮,而增加的这一个思考动作和观察时间可以让用户对该运营活动更加了解,不会白费运营同学的一番心血。根据这一点,我们引入下一个妙招:足够隐蔽的按钮。
足够隐蔽的关闭按钮
这个最好理解,在在上方的两个样例中找一下关闭按钮就可以看出来了。
有人可能会问了,可不可以直接去掉这个按钮呢?不行。
因为由于这个关闭按钮不仅仅是满足符合运营弹框的规定, 还满足了无障碍的需求,无障碍设计是不可缺少的东西,因此我们不能去掉这个按钮。
关闭按钮一般需要带一个背景和一个叉叉示意,这个背景我们可以尽可能让它透明,让它尽可能隐蔽,足够隐蔽和足够小的按钮不仅增加了寻找的实践、误触的概率,也为下一个妙招做铺垫。
加一点随机点击事件
在点击关闭按钮的时候我们 Roll 一个骰子,Roll 到六点就跳到运营内容,谁支持谁反对!
当然,这么做有一定的风险,跳转概率越高,收益越高,风险越大。还记得我们刚刚引入的一个元素吗?足够小的关闭按钮。
我们手指普遍都会比按钮大,当我们点击小且边界模糊的关闭按钮时,都会小心翼翼不要点错,因为我们内心都会有一个误触心理预期。而这个心理预期也对这个按钮带有一定的包容度,能够接受一定概率按下去跳到运营内容。我们利用这一点心理预期,来Roll 一个比较小的随机事件,点击关闭按钮一定概率跳到运营内容。
总结
我尝试让 AI 续写这篇文章,AI 根本无法正确理解这篇文章的上下文内容,也无法顺利续写该怎么设计一个完美的运营弹框,都是从放大关闭按钮,增加点击效果,避免随意弹框之类的出发点来考虑。(AI比产品经理还要人性化)
我们作为一个程序员,拥有比较高的主观能动性,该怎么做才能避免用户反感其实显而易见了。