可视化设计如何打动人心？我总结了这4个方法

Nathan Yau 在《数据之美》中写到，可视化并不仅仅是一种工具，而更像是一种媒介，能最大化帮助我们挖掘数字背后的信息，让数据「开口」讲故事。

可视化设计将信息和数据转化为用户能够理解的图表、图形和地图等元素，通过色彩、样式凸显其中的变化，帮助用户更高效的获取信息、判断趋势、识别变化等。那么在可视化设计中怎么让用户能更好的看清看懂数据或信息、让用户快速感知数据变化、让数据于用户所处的情境相呼应是微交互思考的方向。

降低理解难度

通过可视化表达，将不易理解的信息呈现的更加清晰明了，帮助用户理解吸收。

1. 支付宝-基金指数

运用一般人对红绿灯的理解，将其绿灯行红灯停的概念，运用在基金投资上，帮助新手能简单理解指数估值的走势，更容易去判断该基金买卖的时机，绿灯为值得购买，红灯为建议卖出。

2. 支付宝-基金收益

欲购买基金时，透过尺标的形式选择购买金额，同时下方展示购买该金额的预期收益，并用实际生活中的物品举例，帮助用户理解获益的金额价值。

3. 淘-币

任签获取，使条形，表币转换系，获取，兑换币。

让用户感知变化

视变凸显帮户速目标，获取息，并引导户深探究。视变凸显帮户速目标，获取息，并引导户深探究。

1. AirVisual-空气质量指标

依据颜色与人脸图形表达空气质量程度，颜色从绿黄橙红紫暗紫色，人脸图形从开心、难过的表情、戴口罩到戴防毒面具等，来表达空气质量从好到坏，让用户能直接看到颜色与图形就能感知到当前情况，且知道对应的防范方式。

2. 我的天气-3D地图

日出日落的时间以动态的地球展示，地球滑动操作，让用户能实际感知到地球的光照情况。

3. 腾讯手机管家-充电状态

手机充电时，以整个屏幕作为充电量的比例展示，以虚拟鸭子游水的有趣形象，透过水位的高低表达当前已经充电到达的数值。

呼应用户所在情景

在可视化中增加与用户情境相关的元素，能够让用户获得更贴切，更直接的信息感知。

1. 高德-导航

当开车导航的当下，如果车速过快，在屏幕的双侧会显示红色的超速效果提示，比起左上角的车速展示，能更直接快速的感知到已经超速了。

2. -预估

查程导航预估，柱状图观展示目需，滑震切换效，图显示该途拥堵况，显示预。

提升数据操控感

供够捷筛或操控组件，户查视图空，速。

1. 携程-机票票价对比

运用柱状图展示不同日期的机票票价，能直观看出价格间的差异，点击后，可切换到该日期，查看具体航班资讯。

2. 携程-机票低价提醒

机票的价格是浮动的，可透过低价提醒的设置，主动提示用户票价已到达该预期价位，设置时如果价格设置的过低，到达的可能性越低，因此以价格滑动条操作，并以绿橙红表达成功率的高低做提示。

欢迎关注作者的微信公众号：「AlibabaDesign」