如何通过徽标数（红点）提升通知易用性？

当产品想让用户知道TA有未读消息或者未处理任务时，产品可以通过徽标数的提示，来让用户获得直观感知。不过虽然徽标数可以帮助提升曝光，在产品设计中，它却不能随便乱用。具体如何进行徽标数的相关设计，以提升通知易用性？一起来看看作者的分析和解读吧。

前言在的十大可用性原则中第一条

系统可见性原则：保持界面的状态可见、变化可见和内容可见。让用户知道发生了什么。徽标数在系统可见方面扮演着重要角色。通过徽标数的提示让用户直观的感受到系统的可见性，其目的是告知用户有未读的消息或有未处理的任务，当用户完成后徽标数消失。

有些错误是应该避免的；例如，联系信息目标电话号码或电话营销数据错误且无效，不遵守某些重要的州法律。考虑到电话营销数据库未清理且未分段，意味着必须花费更多时间和成本给真正想要打电话的人打电话，并且可能会失去业务。

徽标数本是提升点击率和曝光率的利器，然而有些产品却将徽标数当作信息触达的利器，随意使用这件杀伤力武器，使得徽标数被滥用，造成用户免疫，徽标数反而失去了本身的作用。本文通过简析徽标数设计，探讨如何通过徽标数（红点）提升通知易用性？二、徽标数构成容器：承载内容的容器，一般由圆或圆角矩形等构成。内容：字符/图标，通常表示未读信息的数量或状态。如下图所示，是几种常见的徽标数类型。如何通过徽标数（红点）提升通知易用性？三、徽标数类型 1）红点徽标（Dot）单纯红点，视觉强度较弱。

多用于低重要度的提醒内容

功能、状态或动态更新。如何通过徽标数（红点）提升通知易用性？ 2）数字徽标（Digital）有具体的数量，多用于IM消息对话通知。最大值根据不同场景显示如99+或 999+。如何通过徽标数（红点）提升通知易用性？ 3）文字徽标（Text）有具体的引导文字，多用于吸引或引导用户注意，文案简单易懂。文字尽量少于 4 个字。如何通过徽标数（红点）提升通知易用性？ 4）自定义徽标（Custom）有自定义图标或图案，多用于较强的提醒内容、功能、状态或动态更新。

如何通过徽标数（红点）提升通知易用性？由于不同机型的适配不同，需要注意最大字符，避免超出所在的范围。如下图所示：如何通过徽标数（红点）提升通知易用性？四、使用场景目前市面上的使用场景大致有以下3个方向： 1. 消息通知消息本身具备数量，那么可以通过徽标数告知给用户。

在微信tab 1通过徽标数告知用户未读消息条数

当用户完成阅读后，则徽标数量减少或消失，如下图所示：如何通过徽标数（红点）提升通知易用性？淘宝-我的淘宝-个人订单中，通过徽标数告知用户不同状态的订单数量。如何通过徽标数（红点）提升通知易用性？微博粉丝群，当设置消息免打扰后，徽标数从数字变为红点提示。告知用户粉丝群有新消息。

营销通知通过徽标数，传达某种利益点，提升用户有效曝光率和点击率。例如支付宝的基金，通过徽标数传递基金正确投资方式，立足长期，才能获得更多收益。滴滴通过徽标数告知用户有超值券超值活动，提升用户点击率和成交转化率。如何通过徽标数（红点）提升通知易用性？ 3. 系统通知系统消息以徽标数的形式，传达给用户。如QQ的动漫列表，通过红点提示用户今日有奖励可以领取。

如何通过徽标数（红点）提升通知易用性

五、设计要点徽标数的设计要点有以下5点： 1. 一致性当使用数字徽标时，徽标计数具有一致性，数字的计数仅统计数字的计数，不包含红点数量。如下图抖音的消息徽标数统计。各个二级列表的徽标数量之和等于上一级徽标数量。如何通过徽标数（红点）提升通知易用性？ 2. 连贯性对于多层级徽标数，需要各个层级页面具备一定的连贯性。如支付宝红点层级具备一定的连贯性，这样可以很好地指导用户到达指定的页面。如何通过徽标数（红点）提升通知易用性？ 3. 合理使用合理的使用可以避免用户对徽标数产生免疫。

最好的体验是提供简洁、信息丰富的通知。用户打开通知以获得快速更新，因此专注于简洁地提供有价值的信息。如何通过徽标数（红点）提升通知易用性？对于非IM场景，满屏的徽标会给人带来压力且没有重点。下图1中，美团首页金刚区，没有业务模块通过徽标数去提升业务的点击率，做的相当克制。而图2则满屏的徽标数。每个业务模块都想去强化提示，从而提升有 INBOUND 2024：与人工智能共同创造以推动增长效曝光率和点击率，结果造成整个页面没有重点，甚至导致整体数据变差。如何通过徽标数（红点）提升通知易用性？从通知的重要程度来考虑，可根据不同情况大致分为以下三个层次：高关注度：强提醒或需要及时回应，这种情况常使用数字徽标。中关注度：无需立即回复，较为重要的活动消息或营销通知，这种情况常使用文字徽标或自定义徽标。

低关注度：不关注但需要偶尔查看

免打扰的消息通知或不太重要的营销通知，这种情况下使用红点。如何通过徽标数（红点）提升通知易用性？ 4. 给用户选择的权利针对于徽标数产生机制，有时候会产生过量的徽标计数，如何通过设计去平衡数量，这时候可以将选择权交给用户。如下图所示：随着加的微信群越来越多，微信群消息也开始泛滥，对于有些群不重要的信息，用户可以根据自身情况去设置消息免打扰，降低微信群消息轰炸。

如何通过徽标数（红点）提升通知易用性

如下图所示：为了解决淘宝卖家对于用户过度营销，造成骚扰，淘宝设计了拒收功能。用户点击后即可屏蔽商家发送的消息，只有下次用户主动和商家交流时，商家才能继续发消息。如何通过徽标数（红点）提升通知易用性？ 5. 创新形式使用微动效的徽标 cl 列表可以增强用户操作趣味性，提高关注度。对于信息的触达有明显的提升。当然也要适度避免滥用。如下图所示：京东和拼多多的徽标数动效既增强了趣味性又提升了关注度。