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

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

2.6 交互式对象选择
在研究价格总图前,消费者可能会偶然地在一组汽车图片(图2-3)中看到一辆特别有吸引力的汽车,然后就会很自然地查询这辆车的价格以及更多的细节(detail)信息。虽然价格可以直接标注在图片下方,但是在可能多于10个的属性中只标出价格不一定是合理的。一种解决办法是,用价格条形图上方的图标来表示该车在条形图中的位置。为了用同样的方式标示出所有汽车,可以在条形图上方创建一个如图2-4 所示的“对象向量”(object vector)。对象向量同样可以立即显示出每个价格段中的汽车数量分布。为了便于对比,对象向量中的图标通常按价格排序。汽车图片(图2-3)和对应价格范围(图2-4)之间的关系(relation)可以通过它们之间的连线来表示。但是,一种更有效的方法是使用颜色编码:在图片上加上一个颜色边框(图2-5),然后使用相同的颜色来标注对应的图标。这样,图片和价格之间的关系就变得清晰且易于记忆,从而扩展了用户对这些汽车的心理模型。


fb25f654244c6c3ded31624d9fc4a74e3acbdb60
相关文章
|
1月前
|
编解码 数据可视化 前端开发
如何使用 D3.js 创建一个交互式的地图可视化?
如何使用 D3.js 创建一个交互式的地图可视化?
|
7月前
|
移动开发 前端开发 JavaScript
构建一个动态交互式图表
构建一个动态交互式图表
|
数据可视化 UED
《信息可视化:交互设计(原书第2版)》——2.11节交互式属性选择
本节书摘来自华章社区《信息可视化:交互设计(原书第2版)》一书中的第2章,第2.11节交互式属性选择,作者:(英) Robert Spence,更多章节内容可以访问云栖社区“华章社区”公众号查看
1221 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版)》——第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.1节任务
本节书摘来自华章社区《信息可视化:交互设计(原书第2版)》一书中的第2章,第2.1节任务,作者:(英) Robert Spence,更多章节内容可以访问云栖社区“华章社区”公众号查看
1284 0
|
数据可视化 UED
《信息可视化:交互设计(原书第2版)》——导读
本节书摘来自华章社区《信息可视化:交互设计(原书第2版)》一书中的目录,作者:(英) Robert Spence,更多章节内容可以访问云栖社区“华章社区”公众号查看
1570 0