To B产品的需求方是付费大客户，很多情况下，我们无法拒绝客户所提的需求，他们想要的东西越多，我们的产品就越难做到简洁易用。

　　做To B产品的交互设计，难免会遇到数据统计相关的设计工作，毕竟B端的需求包含了管理者对网站、对人员的管理，需要通过数据来了解整个网站的运营状况。

　　前段时间由于客户需求的紧迫，连续做了好几个统计信息模块的设计迭代，正好可以来说说这类信息该如何进行规划和设计。

　　Web端是统计信息最合适的载体

　　虽然已经全面跨入移动互联网时代，但web端仍然有其存在的必要性(PC客户端在产品升级迭代方面的较差表现，使得其逐渐被web端取代，本文暂不提及)。手机的便携性特点决定了其屏幕大小势必走不出方寸之间，一旦一个页面所需要承载的信息量较大，移动端就直接可以被抛弃，或者仅作为辅助终端了。

　　统计信息的展示就是其中一种大信息量需求类型，在移动端当然也可以针对性地设计图和表，但图表除了查看具体每条信息的作用之外，还承载着整体性观察和信息间对比的使用场景，小屏幕无法达到这样“一目了然”的查看效果，因此web端是统计信息最适合的载体。

　　To B产品的受众是企业/商家，在客户对产品的需求中，很重要的一块内容就是网站管理和运营，比如电商类网站的卖家端、社交类网站的内容输出端(大V端)等，他们需要通过统计数据来了解运营状况，从而进行总结和改善，那么，对统计图表的高需求度必然使得web端成为To B产品很重要的一个内容承载终端。

　　那么，在web端，我们应该怎么来规划和设计大量数据报表的展示呢?

　　分析和确定信息层次

　　首先，我们需要确定的是，在页面上呈现的数据种类有多少，数据的量有多大。但往往对于功能复杂的To B产品来说，统计数据的种类和量级是非常庞大的，客户对于数据的要求是“全量”获取。

　　为了让页面看上去尽量简洁、重点突出、直观易读，就需要对这“全量”的大数据做分模块、分层次的规划。

　　1. 分模块

　　分模块是我们最常用的手段，根据信息的不同类型，来分页面展示。通俗一点说，就是尽量将不同类信息放在不同Tab下展示，以减少单页面的信息承载量，同时，Tab也为使用者提供了快速的内容导航。

　　我们在云课堂企业版的统计报表模块，就分了课程学习统计、课程资源统计、项目学习统计等不同的报表页面，如果单个页面的信息量还是过于庞大，可以相应地增加模块中的子级导航。

　　2. 分层次

　　放在同一个页面展示的数据信息，我们也应该根据其属性、重要程度来确定展示的层次。

　　我们接触得最多的数据信息展示形式有：表、图、大数字等。其中，“表”所承载的信息密度是最大的，其次是“图”，而大数字的形式则只能在一个特定区域内展示一个一维指标，信息密度是最小的。

　　从这个角度来说，信息密度小的数据展现形式，往往代表着数据指标本身的重要性非常高，我们也会把它放在页面最显著的位置，比如页面顶部。

　　确定了各类图表样式的特点和作用之后，我们就需要开始着手分析各个指标的重要程度了，根据不同重要程度来决定采用怎样的图表样式，以及放在页面的什么位置来进行展现。

　　3. 确定指标重要程度的考虑因素

　　功能页面主要针对的使用人群

　　使用目的

　　概率最高的使用场景

　　首先需要确认的是，这个功能页面使用率最高的是哪类人群，比如，是公司高层决策者，还是产品经理、HR等职能人员。

　　其次考虑，他们最终的使用目的是什么，比如把握整体公司运营状况，还是了解销售量、短期运营活动情况等细节。

　　再次是出于这种使用目的，模拟他们进入功能页面后的场景、关注点、使用路径等，从而做出指标最重要性的决策。

　　比如在云课堂企业版中，我们通过与企业用户的访谈沟通，了解到企业线上培训的管理者往往是HR，而HR所关注的是，这个平台有没有被真正用起来，使用率和效果好不好，这直接能反映HR部门的工作成效。那么我们就大致明白了，其经常查看的数据往往是员工学习时长、线上学习人数、选课完课人次等重要指标。

　　使用合适的表现形式