新媒易动态
NEWS CENTER
NEWS CENTER
2021-03-13
在平时工作中很多业务部门都有大量的数据展示、汇总、分析等需求,但是没有专门的系统支持,还是使用较为传统的Excel,于是产生了以下痛点:团队协作受阻,成员间的数据文件分享需要互相传,更新过程繁琐;大量数据仅用表格展示,分析效率低下,人工成本高;不同成员之间内容样式五花八门,汇报时的展示效果混乱……
为了解决这些问题,我们从0打造了Luffy(路飞)平台,寓意在数据的蓝色海洋中为用户找到明确的方向,利用技术巨轮载用户驶向远方。
路飞是一个数据展示分析平台,所有功能都围绕数据展开,主要面向对数据有阅读和分析需求的运营、产品、团队负责人等角色。项目的主要特点就是大量的数据展示,这就要求我们的设计解决方案在数据的直观、易读、安全等方面作为主要发力点。
此外,对于项目本身来说,路飞从立项到一期上线,开发周期短,后期扩展内容多,所以就需要在初期把设计组件底层能力搭建好,从整体上进行样式把控,达到设计效率高、修改成本底、扩展能力强的目标。
对项目背景、需求和特点进行分析后,我们总结了以下三个设计目标:
针对以上三个设计目标,我们在设计过程中着重对平台风格、数据可视化、页面安全性、样式组件化方面进行了深入思考和优化。
为了让用户高效地获取重要数据信息,我们在路飞项目中采用了整体扁平化的设计形式。导航、背景、筛选等模块以极简线面为主,可视化数据图表使用了较高饱和度的色彩。
(1)主色定义
路飞logo及项目主色我们选用了蓝色。蓝色比较容易营造数据所追求的科技感,在众多行业中运用最广泛,例如公安系统、城市交通、科技公司、政企单位、制造业等众多行业。再结合数据平台的定位,我们最终选用科技蓝为主题色,并根据主色进行辅色延展。
(2)简约框架
路飞平台本身为数据服务,复杂的层级和交互都会影响用户获取信息的效率,因此我们在结构框架设计上整体做减法。在导航层级上采用标签切换的形式,使用户的学习门槛降到最低。
界面示例图
数据阅读本身就是一个枯燥的过程,我们需要通过设计让数据变得有趣起来。这就需要引入数据可视化方案,更具体来说就是通过恰当地使用饼图、折线图、柱状图等图表,让数据主动向用户呈现本身包含的信息。
通过对路飞项目整体数据进行整理和分析,我们发现平台数据主要集中在排序、趋势、占比这三个维度。每种维度都需要找到最适合的可视化展现形式,才能让信息的传达更准确。
(1)排序
排序是最基础的图表展现维度,主要展现出在同一坐标轴上数据的大小之分,因此使用了柱状图的图表形式。另外由于数据种类较多,横向无法满足,采用纵向形式扩展性更好。