用户只要打开智能手机，总会或多或少看到小红点，就算用户将所有应用都设置为不推送，也会在微信里看到大量未读信息充斥着大量小红点。可见，小红点是非常常见的。作为一名产品经理，了解小红点机制、设计初衷，掌握小红点设计细节，统一投放逻辑以及消除逻辑是非常重要的。未经慎重思考设计就在产品内投放小红点功能，不仅达不到引导用户、业务导流的效果，还会让用户产生厌烦心理以及麻木心理。

产品经理为什么要使用小红点？

这还需要问吗？肯定是为了提醒用户查看未读信息呀！（实际上是为了为业务导流）其实，产品经理使用小红点无非是为了：

1.作为一种通知形式，告知用户：您有尚未查阅的信息；

2.为重要的业务入口导流，增加点击量，进而增大业务曝光率。

那又是谁发明了小红点？

目前受大众认可的说法是，小红点起源于9700系列的黑莓系统。当时的小红点以带有星号的形式展现在世人面前，具体的起源无法考证。但是，能够确定的是小红点被iPhone发扬光大。2013年，苹果公司注册了相关专利并正式在iOS系统上使用小红点，并将其统一放于App右上角作为通知规范。慢慢地用户开始习惯这种设计，以至于小红点成为了App的通用设计规范。

起源于黑莓，发展于苹果

然而，随着App爆发式增长，小红点设计也开始泛滥。只要是为了推广产品的新功能，增加某处功能的点击量，抑或是仅仅起到提醒的功能，很多产品经理都会投放小红点。正是这样，用户开始对小红点产生麻木心理甚至无视小红点，进而厌烦以至于卸载App，严重偏离了产品经理设计初衷。

现今的小红点都有哪些样式？

随着越来越多的App使用小红点，原本单一形式的小红点根据业务需求也随之出现了各种各样的样式，以满足不同场景的使用需求，具体如下：

单独式小红点

单独式小红点是最常见的样式，主要用于业务入口，起到基本的提醒和导流的作用，是最常见的小红点样式。

单独式小红点

数字式小红点

数字式小红点是在原有小红点的基础上增加数字而演变成的样式，可以展示未读消息数量，常用于社交类App。相比于单独式小红点，数字式小红点给人的「不适」感更加强烈。

数字式小红点

文字式小红点

文字式小红点是在原有小红点的基础上增加文字而演变成的样式，类似标签TAG。常见的文字内容有“热门”，“免费”，“NEW”，“限时”，主要用于活动引导，对用户有一定得吸引能力。

文字式小红点

异形式小红点

异形式小红点在原有小红点的基础上结合图标或内容缩略图而演变成的样式，可以让用户预知内容，主要用于强力推送的运营活动场景，例如游戏中心、朋友圈等。

异形式小红点

「可恨」的小红点为什么老是诱惑我去点击！？

那为什么小红点能够吸引用户眼球，诱导用户产生点击行为呢？原因很简单，小红点的使用「破坏」了平衡并让用户产生了「不适」，具体如下：

自身平衡「破坏」

App图标或导航栏icon常态下是不存在小红点的，突然间增加的小红点让它前后发生了变化，「破坏」了自身平衡，无疑起到了传递信息（我改变了）的功能，从而诱发点击行为；

周边平衡「破坏」

没有对比就没有伤害，与其他不存在小红点的App图标或导航栏icon对比，无疑让带有小红点的App或icon变得与众不同，在视觉上迅速引起用户重视，从而诱发点击行为；

「破坏」带来的「不适」

人都倾向于喜欢对称美，这是追求和谐统一的普遍心理，更不必说强迫症者。小红点的引入，「破坏」了原有的和谐，给用户带来的「不适」，进而引发了用户消除不和谐的冲动。而点击小红点即可消除这种低成本的机制已经在用户心理根深蒂固，为了消除「不适」用户会无意识或毫不吝啬地点击。

正是以上小红点的诱导机制，使得小红点逐渐成为提高点击量的利器。然而，这个利器却是「双刃剑」。

如何设计不让用户生厌的小红点呢？

了解了小红点的起源、样式以及机制，产品经理需要根据实际场景设计并使用小红点。但是，怎样的小红点设计才是及格的呢？

符合用户心理模型

狼来了的故事大家都听过，不要让小红点成为App版的狼来了。即，在可以控制的范围内让每一次小红点的投放都存在意义，而不是仅仅为了业务点击量的增加而盲目使用。如果用户点击小红点进入页面却发现没有新的内容，是不是有一种被骗的感觉？试想，有谁愿意被骗？

当然，很多产品经理会说，现在小红点已经被「玩坏」了，就算我们的产品不滥用小红点（这需要顶着业务压力，实属不易），其他产品也会滥用，整个小红点使用氛围依旧不变。对于这点，个人觉得任何一次尝试改变都有可能引起蝴蝶效应，而这个改变权一直在握在我们产品经理的手里。

统一的消除机制

小红点固然让用户感觉到「不适」，但良好统一的小红点消除机制同样可以给用户带来更好的体验。常见的消除机制如下：

1.点击即消，即用户点击小红点所在的业务入口即可消除小红点，这是最常见的机制；

2.到达最终页面消除小红点。在一些较深层级的业务里，用户需要顺着小红点的路径逐步点击才能最终消除小红点；这种机制的优势是可以引导用户跟随小红点来到指定的页面，但劣势是过深的层级又会让用户产生厌烦心理。因此，在选用这种消除机制时需特别注意业务层级深度；

3.特殊的消除机制，产品经理根据自身产品实际情况，量身定做符合产品定位的消除机制。例如QQ手机版“一键下班”，“一键退朝”设计，感兴趣的同学可以自行百度或点击文末参考文献。

QQ手机版“一键下班”

克制使用小红点

小红点的大量投放让用户产生麻木心理甚至厌烦心理，因此产品经理在投放小红点前不妨多思考，尝试使用其他方式代替小红点，例如：

1.icon的微交互；

icon微交互

2.产品logo或吉祥物的微动效；

吉祥物微动效

3.数字类文案的滚动加载；

数字滚动加载

4.需加强点击量的业务入口使用动态图。

动态业务入口

参考文献

1.逼疯人的小红点

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

3.QQ手机版 5.0“一键下班”设计小结