“烦人的小妖精”，小红点是怎么来的(2)

在投放小红点之前，应先确定好小红点的消除策略，大部分App采用触过即消的策略，还有一些App则需要到达最后的页面层级，其上几个层级入口的小红点才会消除。而部分App为了对业务入口进行强引导，在用户轻触后小红点仍然存在，这无疑是在挑战用户的底线，甚至还有可能导致用户卸载App。

笔者正在使用的Behance这款App，首页右上角的红点，无论尝试多少次轻触进入最后层级的页面，都无法成功将其消除，实在是令人如鲠在喉，不知道有没有小伙伴也遇到相同的问题。

而手机QQ早在2014年就上线的小红点“一键下班”功能则是一个非常值得称道的设计案例，拖拽消除小红点的操作便捷又有趣味性，一键清除小红点之后简直是神清气爽，可见从小细节上给用户带更好的体验多么重要。

4. 更多样的小红点

形式小红点的样式从最初始的红色小圆点形式，已经慢慢进化到现在样式丰富的异形红点，但红色小圆点这一元素仍得以保留。千篇一律的样式总是让人感到厌倦，如果能结合自身产品的特征及形象设计新的小红点样式，不仅能给用户带来新鲜感，更能加强产品的品牌形象。

如厘米秀就使用了小胶囊的样式，作为获得新套装的提醒引导，不仅贴合了自身品牌的形象，也与页面其他的常规小红点样式区分开来，更加生动有趣。

5. 结合微动效

如今手机的屏幕很大，用户阅读的视线路径很长，用户被上一层级入口的小红点引导到当前页面后，往往需要花费一点时间来寻找当前页面的小红点，而结合微动效的小红点则可以有效的解决这一问题。因为人类天生就会关注正在运动的事物，让小红点动起来无疑是吸引用户注意的好方法，结合微动效的小红点更具情感和趣味性，容易能给用户带来愉悦的体验。

6. 克制投放小红点

投放太多小红点容易产生两种极端情况，一个是造成用户产生厌烦心理而卸载App，另一个是用户对小红点完全产生免疫，尤其是在游戏App中，试问你现在玩王者荣耀的时候，面对满屏的小红点，还要每次都全部消除完毕之后才会开黑吗。

因此，在投放小红点之前，先思考一下在某一入口投放小红点的目的，是不是有其他更好的方式能代替小红点，即符合业务场景又能起到为业务导流的作用。

来看看几个在同一业务入口下使用小红点与非红点案例的对比，第一个是QQ钱包的账户余额入口，非红点方案采用了数字滚动的效果，比起小红点方案，不仅更能吸引用户的注意力，也能清晰的表达钱包余额减少的概念，设计可谓十分精巧。

第二个是淘宝App首页的“天猫国际”业务入口，非红点的方案，结合了天猫的卡通形象，配合了弹出和眨眼的动效，十分的俏皮可爱，也加强了自身的品牌形象。

如今这种动态业务入口的方案正被许多电商类App采用，不仅能吸引到用户的注意力，还能展示更多的运营信息内容。

从以上几个方案的对比，可以看到，在一些业务入口的场景下，投放常规的小红点虽然也能满足业务的需求，但是如果经过精心的思考和设计，最终的方案往往能给予用户超出意料之外的精致体验。

7. 验证投放的效果

一款App有成百上千的业务入口，并不是每种小红点形式都能适用。如果不确定是否要投放红点，或者纠结使用哪种小红点形式，在条件允许的情况下，可以通过灰度发布进行A/B test，关注不同小红点方案的转化效果，搜集到的数据往往能为最终上线的方案提供有力的支撑。

由腾讯SNG内部开发的开普勒平台，就是一个通过数据检验设计效果的得力工具，通过在各个业务入口埋点，持续关注线上数据的变化，搜集用户的反馈数据。

如以下的案例，通过A/Btest，发现业务入口的彩色icon的平均转化率高于纯色的icon 20%左右，因此最终选用了彩色icon作为最终上线方案。通过工具搜集数据反馈，让设计不再是主观臆断，也能以此为依据不断的迭代优化设计方案，增强用户体验感。

结语

以上啰嗦了这么多，主要目的是希望广大的互联网从业者们在设计过程中能对小红点的保持一定的关注。不要在设计的最后环节才想起它，然后随意投放应付了事，最终不仅打扰到用户，产品自身的口碑也受到影响。

当然，每款App的各个业务入口和功能场景不尽相同，设计面临的情况十分复杂，也不要为了追求所谓的创新而使用各种“炫酷”样式的小红点，应当回归到用户的价值，思考投放小红点的必要性，以及小红点形式与产品视觉风格的一致性，如此一来，原本烦人的“小妖精”才会真正的被用户所接受。

参考资料：怎样设计一个不好的“红点”逻辑手机APP设计干货：不简单的红点设计Mobile UX Design: What Makes a Good Notification?Designing the Perfect Notification UXLocal and Remote Notification Programming GuideManaging notification service connections and displaying icon badges

作者：腾讯社交用户体验设计部 YU

来源：zhihu

文章作者系 知乎账号@腾讯授权发布于人人都是产品经理，未经作者许可，禁止转载。

编辑：未知