FVS驾驶舱设计体验
很荣幸参加贵公司的FVS大屏种子计划,成为一名种子用户。
1. 基本背景
我在职的企业是同策房产咨询股份有限公司,我个人自19年开始接触FineReport,做的比较多的cpt,也做一些 frm看板,非常看好FR这款产品,它解决了复杂的中国式报表,解放了重复做表的时间。目前负责公司整体的BI项目,包含需求调研,设计,开发,测试,交付等。
这次公司正好有驾驶舱方面的需求,因此趁着这个机会参加FVS大屏测试,一方面可以学习新模块新功能的知识,另一方面如果有需求或优化建议,趁着这次内测也是一个很好的反馈机会。
2. 开发过程
开发驾驶舱的过程从调研设计到设计大约需要7-8天的时间,需求调研0.5天,大屏设计1天,开发3天,UI美化0.5天,数据核对及交付2天。因为开的财务驾驶舱做了一些联动,下钻用户权限控制,所以时间稍微长一些。但是整体效果比较满意,尤其是在UI美化这块,比之前开发的驾驶舱颜值提高了很多。开发过程也给大家分享一下:
1)首先从帆软市场https://market.fanruan.com/template选定关于房产行业的几个样式做参考;
2)根据调研需求,对用户的需求进行重点非重点分类同时进行可视化,并且要复合客观事实,例如数据对比用条形图或是柱状图,看趋势用折线图,看占比需要用饼图等,并且对排版布局进行限制即内容属于一类的放在一块区域,这样看起来有层次感,不跳脱;
3)将选择的房地产模板和用户需求进行整合设计,并在设计器里填充内容,把图表、表格这些组件做进去;
4)UI美化,调整样式和颜色调配,使整体搭配很美观、大气、简洁,这方面我不太专业,只能是多看一些帆软市场上面颜色搭配,同时fvs也提供了很炫酷和多样式的图表,每个组将都有内置素材,这方面节省了大量的时间;
5)驾驶舱测试上线:开发完后跟用户核对了一下数据,同时对下钻和联动进行了测试,因为包含一些敏感的财务数据,所以做了用户的权限设置。
3. 结果呈现
最终呈现效果见下图,由于是财务驾驶舱,部分数据进行了脱敏,希望能给大家一个参考。
1) 第一个页面展示集团总体情况,同时对第一个页面的地图部门做了下钻,点击省份可下钻到第二个页面,第二个页面展示具体省份的情况。
2) 第二个页面对子公司做了联动,选择哪个子公司整体页面可以展示出该子公司的经营情况。
3) 同时在代码中对用户权限做了限制
4. 评价与建议
优势:功能优势
1) fvs增加分页功能使多个页面在一个模板内开发,对比frm一个页面一个模板更有优势,不用来回切换模板,开发起来更加方便;在保存功能上速度也提高很多;在展示上也可以平滑过度,整体上炫酷很多。
2) 组件更加丰富,在frm基础上,增加了树状图,指标卡,同时也丰富了折线图,柱状图等,展示效果更加炫酷。
3) 组件增加了内置素材,在UI美化这一块提高了效率,往常到处找图片背景,而且很浪费时间,现在可直接使用内置素材,节省了很多不必要的时间。
4) 还增加了许多其他功能,但是目前还没用到。
在开发过中也和产品经理也提出FVS的一些建议:
1) 再开发过程中也遇到个别小bug,或是功能需要完善的部分已和产品经理沟通,提出优化建议。
2) 目前版本还不能跨模板编辑,导致使用起来很不习惯。
3) 产品定位还需明确,刚出fvs时跟贵司的产品经理沟通,fvs是否会取代frm,目前使用下来fvs的大屏驾驶舱效果比frm更加炫酷,组件功能更加多样化。作为一名用户在大屏驾驶舱开发上,我会选择fvs,但是目前fvs不支持手机端开发,手机端开发还需要去frm模板上开发,那frm功能模块就显得有些鸡肋。但是手机端的需求确实存在。