NathanYau在《数据之美》中写道,可视化不仅仅是一种工具,更像是一种媒介,可以帮助我们最大限度地挖掘数字背后的信息,让数据“张开嘴巴”去诉说一个故事。视觉设计将信息和数据转化为用户可以理解的图表、图形和地图等元素,并通过颜色和样式突出其中的变化,帮助用户更有效地获取信息、判断趋势和识别变化。那么在视觉设计中,如何让用户更好地看到和理解数据或信息,如何让用户快速感知数据的变化,如何让数据与用户的情况对应起来,都是微交互思考的方向。降低理解难度通过视觉表达,将难以理解的信息更清晰地呈现出来,帮助用户理解和吸收。1、Alipay-FundIndex利用普通人对红绿灯的理解,将绿灯和红灯停止的概念应用在基金投资中,帮助新手轻松了解指数估值走势,更容易判断时机基金的买卖。绿灯值得买入,红灯推荐卖出。2、支付宝-基金收益购买基金时,可以通过秤选择购买金额,同时下方显示购买金额的预期收益,以实物为准帮助用户理解利益价值的示例。3.手淘-金币小镇做任务签到获得能量,用进度条的形式表达能量与金币值换算的关系,比如当前获得了多少能量,获得了多少金币可以兑换成金币。让用户感知变化以可视化的方式突出变化,可以帮助用户快速达成目标,在最短的时间内获取更多的信息,引导用户进行更深层次的探索。突出可视化的变化,可以帮助用户快速实现目标,在最短的时间内获取更多的信息,引导用户进行更深入的探索。1.AirVisual——空气质量指标,通过颜色和人脸图形来表达空气质量水平。颜色从绿色、黄色、橙色、红色、紫色、深紫色,面部图形从高兴到悲伤、戴口罩到防毒面具等,表达空气质量由好到好。不好的时候,用户可以通过直接看到颜色和图形来感知当前的情况,知道相应的预防方法。2.我的天气-3D地图日出日落时间以动态地球显示,地球滑动操作,让用户真实感知地球光照情况。3.腾讯手机管家-充电状态手机充电时,整屏显示充电容量的比例,并通过水位表示当前充电值,并带有虚拟鸭子游泳的趣味形象。呼应用户的情况,在可视化中加入与用户情况相关的元素,可以让用户获得更贴切、更直接的信息感知。1.AutoNavi-navigation驾车导航时,如果车速过快,屏幕两侧会显示红色超速效果提示。与左上角的速度显示相比,可以更直接、更快速地感知到自己已经超速。2.高德-时间预估查看行程导航的预估时间,使用直方图直观显示不同出发时间到达目的地所需时间,滑动时会有震动切换效果,上面的地图会显示道路拥堵时间,显示预计到达时间。提高数据操作感,提供足够方便的过滤或操作组件,方便用户查看更多的视图空间,快速定位到想要的内容。1、携程-机票价格对比,采用直方图展示不同日期的机票价格,可以直观的看出价格之间的差异。点击后可以切换到日期,查看具体航班信息。二、携程-机票低价提醒机票价格浮动。通过设置低价提醒,可以主动提醒用户票价已达到预期价格。如果设置时价格设置的太低,到货的可能性会降低,所以使用价格滑块操作,用绿色、橙色、红色表示成功率作为提示。
