1、概述编辑
一个成熟的可视化项目,在动工之初,应当建立完善的组件库和模板设计规范。
组件化思维是报表工程师的必备技能之一。如何搭建组件库和设计规范更应该是项目开工前的前瞻性动作。
组件库:当报表工程师遇到同一类组件设计场景时,可直接拖拽复用组件,避免生产出新的样式
这样既可以减少设计和开发的时间成本,又可以增强产出成品的统一性,避免多样式带给用户的视觉疲劳和认知障碍。
设计规范:由视觉工程师提供,指导报表工程师复用组件时的规则。
2、没有组件化遇到的问题编辑
可视化项目制作过程中,如果没有组件化,那么会遇到 5 大问题:维护成本高、效率低、统一性差、复用性差、难以协同
维护成本高:不同报表工程师使用了不同的方法制作同一类组件,维护更新的过程需要所有人参与,否则会存在模板更新不及时不同步的问题,从而产生更大的维护成本。
效率低:报表工程师重复设计相同类型的组件,这个过程会消耗工程师大量的时间,导致设计师工作效率低下。
统一性差:存在相同组件被重复造新样式的情况,导致统一性差,造成用户的认知成本。
复用性差:组件之间无法复用,需要不停的制作新样式
难以协同:同事之间协同困难,每个报表工程师都有自己设计习惯。
3、组件化的优点编辑
当团队在做项目时,有组件化的好处有:统一性、高效性和延续性。
统一性
1)整个可视化项目的不同模板按照统一规范制作,提升整个数据决策系统工程的视觉交互统一性,减少组件样式差异,提高制作效率
2)避免报表工程师创造新的组件样式。
3)统一样式规则,减少普通用户操作的迷惑感,提升使用体验
高效性
1)使用组件复用插件,由单个报表工程师设计出一套组件和组件规范,其他人直接拖拽组件搭建模板,节约时间,提升工作效率。
2)减少制作组件的时间,不需要反复调整组件样式,提高制作效率,将更多的时间放在模板指标设计上
延续性
1)通过设计规范,在以后更新中可以连续迭代,避免断层。
2)即使之前负责的报表工程师离开或者新报表工程师加入,通过设计规范和组件库可以快速的接手和进行正常工作
4、组件化的最佳实践编辑
1)在项目开始前进行组件化,在项目由0-1之前,设计出一套组件和规范。报表工程师只需要从组件库中选择并套用即可,这样项目前期设计起来更加方便且省时省力少挖坑。
2)在项目由0-1之后,项目正式上线,进入维护阶段之后,开始组件化制作
整理目录:将现有模板中的组件进行梳理并分组,形成一个组件目录
制定规范模板:以一个典型的组件为例, 对背景、边框、线条、配色等,制定规范内容模板。确定组件的类型,组件的标注,组件的注意事项
填充目录内容:按照制定的规范模板,制作并生成组件,形成可复用的组件库。