《信息可视化:交互设计(原书第2版)》——2.11节交互式属性选择

简介: 本节书摘来自华章社区《信息可视化:交互设计(原书第2版)》一书中的第2章,第2.11节交互式属性选择,作者:(英) Robert Spence,更多章节内容可以访问云栖社区“华章社区”公众号查看

2.11 交互式属性选择
相对于通过识别图片来获取汽车细节,消费者可能更倾向于在价格条形图上选择一个合适的范围来进行价格筛选(图2-9)。当用户选择了一个价格范围后,该范围内的图标会得到高显,对应的图片也会加上一个同色边框。不需要进一步的交互,对应的MPG条形图上的图标就能显示这些汽车的MPG属性值。通过这样一个聚焦(focusing)操作,消费者可以实现“在这个可接受的价格范围内进行进一步考察”的活动。
当符合条件的汽车有多辆时,无法分辨条形图上方的每个高显图标所对应的高显图片,我们可以使用一种简单而有效的技术“扫光”(brushing)来解决这个问题。当鼠标悬停在某幅图片上时,该汽车在价格和MPG对象向量上的对应图标将得到某种形式的高显,反之亦然。对MPG范围的交互式选择(interactive selection,图2-10)将显示同时满足价格和MPG两个属性条件的汽车。在浏览数据的过程中,用户可以随时设定或取消筛选范围,只有满足所有属性条件的汽车才会得到高显。系统对用户操作的实时反应可以增强用户的心理模型,帮助用户进行问题的重定义。


b8bf55de9e9ead69142f85bb611fc49685f61e18
相关文章
|
7月前
|
移动开发 前端开发 JavaScript
构建一个动态交互式图表
构建一个动态交互式图表
|
数据可视化 UED
《信息可视化:交互设计(原书第2版)》——2.6节交互式对象选择
本节书摘来自华章社区《信息可视化:交互设计(原书第2版)》一书中的第2章,第2.6节交互式对象选择,作者:(英) Robert Spence,更多章节内容可以访问云栖社区“华章社区”公众号查看
912 0
|
数据可视化 UED
《信息可视化:交互设计(原书第2版)》——2.8节多属性
本节书摘来自华章社区《信息可视化:交互设计(原书第2版)》一书中的第2章,第2.8节多属性,作者:(英) Robert Spence,更多章节内容可以访问云栖社区“华章社区”公众号查看
1515 0
|
存储 数据可视化 UED
《信息可视化:交互设计(原书第2版)》——2.10节显著对象
本节书摘来自华章社区《信息可视化:交互设计(原书第2版)》一书中的第2章,第2.10节显著对象,作者:(英) Robert Spence,更多章节内容可以访问云栖社区“华章社区”公众号查看
1066 0
|
数据可视化 UED
《信息可视化:交互设计(原书第2版)》——2.3节数据
本节书摘来自华章社区《信息可视化:交互设计(原书第2版)》一书中的第2章,第2.3节数据,作者:(英) Robert Spence,更多章节内容可以访问云栖社区“华章社区”公众号查看
1200 0
|
数据可视化 UED
《信息可视化:交互设计(原书第2版)》——2.4节表格表示
本节书摘来自华章社区《信息可视化:交互设计(原书第2版)》一书中的第2章,第2.4节表格表示,作者:(英) Robert Spence,更多章节内容可以访问云栖社区“华章社区”公众号查看
1021 0
|
数据可视化 定位技术 UED
《信息可视化:交互设计(原书第2版)》——第1章什么是可视化
本节书摘来自华章社区《信息可视化:交互设计(原书第2版)》一书中的第1章什么是可视化,作者:(英) Robert Spence,更多章节内容可以访问云栖社区“华章社区”公众号查看
1247 0
|
数据可视化 UED
《信息可视化:交互设计(原书第2版)》——1.1节可视化
本节书摘来自华章社区《信息可视化:交互设计(原书第2版)》一书中的第1章,第1.1节可视化,作者:(英) Robert Spence,更多章节内容可以访问云栖社区“华章社区”公众号查看
1264 0
|
数据可视化 UED
《信息可视化:交互设计(原书第2版)》——2.14节小结
本节书摘来自华章社区《信息可视化:交互设计(原书第2版)》一书中的第2章,第2.14节小结,作者:(英) Robert Spence,更多章节内容可以访问云栖社区“华章社区”公众号查看
1040 0
|
数据可视化 UED
《信息可视化:交互设计(原书第2版)》——2.7节总图
本节书摘来自华章社区《信息可视化:交互设计(原书第2版)》一书中的第2章,第2.7节总图,作者:(英) Robert Spence,更多章节内容可以访问云栖社区“华章社区”公众号查看
991 0