1. 概述
组件化思维是报表工程师的必备技能之一。如何搭建组件库和设计规范更应该是项目开工前的前瞻性动作。
组件库:当报表工程师遇到同一类组件设计场景时,可直接拖拽复用组件,避免生产出新的样式。
减少设计和开发的时间成本,又可以增强产出成品的统一性,提升用户体验。
设计规范:由报表工程师和视觉工程师配合输出复用组件时的规则。
推荐:帆软组件库
2. 没有组件化遇到的问题
可视化项目制作过程中,如果没有组件化,那么会遇到 5 大问题:维护成本高、效率低、统一性差、复用性差、难以协同
维护成本高:不同报表工程师使用了不同的方法制作同一类组件,维护更新的过程需要所有人参与,否则会存在模板更新不及时不同步的问题,从而产生更大的维护成本
效率低:报表工程师重复设计相同类型的组件,这个过程会消耗工程师大量的时间,导致设计师工作效率低下
统一性差:存在相同组件被重复造新样式的情况,导致统一性差,造成用户的认知成本
复用性差:组件之间无法复用,需要不停的制作新样式
难以协同:每个报表工程师都有自己设计习惯,协同困难
3. 组件化的优点
统一性
整个可视化项目的不同模板按照统一规范制作,提升整个数据决策系统工程的视觉交互统一性,减少组件样式差异,提高制作效率
避免报表工程师创造新的组件样式。
统一样式规则,减少普通用户操作的迷惑感,提升使用体验
高效性
使用组件复用插件,由单个报表工程师设计出一套组件和组件规范,其他人直接拖拽组件搭建模板,节约时间,提升工作效率
减少制作组件的时间,不需要反复调整组件样式,提高制作效率,将更多的时间放在模板指标设计上
延续性
通过设计规范,在以后更新中可以连续迭代,避免断层
即使之前负责的报表工程师离开或者新报表工程师加入,通过设计规范和组件库可以快速的接手和进行正常工作
4. 组件化的最佳实践
设计出一套组件和规范,以一个典型的组件为例, 对背景、边框、线条、配色等,制定规范内容模板。确定组件的类型,组件的标注,组件的注意事项。详细请参见:几套预定义样式推荐。
形成组件库:按照制定的规范模板,制作并生成组件,形成可复用的组件库,更多组件,请参见:https://market.fanruan.com/reuse