MyBrush:可个人代理的交互刷选(MyBrush: Brushing and Linking with Personal Agency)

本文[1]通过在交互中加入个人代理,对流行的交互刷选技术进行了推广。将现有的交互刷选研究映射到一个设计空间,并把交互技术解构为三个部分:源(被刷选的对象),链接(源和目标之间的关系表达),和目标(显示源相关的是什么)。采用这种设计空间,本文创造了MyBrush,这是一个统一的接口,在交互刷选中提供个人代理,用户可以灵活配置多个刷的源,链接,和目标。三个焦点小组的实验结果表明,不同背景的人用不同的方式使用个人代理,包括执行复杂的任务和显式地显示链接。我们对这些结果进行了反思,为未来个人代理在信息可视化中的作用奠定了基础。

交互刷选已经成为在多个视图的几种可视化中交互探索数据之间关系的的一个普遍技术。Hearst将其定义为“同一数据的两个或多个视图的连接,使得对一个视图中的表示的更改也影响到其他视图中的表示。”这个宽泛的定义反映了交互刷选在可视化中的不同方式。它已成为一个最多实现的交互技术,常见的包括在研究中,流行的工具包(如d3.js)和商业产品。

虽然存在许多交互刷选的不同形式,不同的技术在数据探索的不同时间可能有用,但可视化通常只提供一种视图间的交互刷选形式。常见的例子包括鼠标悬停在一个数据点,来突出其他视图中的相关数据,以及绘制一个形状选择数据点(通常是一个矩形),突出在其他视图中的对应的数据点。这些实现并没有发挥交互刷选的全部潜力。因此,本文探讨个人代理的加入是否能增加交互刷选的功能,进一步促进数据的探索。利用Coyle等人对于个人代理的定义:“这是一个人的本能感觉,自主控制他们的行为操作,并对这些行为的后果负责。”我们认识到支持个人表达自己意图的重要性,通过提供他们做出个人选择和控制自己行动的能力。我们通过以下方法将个人代理加入交互刷选:

  • i)提供对刷选组件的直接访问,并将其设置为可配置的;
  • II)提供个人代理程度的选择,使人们能够根据个人情况适应复杂的配置需要;
  • III)支持通过个人行动选择进行日益复杂的个人代理

从个人代理的角度审视交互刷选,我们开发了一个设计空间,用来描述和比较文本中交互刷选的变化。本设计通过空间解构将交互刷选分为三个部分:源(被刷的对象),链接(源和目标之间的关系表达)和目标(显示源相关的是什么)。利用这一设计空间,我们整合了交互刷选技术来创建一个接口,称为MyBrush。MyBrush将在可配置的交互刷选中实现个人代理,让人们决定如何将数据点刷选和链接,并选择适合自己的喜好和当前技术的探索任务提供自由。我们通过讨论三个焦点小组,表明MyBrush提供个人代理通过让不同背景的人适应交互刷选的需要和偏好的结果。

图1. 交互筛选中的源、目标和链接

三个层次菜单配置画笔的源、链接和目标。它们在默认情况下是折叠状态,但可以展开并重新定位。源和目标菜单配置数据点的填充颜色、轮廓颜色和聚合模式。这里的源配置为橙色填充和绿色轮廓颜色。由于目标被耦合到源,由链符号指示,所以它们的配置是相同的。链接菜单配置显色链接的笔画颜色、动画和曲率。它还配置要链接到画笔的目标视图。这里配置了蓝色的笔触颜色,淡入淡出动画,平滑的曲率,以及视图4和5作为目标视图。

图2. MyBrush的外观设计

图3. MyBrush的基本功能。使用散点图表示攻击与防御能力,每个圆圈代表一个足球运动员说明。在足球场上球员位置的条形图。我们支持个人代理在视图1中创建和配置单个画笔

创建多个笔刷以迭代细化探索。(a)在视图2和视图3中突出显示绿色的前锋。(b)具有良好防御技能的前锋现在在视图3中也有蓝色的边框颜色。(c)这两名前锋不是前锋,但进攻技术很高,在3中以紫色突出。注意:菜单完全展开,以便更好地理解图形。所有的菜单都可以折叠起来释放屏幕空间。

图4. 多个MyBrush的协同工作

总的来说,本文通过直接操纵源、链接和目标属性,让人们配置交互刷选是打开包含交互机制封闭框的一种方法。这是一种很有前途的方法,为人们提供机会来打开和个性化间的行动,并使得设计更透明、更引人入胜。使配置立即可见的效果允许快速和增量的操作。通过提供直接的反馈,使所有的选择来源,明确可见的链接,和目标菜单,MyBrush支持性和可视性和鼓励人们探索空间的可能性。虽然这种方法可能会提高人们最初的学习成本,但在效率会随着人们学会使用界面大幅提高。

Reference:

[1] Koytek P, Perin C, Vermeulen J, et al. MyBrush: Brushing and Linking with Personal Agency[J]. IEEE Transactions on Visualization and Computer Graphics, 2017.

发表评论?

0 条评论。

发表评论


注意 - 你可以用以下 HTML tags and attributes:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>