DUOLABS
作品集

网页服务数据可视化

全球日用消费品企业韩国法人全面改版官方网页服务时,我们负责展示产品与促销数据的图表界面。改版的目的,是重新整顿连接消费者与品牌的线上渠道,并清楚传达产品与品牌信息。图表即使数字正确,变化若不能一眼看出也就传达不了信息,因此我们设计了让数据变化立即呈现在界面上的显示方式与交互。工作范围包括可视化部分的界面,以及在多处复用的图表组件。

Launch
2010
Client
全球日用消费品企业韩国法人
Type
数据·可视化

01 / 04

把产品与促销数据变成图表的网页界面

在全球日用消费品企业官方网页服务的改版中,我们实现了以图表展示产品与促销相关数据的界面。该公司在韩国供应多个日用品与化妆品品牌,官方网页服务是向消费者传达这些品牌产品信息的窗口。改版后网站的目的是清楚传达产品与品牌信息,图表界面负责用数据呈现其中的部分。图表的标准是:不必逐个读数字,也能先看出哪个大、哪个增长了。

把产品与促销数据变成图表的网页界面
02 / 04

一次构建、多处复用的图表组件

我们把网页服务各处要用的图表和可视化界面做成了可复用的组件。给同一个组件放入不同的数据,在其他界面上也能画出外观与交互相同的图表。改版过程中需要图表的界面再多,也不必每次从头制作。

一次构建、多处复用的图表组件
03 / 04

数据一变、界面随之而动的交互

图表只有让数据变化立即呈现在界面上,才能被当作信息读懂。我们设计了交互与显示方式,让数值变化时图表以肉眼能跟上的方式重新绘制。标准是:不必比较数字,也能先从柱和线的变化中察觉。

数据一变、界面随之而动的交互
04 / 04

融入改版网站整体风格的可视化区域

图表界面必须与全面改版的网页服务中其他界面具有同样的品质与呈现。我们配合改版进程,整理了可视化部分的界面品质与内容呈现,使产品与品牌信息得以清楚传达。这项工作是在数字代理公司执行的改版项目中负责可视化部分的局部参与。

融入改版网站整体风格的可视化区域

项目亮点

01

展示产品与促销数据的网页图表界面

02

可在多个界面复用的图表与可视化组件

03

让数据变化即时可见的显示方式与交互

洞察

查看全部博客