发布时间：2022-9-12 分类： 电商动态
To B产品的需求方是付费的大客户。在许多情况下，我们不能拒绝客户的需求。他们想要的东西越多，就越难以使我们的产品简单易用。
要进行To B产品的交互设计，不可避免地要遇到与数据统计相关的设计工作。毕竟，B端的要求包括代购源码网站和人员的管理，数据需要了解整个代购源码网站的运行状态。
前段时间，由于客户需求的紧迫性，连续进行了几次统计信息模块的设计迭代，只是说明如何规划和设计这类信息。
Web端是最适合统计信息的载体
虽然它已经完全进入移动互联网时代，但网络方面仍然有其必要性（PC客户端在产品升级迭代中表现不佳，这使得它逐渐被网络方面取代，本文未提及）。移动电话的便携性决定了它的屏幕尺寸必然会超出正方形。一旦页面需要携带大量信息，移动终端可以直接丢弃，或者仅作为辅助终端。
统计信息的显示是大型信息需求的类型之一。当然，在移动端，可以有针对性地设计地图和表格。但是，除了每个特定信息的作用外，图表还包含整体观察和信息。与使用场景相比，小屏幕无法实现这样的“一目了然”视图，因此网络侧是最适合统计信息的载体。
To B产品的受众是企业/商家。在客户对产品的需求中，一个非常重要的内容是代购源码网站管理和操作，例如电子商务代购源码网站的销售商和社交代购源码网站的内容输出（大型V端）。等等，他们需要使用统计数据来了解运行状态，以便总结和改进，然后，对统计图表的高需求将不可避免地使网络侧成为对To B产品非常重要的内容承载终端。
那么，在网络方面，我们应该如何规划和设计大量的数据报告？
分析并确定信息水平
首先，我们需要确定的是页面上显示了多少种数据以及数据量有多大。但是，对于功能复杂的To B产品，统计数据的类型和大小非常大，客户对数据的要求是“全额”。
为了使页面看起来尽可能简单，集中和直观，有必要为“所有”的大数据制作子模块和分层规划。
1.子模块
子模块是我们最常用的手段，取决于信息的类型，页面显示。说白了，就是尝试在不同的标签下显示不同类型的信息，以减少单个页面上的信息量。同时，Tab还为用户提供快速内容导航。
在云课堂企业版的统计报表模块中，它分为不同的报表页面，如课程学习统计，课程资源统计，项目学习统计等。如果单页的信息量仍然太大，你可以相应地增加模块中的孩子。导航。
2.分层
显示在同一页面上的数据信息，我们还应根据其属性和重要性确定显示的级别。
最常见的数据信息形式有：表格，图表，大数字等。其中，“表格”具有最大的信息密度，其次是“地图”，而大数字只能显示一维指标。特定区域，信息密度最小。
从这个角度来看，信息密度低的数据表示形式通常代表了数据指标本身的重要性，我们将把它放在页面最突出的位置，例如页面顶部。
在确定各种图表样式的特征和功能之后，我们需要开始分析每个指标的重要性，并根据重要性级别决定使用哪种图表样式以及将其放置在页面上的位置。
3.确定指标的重要性
功能页面主要针对人们的使用
使用目的
最可能的使用场景
首先要确认的是，此功能页面使用率最高的人员类型是，例如，公司的最高决策者，产品经理，人力资源和其他职能人员。
其次，考虑他们最终使用的内容，例如掌握整个公司的运营状况，或了解销售量和短期业务活动的细节。
同样，为了这个目的，在进入功能页面之后模拟场景，关注点，使用路径等，以做出指标的最重要决定。
例如，在云课堂企业版中，我们从对企业用户的访谈中了解到，在线培训的管理人员经常是人力资源，而人力资源部门则关注该平台是否已被使用，使用率和效果。好的，这直接反映了人力资源部门的有效性。然后我们通常会理解，它经常看到的数据通常是一个重要的指标，例如员工学习的时间长度，在线学生的数量以及选择课程的人数。
使用适当的表示
早些时候我们说过，最重要的指标应该以信息密度低的形式给予优先考虑，但考虑到不同指标的属性，并非所有形式都可以匹配所有数据指标，或具体问题的具体分析。例如，“活动”rd度量，除了值本身，还需要查看时间轴上的趋势，然后灯使用一维“大数”形式，或使用矩阵表格难以满足这样的指标显示要求。
如果你肯定使用“ldquo;”为了表示数据，有许多数据可视化可供我们选择，这在以前的相关文章中已经提到过，这里不再重复。我们可以大致采用以下策略来初步选择表达形式：
需要看一下比例，几个指标是互斥的，适合饼图或戒指;
需要查看比例，但当每个指标不相互排斥时，最好使用直方图，条形图;
需要看趋势，适合使用曲线;
当一个对象有2-3个指标维度时，你可以尝试使用散点图，气泡图来比较不同的对象;
当一个物体具有3个以上的尺寸时，您可以尝试使用雷达图来比较不同的物体;
这些图形是最基本的数据表示图形，但在数据可视化领域，有许多不同的表达方式，值得我们的搜索和应用。
灵活显示完整统计信息
如果它是To C产品，我们建议不要使用在统计模块中携带完整数据的矩阵表。毕竟，该表具有大量信息，缺乏重点，并且可读性较差。如果您只查看页面数据，则“数据可视化”和“数据可视化”这是体验的最佳策略。
但对于To B产品，公司需要查看并保存全部数据，甚至需要导出全部数据以进行进一步的数据分析，因此表格是必不可少的形式。
我们怎样才能使僵化的形式更具可读性？我们可以为表格添加一些必要的扩展，以实现灵活控制。
1.时间范围控制
时间范围的控制，即在一定时间内截取表格内容，进行比较分析，是一种常见的筛选要求。在设计时，时间选择的设计应该注意哪些细节？
默认设置
我们需要对查看表单的用户进行情境分析，以确定此时间范围内最合适的默认值。
例如，在查看用户的活动时，代购源码网站的管理员通常需要知道最近时段的活动指示符。这个时间不应该太长，但它必须是最新鲜的数据，那么时间范围的默认值可以设置为“上周”。
添加一些快捷方式选项
时间范围的选择肯定是交互过程中的更多步骤。它需要选择开始时间和结束时间，并且还包括选择时间时日历上的翻页操作。因此，快捷选项的存在是非常必要的。 。
例如，您可以列出用户最有可能选择的时间长度，例如1天，7天，30天等，作为最易于点击操作的快捷方式选项，以避免经历过度的操作步骤。
使用户能够理解可选的时间范围
例如，当时间不可选时，鼠标手势变为“不”;光标的状态“是最基本的提示模式。如果您将快捷方式选项设置为“所有时间”，那么此时间段应该有相应的提示，从哪一天定义为“所有时间”（在很多情况下，由于技术限制，平台和用户定义“所有时间””不一致，如当天的数据无法得到等等。）
2.控制条件筛选
条件筛选是最常见的表单呈现控制方法，尤其是在电子商务产品中。
但是，对于产品列表和数据表，条件过滤功能的设计是不同的。对于数据表类的条件筛选，您可以参考以下建议：
过滤器必须是表
中存在的字段如果表格中没有“部分”，并且过滤条件具有“部门”字段，那么当用户想要查看具有最多学习者的部门的表现时，您需要单击某个部门。尝试。但是，如果“部门”字段本身存在，那么通过查看前几页的表信息，通常可以判断哪个部门值得尝试点击查看。
另一方面，在筛选之后，所呈现的每条信息在该字段中“完全相同”，并且它提醒用户您正在查看有条件过滤的形式而不是“所有形式”。 ;
过滤条件需要数量控制
并非所有字段都需要设置为过滤条件。过多的过滤帧将导致不太突出的点和不方便的操作。很难在设计中获得良好的体验。在开发级别，系统更复杂并且降低了系统操作。速度，因此我们必须设置一些具有要求和使用场景的重要字段以匹配相应的过滤功能。
3.排序功能
通过排序功能，您可以在查看表格时更直观地了解字段的一般分布，以及在字段中查找最佳和最差信息项。
当然，并非每个字段都需要具有排序功能。字段本身必须是可用于比较大小的数字，并且需要找到最佳和最差条目。
控制表格上的信息量
矩阵类表可以携带大量信息，因为行数和列数没有严格的上限。即使To B产品不可避免地使用这样的数据表，计算机屏幕的显示区域也是有限的，并且人们一次接受的信息量是有限的，并且仍然需要控制信息量在设计时。
下面列出的一些特定方法可用于参考：
1.有太多的领域，我怎么能一目了然地看到它们？
当水平字段太多时，水平滚动条将出现在表格中，这意味着用户无法在同一屏幕中查看一行中所有字段的信息。
为了满足大多数用户的需求，可以无限制地增加该字段，但对于个人用户而言，系统提供的字段并非所有问题，因此最合适的是提供自定义字段的显示。这次。 。
用户可以选择他们最关心的字段，并隐藏其他不常见的字段。结果，有效地控制了信息量，并且用户可以更好地控制他们自己的定制。
2.控制行数
众所周知，表格中的水平标题位于顶部。如果您不控制页面中的行数，则当表格转到底部时，它将导致表格名称无法与每个值的字段名称相对应。因此，最好控制表中的行数。在可以在一个屏幕上显示的级别上。
3.字段内容（文本）太多，如何设计和渲染？
如果某个字段，其相应的内容必然会有很多文字，或者不排除存在很多字符（如课程介绍，多层次的部门等），那么在设计中表格介绍，你需要考虑这种更极端的情况。
为了不影响表的整体视觉效果和查看效果，最好限制要渲染的最大字符数，其余部分将被省略。但是，仍然需要为用户提供查看完整字段内容的方法，例如悬停时的浮动图层设计。
4.固定磁头以避免记忆负担
如上所述，需要控制表中的行数，但如果有特殊情况，例如单行的高度无法确定，即使行数受到控制，也无法保证内容可以显示在一个屏幕上，然后是另一个屏幕。相应的方法是在屏幕转动时保持仪表头的顶部固定。
由于人们的内存负载有限，因此需要用户内存的页面设计自然不是一个好的设计。如果没有标题的提示，用户很难记住滚动时每个值的含义。
类似地，当场需要拖动水平滚动条时，第一列的标题也最好是固定的。
总结
To B产品的需求方是付费的大客户。在许多情况下，我们不能拒绝客户的需求。他们想要的东西越多，就越难以使我们的产品简单易用。但无论如何，设计本身就是“穿着和跳舞”的过程，绝不能放弃用户体验。
与移动终端相比，虽然网络可以显示大面积的拳头，但仍应避免多重，杂乱和混乱的设计，并靠近简单平滑的方向，给用户更好的体验。
作者：网易高雄，网易，高级互动设计师。
本文来自大家都是产品经理合作媒体@网易UEDC，作者@任琼瑶
该地图来自Unsplash，基于CC0协议
