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

杭州/设计爱好者/331天前/127浏览

版权

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

如何设计

了解用户

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

设计原则

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

图表用法

选择正确的图表类型

时间类

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

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

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

收藏

比较类

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

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

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

收藏

分布类

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

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

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

收藏

流程类

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

代表类型：漏斗图等。

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

收藏

占比类

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

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

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

收藏

交互

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

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

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

收藏

结语

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

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

1

举报

|

声明

收藏

分享

原创文章 UI 网页

相关推荐

评论

评论你的想法~

表情

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

相关收藏夹

大家都在看

登录注册

1

收藏

评论

分享