文章插图
前言:你在使用一款产品的时候有过这种感觉吗？产品中一个不经意的小细节或功能点，突然让你对产品产生了更好的好感，比如一个温馨的提醒，一个便捷的操作，或者一个有趣的反馈等等 。这些能引起用户共鸣的“微交互”设计，给用户带来的运气并不多，让产品看起来更人性化 。同时也是设计的初心，对用户的关怀，是设计师匠心态度的体现 。
本文将对之前的微互动案例以及与“可视化”相关的案例进行总结 。
NathanYau在《数据之美》中写道，可视化不仅是一种工具，更像是一种媒介，可以帮助我们最大限度地挖掘数字背后的信息，让数据“说话”讲故事 。可视化将信息和数据转化为用户更能理解的图表、图形、地图等元素，通过颜色和样式突出其中的变化，帮助用户更高效地获取信息、判断趋势、识别变化 。
1 。降低理解难度
通过视觉表达，将难以理解的信息更清晰的呈现出来，帮助用户理解和吸收 。
案例一:CRO监控大屏幕——在与地球的实时监控大屏幕上，添加与当天一致的终止线数据 。在观看实时业务数据的同时，还可以了解当时昼夜变化的影响 。让监护仪观察到的数据更立体，判断更全面 。
案例二:D2SQL编辑器可以把代码变成结构化的流程图，同时用颜色和图形来标识每个节点，让代码读者更好地理解代码结构 。
2 。让用户感知变化
可视化中变化的凸显，可以帮助用户快速达成目标，在最短的时间内获取更多的信息，引导用户进行更深层次的探索 。
案例一:雪球的股票列表，每一项的背景颜色会随着实时涨跌而闪烁红色或绿色，实时状态会放在列表页面的前面 。
案例二:掌上运维APP展示数据趋势和预警变化等相关信息，让用户在查看数据的同时获得可能引起数据变化的原因信息，便于更快的处理 。
案例三:MTEE策略对比，通过颜色的变化来识别两个版本策略的差异，让用户更直观的获得策略的变化点 。
3 。呼应用户的情况
在可视化中加入与用户情境相关的元素，可以让用户获得更合适、更直接的信息感知 。
案例一:菜鸟裹裹，在物流详情页图形化显示包裹的状态，显示包裹的始发地、当前位置、距离目的地的距离、终点站、经过时间等信息 。以一种更直观的方式 。更直观的呈现信息，让用户心中有数，增加用户对物流的信任和好感 。
案例二:蚂蚁财富，在基金收益曲线的末端，设计了盈利标志，红色为盈利，绿色为亏损，让用户快速感知收益，“是盈利还是亏损”，“是盈利还是亏损多少” 。
4提高数据操作感
提供了足够方便的过滤或操纵组件，让用户可以查看更多视图空并快速定位想要的内容 。
情况一:在小睡眠app中，通过雷达图的变形来显示当前播放的声音，点击相应的图标就可以开启和关闭声音；通过滑块可以调整声音强度的组合，实时可视化显示，用户易于理解 。
案例二:OBERHAEUSER中将将雷达图的尺寸设计为可调整，保证了雷达图的高可读性，拖拽切换方式相当方便 。
案例三:阿里云WAF安全防护产品，直观的呈现用户受到的攻击情况，通过拖动滑块，点击数字，控制折线图和列表的显示内容，帮助用户快速定位目标事件，一键完成所需的防护设置 。
【移动端可视化设计思路】在视觉设计中插入微交互，可以让用户更好更方便的获取信息，了解信息，引导用户进一步操作，让信息变得更有效更直接 。
推荐阅读
- 网店无人问津到流水十万，只因她抓住了这一流量端口
- 有很多超前想法 总能走在别人前端的星座
- 包粽子的 *** 文字 包粽子的 ***
- 简述微信运动的好处和弊端 微信运动好友突然没了怎么回事
- 适合端午节发的祝福短信，给一个女孩发端午节祝福短信!她回复：呵呵！什么意思？
- 手机外壳皮套移动电源充电宝等淘宝手机配件店铺装修模板
- 蓝色版电信移动联通话费充值+Q币+游戏点卡充值宝贝分类图片
- 苏宁达尔文授权扫描成功，移动端提示授权成功，PC端点击刷新无效
- 管理员功能简介 多多买菜门店端小程序怎么管理
- 门店端小程序搜索功能 多多买菜怎么搜索商品