7月13日 可视化设计、变换与编码

课程：Interactions in Visualization 

讲师：汤颖助理研究员

讲师简介：石洋是同济大学设计创意学院智能大数据可视化实验室助理研究员，她的主要研究方向是人机交互及大数据可视化。

课程简介：本次课程重点介绍建立在偏心标签等基本技术或方法上的成型的交互技术，包括选择、探索、重配、编码、抽象/具象、过滤、关联等，阐述了它们各自的优缺点以及应用场景。同时介绍了当前广泛应用的两种范式，即概览+细节和焦点+上下文。在课程的最后，对动画和硬件中的一些交互技术进行了演示。

接下来介绍本次课程的主要内容。

                                              

                                                                            图1 本次课程内容概要

1. 交互技术的类型

表征与互动：信息可视化有两个主要组成部分，分别是 用户所注意的对象表示 和 用户可以操作的交互行为。

在可视化上的交互行为如图2所示，其中[Munzner2009]与[Card1999b]在上次课程中都已经提到并进行了解释。

                                            

                                                                             图2 可视化中的交互行为

针对交互行为，不同的人有不同的划分，本课程以7类为准，如图3所示，接下来按照这7个类别来进行介绍。 

                                             

                                                                              图3 交互行为的类型

• 选择

该交互方式主要用于标记感兴趣的项目以便跟踪，常常作为后续操作的先行动作。选择的实现方式有两种，分别为：①弹出工具提示：悬停鼠标光标会显示项目的详细信息，该方法须遵循可读性、指引性及互相不遮挡三个标准；②鼠标选择：单击某个项目即可选择该项目，并显示数据点的属性。

如图4，左半部分体现了弹出工具提示的实现方式；右半部分体现了鼠标选择的实现方式，通过鼠标选择展示了项目的更多细节。

                                            

                                                                          图4 选择的两种实现方式

选择存在的问题：当实体数量过多或数据结构比较复杂时，难以标记，很难实现精准的选择操作。

• 探索

使得用户能够通过缩放、平移等方式对自己关注的数据子集进行探索，这种方式克服了显示尺寸的限制。例如，在Google地球中进行平移、在Visual Thesaurus中直接行走。

• 重配

重新配置通过改变数据元素的空间排列来帮助用户探索数据。例如，在TableLens中对列进行排序和重新排列、更改散点图中的属性、堆积直方图中的基线调整功能等。

• 编码

 视觉编码是可视化的核心要素之一，可以通过改变视觉编码来帮助用户找到数据模式。可修改的视觉编码有颜色、尺寸、方向、字体、形状等。

• 抽象/具象

该交互行为通过调整抽象级别（概述和详要）来实现。例如，在交互式饼图中展开子类别、在树形图中向下钻取、在Sunburst中按需提供详细信息等。

• 过滤

根据特定的条件如动态查询、直方图刷取等过滤方式对数据进行筛选，更改最终呈现的数据集。使用过滤这种交互方式的前提是明确选择条件。过滤这样的交互行为效率更高，可以直接显示数据，增加了用户对于数据的探索。但随着数据集变大及数据结构的复杂，过滤的实时交互会变得困难。

• 关联

关联突出显示了关联和关系，显示出了与指定项目相关的隐藏数据项。查看者可能希望同时检查数据案例的不同属性，或者在不同的视角下的数据案例，这需要在数据案例的位置保持直线。例如，突出显示Vizster中直接连接的节点。

2. 概览+细节

在交互过程中可能会存在 数据集太大无法在屏幕上显示 或 只能突出显示特定变量 的情况，那么我们可以通过改变数据表示或通过缩放、滚动、简化等方式来解决这个问题。如下图所示，通过对空间比例图缩放来获得更完整的数据。

 

3. 焦点+上下文

 

4. 动画

5. 交互与硬件设备