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


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

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

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

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

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

Ⅰ、定义问题

Ⅱ、定义要表示的数据

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

Ⅳ、定义数据的结构

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

1.定义问题

与任何用户体验工作一样; 第一步是定义信息可视化将解决的问题。这通常需要一些用户研究 来回答问题;

“我的用户需要什么呢?”

“他们将如何使用它?”

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

2.定义要表示的数据

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

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

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

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

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

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

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

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

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

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


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

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

4.定义数据的结构

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

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

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

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

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

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


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

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

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

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

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

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

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


作者/版权所有者:www.datafocus.ai。版权条款和许可:CC BY-SA 3.0

>  高维、复杂的数据关系, 可以拆分成多个图形通过联动增加交互。

小贴士

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

信息可视化该怎么玩?相关推荐

  1. 酷炫!可视化神器Plotly玩转饼图

    酷炫!可视化神器Plotly玩转饼图 之前发表过两篇关于Plotly的文章: 入门篇:酷炫!36张图爱上高级可视化神器Plotly_Express 散点图:酷炫!可视化神器Plotly玩转散点图 Pl ...

  2. 可视化神器Plotly玩转股票图

    可视化神器Plotly玩转股票图 本文是可视化神器Plotly绘图的第7篇,讲解的是如何通过Plotly来绘制与股市相关的图形,比如基础K线图.OHLC图等. 温馨提示⚠️:**股市有风险,投资需谨慎 ...

  3. 可视化神器Plotly玩转箱形图

    可视化神器Plotly玩转箱形图 在之前的文章中介绍过如何使用Plotly绘制柱状图.饼图.散点图等,都是比较常用的可视化图表呈现方式.本文介绍的是利用Plotly绘制统计图形中的一种:箱型图. 扩展 ...

  4. 可视化神器Plotly玩转柱状图

    可视化神器Plotly玩转柱状图 本文是可视化神器Plotly绘图的第5篇:重点讲解如何利用Plotly绘制柱状图.柱状图在可视化图中是出现频率非常高的一种图表,能够很直观地展现数据的大小分布情况,在 ...

  5. 患者信息可视化及关联规则可视化

    源码链接:https://github.com/yemahei/test 患者信息可视化及关联规则可视化系统的实现 一.系统需求分析 藏医药学是我国传统民族医药学宝库中一颗璀璨的明珠,在藏族人民漫长的 ...

  6. 《信息可视化:交互设计(原书第2版)》——第2章基本概念

    第 2 章 基 本 概 念 一本关于信息可视化的书应该介绍哪些基本概念?本章将通过一个具体的例子来展示信息可视化工具应具有的基本功能.我们选择了一个很具代表性的任务并对其进行了深入的讨论.虽然我们只选 ...

  7. 数据可视化 信息可视化_可视化哲学的黎明

    数据可视化 信息可视化 Note: this is the foreword of the book Data Visualization in Society (Amsterdam Universi ...

  8. 数据可视化 信息可视化_动机可视化

    数据可视化 信息可视化 John Snow's map of Cholera cases near London's Broad Street. 约翰·斯诺(John Snow)在伦敦宽街附近的霍乱病 ...

  9. 数据可视化 信息可视化_更好的数据可视化的8个技巧

    数据可视化 信息可视化 Ggplot is R's premier data visualization package. Its popularity can likely be attribute ...

最新文章

  1. 世界上最大的超级计算机,科学网—区块链(blockchain)如何能造出世界上最大的超级计算机? - 刘进平的博文...
  2. linux 下检查硬盘坏道/扇区
  3. python中none是什么类型_如何在Python中”测试”None类型?
  4. php 中间表示语言,[转载]php 底层 探究之php编译过程及中间语言 opcode
  5. 谈谈一些有趣的CSS题目(十二)-- 你该知道的字体 font-family
  6. jQuery 的第一个例子
  7. Tapestry5 开发过程中问题收集
  8. alook浏览器_Alook浏览器
  9. 博图注册表删除方法_「博图+仿真+授权」西门子软件安装指南及注意事项
  10. 立体几何相关公式推导理解(球体、台体体积)
  11. 【Qt】Qt6系列教程汇总
  12. 理想国pandas练习题4
  13. ST7701芯片820*320屏幕移植stemwin
  14. 解义盼:比特大陆大规模裁员,资本的寒冬到了?
  15. Blender 制作一个简单的圆形
  16. 爱康科技收购北京碳诺科技 加速公司碳排放战略布局
  17. tinyipa make
  18. 淘宝、1688海外站、外贸站搭建,代购系统源码PHP前端源码展示。
  19. 重磅!ChatGPT 网页版来啦!响应速度超快!
  20. 百度地图李东旻:中国地图行业最终只会剩下一两个玩家/阿里云CDN再降价25%

热门文章

  1. Java多线程异常抛出后的表现及捕获
  2. 03 计算机性能是用哪些指标来衡量的?
  3. 遥感影像公开数据集:CHN6-CUG
  4. 【微信公众号】微信集成功能--扫描二维码完成用户登录操作
  5. CRM管理系统在线用
  6. JDBC学习笔记-使用全过程
  7. js 生成二维码并下载
  8. 人工智能--扫雷游戏
  9. 旧梦一场怎么用计算机打出来,旧梦一场(拼音)
  10. 隐私计算头条周刊(2.13-2.19)