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

通过颜色编码和图标匹配,实现汽车图片与其价格信息的有效关联,帮助用户快速建立心理模型。

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


fb25f654244c6c3ded31624d9fc4a74e3acbdb60
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值