历史版本2 :组件化设计思维 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1、概述编辑

一个成熟的可视化项目,在动工之初,应当建立完善的组件库和模板设计规范。

组件化思维是报表工程师的必备技能之一。如何搭建组件库和设计规范更应该是项目开工前的前瞻性动作。

  • 组件库:当报表工程师遇到同一类组件设计场景时,可直接拖拽复用组件,避免生产出新的样式

                   这样既可以减少设计和开发的时间成本,又可以增强产出成品的统一性,避免多样式带给用户的视觉疲劳和认知障碍。

  • 设计规范:由视觉工程师提供,指导报表工程师复用组件时的规则。

2、没有组件化遇到的问题编辑

可视化项目制作过程中,如果没有组件化,那么会遇到 5 大问题:维护成本高、效率低、统一性差、复用性差、难以协同

  • 维护成本高:不同报表工程师使用了不同的方法制作同一类组件,维护更新的过程需要所有人参与,否则会存在模板更新不及时不同步的问题,从而产生更大的维护成本。

  • 效率低:报表工程师重复设计相同类型的组件,这个过程会消耗工程师大量的时间,导致设计师工作效率低下。

  • 统一性差:存在相同组件被重复造新样式的情况,导致统一性差,造成用户的认知成本。

  • 复用性差:组件之间无法复用,需要不停的制作新样式

  • 难以协同:同事之间协同困难,每个报表工程师都有自己设计习惯。

3、组件化的优点编辑

当团队在做项目时,有组件化的好处有:统一性、高效性和延续性。

统一性

1)整个可视化项目的不同模板按照统一规范制作,提升整个数据决策系统工程的视觉交互统一性,减少组件样式差异,提高制作效率

2)避免报表工程师创造新的组件样式。

3)统一样式规则,减少普通用户操作的迷惑感,提升使用体验

高效性

1)使用组件复用插件,由单个报表工程师设计出一套组件和组件规范,其他人直接拖拽组件搭建模板,节约时间,提升工作效率。

2)减少制作组件的时间,不需要反复调整组件样式,提高制作效率,将更多的时间放在模板指标设计上

延续性

1)通过设计规范,在以后更新中可以连续迭代,避免断层。

2)即使之前负责的报表工程师离开或者新报表工程师加入,通过设计规范和组件库可以快速的接手和进行正常工作

4、组件化的最佳实践编辑

1)在项目开始前进行组件化,在项目由0-1之前,设计出一套组件和规范。报表工程师只需要从组件库中选择并套用即可,这样项目前期设计起来更加方便且省时省力少挖坑。

2)在项目由0-1之后,项目正式上线,进入维护阶段之后,开始组件化制作

整理目录:将现有模板中的组件进行梳理并分组,形成一个组件目录

制定规范模板:以一个典型的组件为例, 对背景、边框、线条、配色等,制定规范内容模板。确定组件的类型,组件的标注,组件的注意事项

填充目录内容:按照制定的规范模板,制作并生成组件,形成可复用的组件库。