美文网首页
可视化设计的5个步骤

可视化设计的5个步骤

作者: 数据迷人 | 来源:发表于2019-03-20 18:48 被阅读0次

如您所见,信息可视化 可以产生令人难以置信的美丽图像,高效的传达信息。下面的图像是现已解散的安然集团的通信组织图。

作者/版权所有者:Kitware Inc.版权条款和许可:CC BY-ND 2.0

        Ben Shneiderman说: “可视化的目的是洞察力,而不是图片。”

        那么,可视化是否有设计诀窍呢?Riccardo Mazza在他的书“Introduction to Information Visualization”中,为我们提供了一种信息可视化的5步设计法,我们一起来看看吧。

设计信息可视化的5个步骤

整个设计过程很简单,一旦你审查了这个过程,它应该是常识:

1、定义问题

2、定义要表示的数据

3、定义表示数据所需的维度

4、定义数据的结构

5、定义可视化所需的交互

1.定义问题

与任何用户体验工作一样; 第一步是定义信息可视化将解决的问题。这通常需要一些用户研究 来回答问题; “我的用户需要什么呢?”、“他们将如何使用它?”

您可能正试图向用户解释某些内容,或者您可能正试图让他们建立新的联系或观察;为了将问题定义清楚,您还应考虑用户群特有的任何特定因素,比如:他们的教育水平或数据处理能力如何?他们过去的数据有什么样的经验?这将指导输出的复杂程度,并阐明用户的整体需求。

2.定义要表示的数据

有三种主要类型的数据可以通过信息可视化来表示,它们的映射方式可能会有很大差异- 因此,在开始设计之前,在您的脑海中清楚地了解数据,您将使用哪些数据?

1、定量数据 - 这是数值类的数据。

2、序数据 - 非数值的,但具有内在顺序的数据。(例如,想想一周中的几天。)

3、分类数据 - 既没有数字也没有内在顺序的数据。(例如商业名称或地名)。

3.定义表示数据所需的维度

必须仔细考虑数据集的维度或属性的数量,因为它将在很大程度上确定哪些数据可用于进行信息可视化。数据中表示的维度越多- 理解信息可视化就越混乱。因此值得注意的是,具有大量维度的数据可能更适合使用高度交互式表示,不适合静态图形展示。可以根据要研究的相关维度的数量将分析分成四种类型:

1、单变量分析 - 针对自变量研究单个因变量

2、双变量分析 - 其中两个因变量针对自变量进行研究

3、三变量分析 - 其中三个因变量针对自变量进行研究

4、多变量分析 - 针对自变量研究三个以上的因变量

 

作者/版权所有者:Chire。版权条款和许可:CC BY-SA 3.0

多变量分析的图像,其中数据点之间的关系很多且相关。

4.定义数据的结构

这是关于检查数据集如何相互关联的全部内容,常见的关系结构包括:

1、线性关系 - 数据可以以线性格式显示,例如表格,向量等。

2、时间关系 - 数据随着时间的推移而变化

3、空间关系 - 与现实世界相关的数据(例如地图数据或办公室平面图)这有时也被称为地理关系

4、分层关系 - 与定义的层次结构中的位置相关的数据(从办公室管理结构到简单的流程图)

5、网络关系 - 数据与同一数据中的其他实体相关

  

作者/版权所有者:Nathanael Crawford。版权条款和许可:CC BY-SA 3.0

以上示出了分层网络模型的示例。

5.从可视化中定义所需的交互

设计过程的最后一部分要求您了解用户信息可视化所需的交互级别。有三类互动:

1、静态模型 - 这些模型按“原样”显示,例如您保存在汽车中的道路地图集中的地图。用户无法修改它们。

2、可转换模型 - 这些模型使用户能够转换或修改数据。它们可以允许用户改变用于分析的参数或者为数据集选择不同形式的视觉映射

3、可操作模型 - 数据有时候是高度关联的,通过操作部分数据图形,可以获得关联数据的变化,从而产生新的见解是一种常见的互操作方法。例如:我们可以通过DataFocus快捷创建图形的联动操作。

作者/版权所有者:DataFocus  版权条款和许可:CC BY-SA 3.0

 小贴士:设计信息可视化的过程可能与您的最终输出并不直接相关,但可以使您更加明智地决定何种表示形式最适合您的用户。通过充分了解用户的需求,以及他们需要展示的数据、数据中的关系和模型类型,信息可视化设计师可以提供充分满足这些需求的可视化作品。

相关文章

  • 【数据产品设计】-01总览

    数据产品流程设计可分为几大步骤,需求分析,数据指标设计,数据可视化设计(用什么样的图表表达数据),数据展现逻辑设计...

  • 可视化设计的5个步骤

    如您所见,信息可视化可以产生令人难以置信的美丽图像,高效的传达信息。下面的图像是现已解散的安然集团的通信组织图。 ...

  • 如何才能更好地做好销售?

    做好销售得以成功的五个步骤: 1、可视化及其基本原则 2、明确你的市场和你的销售主题 3、设计你的销售模式和广告 ...

  • 3d酷炫效果

    如今一提到数据可视化设计,肯定会想到目前火爆的大屏可视化设计,身边越来越多的设计师开始接触可视化大屏,说起大屏的设...

  • Eclipse连接MySQL

    本文使用的MySQL可视化工具为DBeaver。 步骤: 1、下载可视化工具DBeaver:可选地址 地址一:网盘...

  • 数据可视化大屏设计经验分享 【进阶篇】

    前言 说起数据可视化设计,如今绝对是热门的设计之一,而真正懂数据可视化设计的设计师却不多,随着大数据产业的蓬勃发展...

  • Material Design设计语言-数据可视化

    随着5G时代的到来,物联网的兴起,可视化设计在移动端的应用越来越多了。 大量可视化设计源文件,回复“可视化”即可获...

  • 数据可视化ui设计,数据可视化ui设计是什么?

    数据可视化ui设计,数据可视化ui设计是什么?数据可视化,是关于数据视觉表现形式的科学技术研究。那如何将海量...

  • 5分钟带你了解数据可视化的套路

    “别忘了,你是为读者进行可视化设计。”——《数据之美:一本书学会可视化设计》 01 数据分析的价值 数据可视化是为...

  • 【大屏可视化】城市GDP数据可视化设计案例分享

    前言 本期分享城市GDP大屏数据可视化设计,通过设计让表格里杂乱的数据更好的可视化呈现;通过数据的背景定义设计主题...

网友评论

      本文标题:可视化设计的5个步骤

      本文链接:https://www.haomeiwen.com/subject/mhwtvqtx.html