一、选手介绍
1. 企业名称:百得(苏州)科技有限公司
2. 企业简介: 美国史丹利百得集团于2002年12月在苏州工业园区高端制造贸易区综合保税区成立百得(苏州)科技有限公司,注册资本1200万美元, 占地面积6万平方米,于2004年投产。公司生产制造和销售得伟(DEWALT)品牌的各类专业电动工具及手动工具,产品主要出口欧美市场,主要产品包括电钻、电锤、角磨机、圆锯及激光水平仪。经过近二十年的努力,百得(苏州)科技有限公司已成为史丹利百得集团最大规模的制造基地与研发中心。
3. 选手简介:胡兴朝,数字技术部门,主要负责应用程序的开发,简道云前端事件的接口开发,数据分析和报表可视化开发。
二、作品介绍
1. 作品名称:数据可视化大屏驾驶舱
2. 搭建思路:
(1)背景/目的:
在首页中展示一些业务的关键指标,同时能够实现业务模块的导航功能。
(2)主要展示什么数据?为什么?
A.首页中展示各个业务的关键数据信息,让用户快速了解企业运营状况。
B.在业务模块中再进行深入的数据分析和可视化展示。
(3)为什么要选择这些图表:
A.在使用数据可视化大屏时,领导决策者会更关注全局数据,主要使用指标图;
B.具体业务负责人会更关注局部数据,需要多维展示数据以及数据交互设计,可以使用各种统计图和明细表以及筛选组件。
(4)仪表盘设计技巧:
A.整体采用了深色,视觉上也不会觉得刺眼,长期观看更舒服。
B.使用冷暖色,可以产生比较强的对比效果。
C.使用动图让大屏生动起来,减少视觉疲劳。
D.组件中使用背景图,可以丰富仪表盘的内容,易于数据间的辨识与区分,提高阅读舒适感。
(5)仪表盘最满意的地方解析:
A.顶部导航标签使用文本组件,当前页标签添加背景,进入编辑添加访问链接和显示文本。
B.使用布局容器分成几个业务模块,容器组件添加背景。可以使用PPT编辑背景并添加组件标题,然后另存图片为png格式的透明背景图片。
C.指标图使用背景图片(可以在PPT中统一编辑,保证一致性),指标数据使用自定义格式,比如“销售金额 0,”可以显示前缀并且千分位显示,数字可以添加大写的空格来对齐。
D.动图的制作和使用,下载的一些动图可以使用PS进行编辑,减少尺寸和帧数确保不超过5M。
(6)参加本次活动的感想和期望:
各种信息化应用程序通常都需要进行数据可视化展示,如果能在应用首页中完成可视化开发,就避免了数据接口的开发。首页设计的心得:整体合理布局、同一级别的字号统一、选择合适的分析图表、恰当的装饰和动效让大屏更有科技感和活力,颜色不要太杂需要用心去搭配。
三、作品展示
|