B端数据可视化的设计思路

杭州/设计爱好者/135天前/94浏览

版权

B端数据可视化的设计思路

如何设计

了解用户

用户是谁？他们要从可视化作品上获取什么信息？在企业级产品中，用户可能是公司高层、BI分析师、运营、数据开发等不同角色。不同角色在使用可视化作品时，其目的以及使用路径会有所不同。建议在设计开始前对使用者进行充分剖析，以便完整地讲述你的数据故事，准确呈现你的数据见解。

设计原则

准确：从数据转化到可视表达时不歪曲、不误导、不遗漏，忠实反映数据里包含的信息。
有效：信息传达有重点，克制而不冗余，避免信息过载，用最适量的数据-油墨比表达对用户最有用的信息。
清晰：表现方式清楚易读，具有条理性，可以帮助用户快速达成目标，在最少的时间内获取更多的信息。
美：对数据的完美表达，合理利用视觉元素进行艺术创作，不过度修饰，给用户优雅的体验。

图表用法

选择正确的图表类型

时间类

通常用于表现数据在时间维度上的趋势和变化。

代表类型：折线图、面积图等

B端数据可视化的设计思路（图ZMTUzMTgyNjA=） - 观点 - 站酷设计师三悠原创素材 - 站酷ZCOOL

Collect

比较类

使用图形的长度、宽度、位置、面积、角度和颜色来比较数值的大小，通常用于展示不同分类间的数值对比。

代表类型：柱状图、气泡图等。

B端数据可视化的设计思路（图ZMTUzMTgyNjQ=） - 观点 - 站酷设计师三悠原创素材 - 站酷ZCOOL

Collect

分布类

通常用于展示连续数据上数值的分布情况。

代表类型：散点图、箱形图等。

B端数据可视化的设计思路（图ZMTUzMTgyNjg=） - 观点 - 站酷设计师三悠原创素材 - 站酷ZCOOL

Collect

流程类

通常用于表示流程流转、流量关系。

代表类型：漏斗图等。

B端数据可视化的设计思路（图ZMTUzMTgyNzI=） - 观点 - 站酷设计师三悠原创素材 - 站酷ZCOOL

Collect

占比类

显示同一维度上占比关系。

代表类型：环图、饼图、百分比堆叠类型图表等。

B端数据可视化的设计思路（图ZMTUzMTgyNzY=） - 观点 - 站酷设计师三悠原创素材 - 站酷ZCOOL

Collect

交互

区别于传统数据报表相对静态的表现形式，交互式图表并不停留在信息展示层面。用户通过与图不断产生交互，从数据中获取更深层次的分析和信息。

在数据可视化中，我们根据用户的意识层次及每层次对应的目标，将交互动作拆解成「数据获取」、「信息加工」、「知识流转」三层。其匹配「概览第一，聚焦过滤，再按需查看详情」的可视化信息检索箴言。亦符合人类寻求信息的基本逻辑：先大体，再局部，然后聚焦兴趣点进行探索，这是一个由表及里的过程。

B端数据可视化的设计思路（图ZMTUzMTgyODA=） - 观点 - 站酷设计师三悠原创素材 - 站酷ZCOOL

Collect

结语

以上就是今天的全部内容，我们下期再见！

注：以上文中配图均来自于网络或应用截图，仅作学习分享使用。

1

Report

|

声明

收藏

Share

原创Article UI 网页

相关推荐

评论

in to comment

Add emoji

喜欢TA的作品吗？喜欢就快来夸夸TA吧！

相关收藏夹

品牌vi完整思路and呈现方式

品牌vi完整思路and呈现方式

品牌vi完整思路and呈现方式

品牌vi完整思路and呈现方式

品牌vi完整思路and呈现方式

1675

ip形象设计+表情包

ip形象设计+表情包

ip形象设计+表情包

ip形象设计+表情包

ip形象设计+表情包

1916

IP形象及IP内容

IP形象及IP内容

IP形象及IP内容

IP形象及IP内容

IP形象及IP内容

7451

站酷推荐设计师

餐饮案例

餐饮案例

餐饮案例

餐饮案例

1276

茶酒包装

茶酒包装

茶酒包装

茶酒包装

636

风萧萧萧萧

数据可视化

数据可视化

数据可视化

数据可视化

数据可视化

1735

大家都在看

Log in

1

收藏

评论

分享