中台的设计挑战-1

在做中台设计的过程中，发现中台体系庞大，链路错综复杂，问题也很多。不过这些页面之间都存有一些共性，通过对页面特征的分析，总结出了三种典型的业务场景类型：信息列表类、规则配置类、场景联动类。

1.信息列表类

列表是中后台最为常见的场景之一，传统的列表无非是字段的堆叠，大量相似信息的重复出现，降低了有效信息的捕获和整合效率，加重了认知负荷。大量列表让我们有种看不清重点的错觉，这种现象统称为“看不清”，为了解决这个问题，我们将列表按照其功能分成两大类：执行类和看板类。执行类列表目的是将所有字段展示完全，方便统一管理和操作；看板类则只要展示关键信息，起到快速查看和监控的作用。

1.1 执行类列表

这里举一个营销列表的例子，营销列表的作用是对所有的活动进行一个高效的管理。

Step1：信息分类整合
将列表中的信息按照类型划分种类，比如营销列表的字段可以分为以下四类。

然后再将相同类型的信息整合在同一区域内，建立布局上的关系。

Step2：视觉层级重构
将列表中各个模块更为重要的焦点信息进行突出展示，这里采用了放大字体、加粗、描黑以及图形化的手段，提升这些关键信息在页面中的视觉层级。

Step3：视觉流向设计
将各个模块内的信息进行重新的视觉布局，梳理它的视觉流向，使其更符合我们的阅读习惯。

通过前后对比，可以看到改版前视觉层级不清晰，内容冗余。改版后层级感突出，关键信息获取效率更高。

对比前后视觉流向可以看到，改版前视觉流向上下交替视觉消耗较大，改版后视觉流向平稳，阅读效率更高。

1.2  看板类列表

看板类列表采用看板映射法则，分成以下三步进行：

这里依旧举营销列表为例，这次要做的是营销看板，帮助监控和查看营销活动的时间和状态等信息。
Step1: 关键信息筛选
第一步选择关键信息，也就是我们最关注的决策信息。

Step2：视觉载体设计
然后选择视觉载体，首先根据营销看板的功能提炼出关键词，如：查看、时间、状态。围绕关键词寻找符合这些关键词寓意的载体参考物，比如日历、日程表、待办事项、备忘录等。这里我们选择日历进行载体设计。

Step3：建立映射关系
建立营销日历的载体架构，类比日历的功能和结构，设计营销看板的结构和布局，并填充活动信息、时间、状态等内容，建立架构映射关系。

最后营销看板设计完成，可以看到改版后营销活动时间和状态一目了然，数据发展趋势也更加直观。

信息列表可视化小结：
综上所述，信息列表可视化方法可以作如下归纳：通过分析列表类的场景特点，将其分成两种类型的：执行类和看板类。为了解决看不清的问题，我们探索出相应的映射法则作为设计手段，通过筛选关键词，将关键词进行具象的描述，做相应的视觉载体设计。