产品设计手绘排版-如何设计B端产品的“年度账单”？

随着年底的临近，主要平台的年度账单已经“遍布天空”，并且经常淹没屏幕。

说到年度账单，许多人长期以来一直对C-End的设计感到熟悉。最糟糕的是，他们可以从中学习（复制它）。他们仍然可以找到一些灵感。他们站在巨人的肩膀上设计，无论其水平有多低，它们都不会更糟。

那么，我们应该如何设计B-End产品的年度账单呢？毕竟，它没有太多的竞争对手可以参考。许多B-End PMS都想设计年度账单，但他们总是觉得老虎吃刺猬，不知道如何下车。

今天，我将带您结合我的实践经验，并为您提供一些设计思想和方法。

1。为什么要在B面上设计“年度帐单”？

设计B端年度账单的目标与C-End的目标完全不同。尽管他们没有促进激活，用户招聘，产品货币化和品牌推广的C-End用户的各种目标，但他们至少也具有以下三个主要功能。

1。帮助企业文化宣传

B端产品的最大特征之一是它们承担着企业文化宣传的重要任务，而OA系统尤其好。作为门户，所有用户必须从现在开始输入。这确实是一个很好的宣传基础。国有企业和机构非常重视文化宣传。因此，如果可以将一项良好的B端年度法案很好地纳入企业文化宣传中，那将是一个很好的亮点。用户还可以集成到这种情况中并引起更多共鸣，以便文化宣传可以通过一半的精力获得两倍的结果。

2。加强员工身份

通过对各种年度票据数据的摘要，可以总结员工对公司的具体贡献。此外，强调公司和员工是一个具有相同命运和呼吸的社区。感谢员工在过去一年中的沉默努力，他们可以为员工提供良好的文化和公司认可，以便更紧密地联系员工。

3。有利于形成侵略性的良性循环

年度账单可以增加个人排名或击败用户荣誉墙，巧妙地利用Masno的需求理论来满足用户的价值感中的尊重和自我实现的需求。添加共享功能后，他的同事和领导者在个人工作空间或朋友的圈子中可以看到每个员工的年度工作结果，形成了一个良好的“荣誉比较”，从而形成了一个良好的竞争周期。

2。如何设计出色的年度账单？ 1。数据层

1）数据相关性

年度账单中显示的数据可以包括公司的整体开发数据，例如：销售总计XXX，每月增长XXX，总利润，XXX，待办事项XXX等，以提高士气，但它应该更多地是关于员工的个人数据，但有关员工的个人数据，例如：个人待办事项，搜索员工的个人范围ip形象，搜索员工的含义，以使其与该含义相关，以使其与该含义相关，因此，该含义，以使其与此相关，因此，该含义，以下是这样，以至于以至于以至于以至于以至于以至于以下含义，以至于以至于以至于以至于以下含义，以至于以至于以至于以至于以下含义，以至于以至于以下含义，以至于以至于以至于以至于以至于以至于以下含义身份，然后发挥年度法案的最大意义。

2）数据多样性

年度法案中的数据应尽可能丰富和多样化，以便使人们充满三维的感觉。

许多系统可能是垂直的，并且可能没有很多相关的数据可以提取。目前，我们可以使用数据的一个维度以多个角度解释，以进行全面的解释。

For example, the login data that each system has, we can present data to users in three-dimensional dimensions from the total login PV, login UV, average daily login times, overtime days, total overtime duration, earliest login time point, latest login time point, month-on-month data, year-on-year data, defeating XX% of users, and whether there is any login during the XX festival, so that it will bring saturation attacks to the user and break通过他心中的最后一个薄弱的防守线。

3）数据迎合

它也是数据显示，我们应该向用户展示他们喜欢的数据，并更好地展示他们的成就。

例如：PV优于紫外线；每个数据的平均每日处理量是实际处理号而不是固定的250；击败xx％的用户，当它低于一定阈值时，每个人都是一个数字，所以当时不要那么尴尬。这将刺激用户的自豪感，并且不会让用户看到单位数字，立即失败，然后对继续阅读，关闭和离开，失去企业文化传播的目的不感兴趣。

4）数据准确性

这里有两个方面可以解释这里的准确性。首先是，符合定义标准的数据的计算必须准确。例如，我们需要从统计期到2021.1.1-2021.12.31的数据产品设计手绘排版，显然是从开始时间到截止日期的00:00到24:00。截止日期不得00:00，否则数据将丢失一天。

同样，当我们计算平均每日登录时间时，它应该是PV/250而不是PV/365，因为如果我们在一年中减去周末和假期，那么纯粹工作的天数仅为250天。

2。文案层

1）健身

年度帐单中每个模块中描述的文案写作必须与该模块中的相关数据匹配，以便可以集成。否则，两者将是不兼容的，并给用户带来不相容的感觉，这是非常糟糕的。特别是，一些公司将这些内容与登录数据，待办事项数据，新闻数据和应用程序数据相结合，以促进新的策略，新目标和新文化，这使它们不一致，并为用户提供了非常轻的“出站感觉”。

（当然，如果您是撰稿人，则可以将两个无关的事情连接在一起，而我不说）。例如，可以比较以下两个副本说明：

2）情感

副本的描述必须内向，好像两个人在说话，使用户感觉非常自然，并且在阅读时可以在情感上产生共鸣，并感到受到照顾和关注。此刻，他是宇宙的中心，他的心是一块冷石，我必须用文字掩盖它，这是的！

例如，在描述登录数据时，一个简单的描述是：在过去的一年中，我们陪伴您二天和晚上；情感表达是：陪伴是最温暖的认罪，在大量的时间浪潮中，您就是温暖。

当然，文学才能不是可以通过说出的东西。能够自由的文化降水需要很长时间。当我们设计时，如果我们觉得自己喝足够的墨水，我们只需要找到具有良好写作技巧的同事，然后用它来尽力而为。

3）分层的感觉

每个模块的副本布局必须具有分层感，并且不能太和平，无法阻止用户获得关键点。您可以给每个模块一个简单的标题或突出显示数据，因为数据的属性必须暗示该模块的潜在标题，并且无需愚蠢地编写“ XX模块数据”。

一般而言，它分为三个级别：主要标题，字幕和辅助文案写作。它们可以按顺序处理，例如下图：

3。视觉层

1）视觉样式

视觉样式取决于在线节点，公司VI和用户肖像。当然，如果我们在春节上上网，那么拥有完整的新年气氛更为合适。如果在公司VI系统中明确定义了企业的整体视觉基调，则它与VI一致。如果用户肖像已经清楚地表明大多数男性都是，那么我们可以采用蓝色技术来迎合该用户组的视觉偏好。

当然，从平坦到2.5D到现在3D的设计趋势总是在不断变化。我们的视觉风格的选择还需要全面考虑企业的性质，系统的主要颜色以及决定系统的人的利益。通常，决赛说有否决权。

2）排版布局

对于一堆文本背景来说，粗糙的设计绝对是一个简单的设计。高级的人正在为您提供一些装饰。高级是组合图形的形式。此外，这些图片通常是手绘插图或用3Dmax制成的。最重要的是，图片必须与文案写作和数据属性匹配，这非常重要。

我们可以查看以下两个c-end示例，这是更好的做法。

3）动画效果设计

一份好的年度账单总是需要适当的动态效果，动画的最后触摸总是会使人们令人耳目一新和令人难忘。

但是，必须限制动画效果的设计。它越富裕，越好，越好，因为年度账单的重点是数据和文案写作。图片和动画效果只是箔纸。记住要被不知所措，然后将购物车放在马面前。以下是两个更好的动画效果案例供参考。

4）显示表格

如果您可以在全屏中显示它，那当然是最好的选择，可以为用户提供最沉浸的体验；如果您添加一些轻松的背景音乐，那就更好了。如果添加一些交互式互动，则最好，例如，如果某些公司发送红色信封，则可以单击以接收它；如果您收到主席的新年问候，请单击以成为主席对整个小组的新年演讲；有些设计就像玩游戏一样吉祥物，每次您翻转屏幕时，就像打开一个水平，不断地与怪物与升级和升级，充满成就感。

有成千上万个美丽的显示表格，第一个满足用户喜好的场景始终是第一个。

3。计划遇到什么常见风险？ 1。数据处理

对于具有较大用户群的产品，您必须提前评估数据量，并提前指导数据并处理数据以避免在截止日期之前未计算的数据，这将为整个项目带来不必要的延迟风险。

2。加载速度

如果年度账单的设计具有更复杂的图片，视频和控件，并且数据相对较大，则必须进行足够的测试以提前暴露潜在风险。对于图片和视频，您可以最大程度地压缩它们而不会失真；对于数据，我们必须预先计算它们。为了加快加载速度，您还可以将数据放入缓存中。

3。高并发

在避免高分子带来的风险之前，我们可以在背景中添加一个开关以逐渐将其打开到不同的省份，首先以小规模验证它，然后慢慢放松在线范围直到所有人在线，以实现安全交付的最终目标。

4。最后写

B-End产品的设计更具束缚。在促进整个计划中，相关商业部门的基层，中层和高级部门通常会“建议”。例如产品设计手绘排版，年度法案的视觉和感知层的设计，任何理解或不了解的人都会给您一种“个人感觉”。我们需要做的是培养内部技能，练习口才，设计一个好的计划，并仔细考虑别人的想法和无法提前的想法，以便我们可以在地面上行走并自由撤回整个计划。

最后，我们介绍由团队设计的B端年度账单案例，用于您的学习和参考。