编辑导语：相信最近打开APP，你都会收到相应的年度账单点击提醒。而这些年度账单大多来源于C端产品。B端产品的面向用户、设计目标与C端产品有很大不同，此时若想设计年度账单，该从哪些方面入手呢？本文作者便结合实际经验，做了相应总结。

年关将至，各大平台的年度账单早已“满天飞舞”，频频刷屏。

说到年度账单，很多人对于C端的设计早已感觉轻车熟路，大不了就借鉴借鉴（抄一抄）嘛，总还是能找出点灵感的，站在巨人的肩膀上做设计，水平再低也差不到哪去。

那B端产品的年度账单该怎么设计呢？毕竟它没有那么多的竞品可以参考，很多B端PM想设计个年度账单，总感觉老虎吃刺猬，无从下嘴。

今天我就带大家结合我的实战经验，给大家提供一些设计思路和方法。

一、为什么要设计B端的“年度账单”？

设计B端年度账单的目标和C端是截然不同的，其虽然没有C端用户促活、用户拉新、产品变现、品牌宣传这么目标多样，但也至少有以下三大作用。

1. 助力企业文化宣传

B端产品有很大一个特点就是肩负着企业文化宣传的重任，而OA系统尤甚，作为一个门户入口，全量用户都要从此进入，实在是一个绝佳的宣传阵地，对于文化宣传，国企、事业单位尤为重视，所以一个好的B端年度账单，如果能够很好地融入企业文化的宣传，那将是一个很好的亮点，用户也更能融入情景，更能产生共鸣，使得文化宣传得到事半功倍的宣传效果。

2. 强化员工认同感

通过年度账单各项数据的总结，可以汇总出员工对企业的具体贡献，再加上企业和员工是同命运、共呼吸的共同体的强调，感谢员工一年默默的付出，那么可以给员工很好的文化认同和企业认同，使员工和企业联系的更加紧密。

3. 有利于形成积极进取的良性循环

年度账单可以增加个人排行榜或者战胜百分之多少的用户荣誉墙，巧妙地利用马斯诺的需求理论中的尊重与自我实现需要，满足用户的价值感。在增加分享功能后，让每个员工一年的工作成果可以分享到个人工作空间或者朋友圈，让自己的同事和领导看见，形成很好的“荣誉攀比”，进而形成良好的竞争循环。

二、怎样设计一份优秀的年度账单？

1. 数据层

1）数据相关性

年度账单中展现的数据可以有企业整体的发展数据，例如：销售额共计XXX，环比增长XXX，总利润XXX，待办量XXX等以鼓舞士气，但是更多的应该是体现员工个人相关的数据，比如：个人待办处理量、集团新闻阅读量、应用点击量、搜索数据等等，这样才能让员工感觉到这是和自己息息相关的事，给员工以参与感、认同感，进而发挥出年度账单最大的意义。

2）数据多样性

年度账单中的数据应该尽量丰富多样，这样才能给人饱满、立体的感觉。

很多系统可能偏垂直，个人能提炼出的相关数据可能并不是很多，这时候我们可以采取一个维度的数据多个角度去阐释的方式进行全面解读。

例如每个系统都有的登录数据，我们可以从登录总PV，登录UV，日均登录次数、加班天数、加班总时长、最早登录的时间点、最晚登录的时间点、环比数据、同比数据、战胜XX%的用户、XX节日期间有没有登录等维度立体地去给用户呈现数据，这样才会给用户带来饱和攻击，击穿他心底最后一道薄弱的防线。

3）数据的迎合性

同样都是数据展示，我们应该尽可能地给用户展示他喜欢的、更能表现其成就的数据。

比如：优先选择PV而不是UV；各项数据的日均处理量，分母是实际处理天数而不是固定的250；战胜XX%的用户，当低于某一个阈值时，大家都是一个数，别到时候数据显得那么尴尬。这样才能激发出用户的自豪感，不至于让用户一看账单，都是个位数，瞬时间挫败谷底，进而没有兴趣继续再看下去，关闭走人，失去了企业文化传播的目的。

4）数据的准确性

这里的准确性有两个方面去解读，第一个就是符合定义标准的数据计算一定是准确无误的，例如我们要求统计周期是2021.1.1-2021.12.31日的数据，那显然是开始时间的00:00点到截止时间的24:00，绝对不能是截止时间的00：00点，否则就少了一天的数据。

还有我们在算日均登录次数的时候，合理的应该是PV/250, 而不是PV/365, 因为一年减去周末和节假日，那么纯工作的天数也就250天。

2. 文案层

1）贴合性

年度账单中每个模块所描述的文案一定要和本模块内相关数据约贴合越好，这样才能显的浑然一体，不然二者风马牛不相及，给用户带来格格不入的感觉，是非常不好的，尤其是一些企业为了宣传新战略、新目标、新文化，强行把这些东西和登录数据、待办数据、新闻数据、应用数据结合到一起，弄的不伦不类的，给用户很轻的“出境感”。

（当然，如果你是文案高手，就能把两个没有关系的东西联系到一起，当我没说）。例如下面两个文案描述，大家可以对比一下：

2）情感化

文案的描述一定要有带入感，仿佛是两个人在对话一样，让用户感觉很自然，读起来能产生情感共鸣，感觉被关怀、被关注，此刻他就是宇宙中心，他的心就是一个冰冷的石头，我也得用语言给捂化了，这就对了！

比如描述登录数据时，简单一点的描述是：在过去的一年里，我们陪伴你一起走过XX个日日夜夜；情感化表达就是：陪伴是最温情的告白，在光阴浩渺的烟波里，有你便是温暖。

当然文采这个事情不是说有就用的，需要有很长时间的文化沉淀才能挥洒自如，咱们在设计的时候，如果感觉自己喝的墨水不够多，找文笔好的同事，借力使力就行了。

3）层次感

每个模块的文案布局一定要有层次感，不能太平让用户抓不到重点，可以给每个模块起一个简单的标题，也可以突出数据，因为数据的属性就一定暗示了这个模块的潜标题，无需再傻傻地写上“XX模块数据”。

一般从布局上来讲，分主标题、副标题、辅助文案三个层级，他们依次弱化处理即可，例如下图：

3. 视觉层

1）视觉风格

视觉风格依据上线节点、企业VI、用户画像而定，如果咱们是春节期间上线，当然年味十足比较合适；如果企业VI体系中已经明确的企业整体视觉调性，那么和VI相吻合即可；如果用户画像已经明确的是男性占比大多数，那么我们可以采取科技蓝来迎合这一用户群体的视觉偏好。

当然设计趋势从扁平到2.5D再到现在的3D，总是在不断地轮回变化，我们视觉风格的选定还需要结合企业性质、系统主色调、系统终极决定权者的爱好综合考虑，往往The final say有一票否决权。

2）排版布局

粗糙的肯定是码一堆文字背景简单设计，进阶一点的是给你放点点缀的元素，高级一点的是图形结合的形式，而且图一般都是手绘的插画或者用3Dmax制作，最重要的是图一定要和文案、数据属性相吻合，这一点非常重要。

我们可以看下如下两个C端的例子，做得比较好。

3）动效设计

好的年度账单总离不开适当的动效，点睛之笔的动效总能让人耳目一新，记忆深刻。

但是动效设计一定要克制，并不是越多越丰富越好，因为年度账单的重点是数据和文案，图片和动效只是陪衬，切记喧宾夺主，本末倒置，下面给大家展示两个做得比较好的动效案例，以供参考。

4）展现形式

如果能够全屏展示当然是最好的选择，可以给用户以最沉浸式的体验；如果再加上点轻松的背景音乐，那就更好啦；如果再加一些互动交互，那就更好啦，比如有的企业发红包，你点击进去可以领；有的是你收到董事长的新年祝福，点进去是董事长对全集团的新年讲话；有的设计的像打游戏一样，你每翻一屏，就像打通一关，不断地打怪升级，满满的成就感。

美好的展现形式千万条，符合用户喜好的场景永远第一条。

三、方案常遇到的风险有哪些？

1. 数据处理

对于用户基数比较大的产品，一定要提前评估数据量，提前导数据并进行数据处理，避免在截止时间都还没计算完数据，给整个项目带来不必要的延期风险。

2. 加载速度

如果年度账单设计得比较复杂，图片、视频、控件比较多，数据比较大，一定要做好充分的测试，提前暴露潜在的风险，对于图片、视频可以在不失真的前提下，进行最大限度的压缩；对于数据，我们一定要提前都算好，为了加快加载速度，也可以把数据放在缓存里。

3. 高并发

未了避免高并发带来的风险，我们可以在后台加个开关做好对不同省份逐步开放，先小规模进行验证，然后再慢慢放开上线范围，直至全部上线，以达到安全交付的最终目的。

四、写在最后

B端产品的设计更多的是戴着脚镣来设计，在整个方案的推进中会往往会受到相关业务部门基层、中层、高层的层层“建议”，像年度账单这种偏视觉层、感知层的设计，任何懂的不懂的都会给你来点“个人感受”，我们要做的就是修炼好内功，练好口才，设计好方案，把别人想到的、想不到的都提前思虑周全，这样才能在整个方案推进中如履平地、收放自如。

最后奉上我们团队设计的B端年度账单案例，供大家学习参考。

本文由 @B端实战训练营 原创发布于人人都是产品经理。未经许可，禁止转载

题图来自Unsplash，基于CC0协议