当前位置:首页 >教程首页 > U I 设计 > UXD全链路设计大师班 >7 个值得学习的可视化设计细节!

7 个值得学习的可视化设计细节!

发布时间:2022-04-14 09:50:45

Nathan Yau 在《数据之美》中写到,可视化并不仅仅是一种工具,而更像是一种媒介,能最大化帮助我们挖掘数字背后的信息,让数据“开口”讲故事。可视化设计将信息和数据转化为用户能够理解的图表、图形和地图等元素,通过色彩、样式凸显其中的变化,帮助用户更高效的获取信息、判断趋势、识别变化等。那么在可视化设计中怎么让用户能更好的看清看懂数据或信息、让用户快速感知数据变化、让数据于用户所处的情境相呼应是微交互思考的方向。

应用于当前状态表达,帮助快速判断

「医鹿-新冠疫苗热力图」随着新冠疫情的反复, 新冠疫苗集中接种导致的排队情况比较突出,用户查询适合接种点的需求比较旺盛,希望可以快速找距离近,有苗可约、排队时间短的接种点;该热力图给用户提供一款可以快速查询附近可约苗、少排队的接种点工具,并通过人流量可视化来高效辅助用户选择合适的接种点。

1.jpg

「雪球股票」在 list 页面中,每条 item 的背景颜色会随着实时的涨跌情况闪现红色或绿色,在 list 页做到实时状态前置。通过可视化中变化的凸显,帮助用户快速达成目标,在最少的时间内获取更多的信息,并引导用户进行更深层次的探究。

2.gif

应用于复杂商家后台设计,帮助提效

「饿了么商家端」数据指标形象化:利用动效描述数据指标含义,帮助商户更好解读。例如下方案例:对于加购转化这个数据指标的解释,设计师利用动态的加购商品示意图来演示对应操作的界定。

3.gif

「饿了么商户端」数据切换和页面联动:借助 C 端页面展示 B 端数据,做到一一对应且更有画面感。

4.gif

「饿了么商家端」利用集合符号所见即所得拖拽标签圈选人群。将商家后台系统复杂的人群圈选操作变得更加简便且更容易帮助商家端的运营人员理解复杂运营规则。

5.gif

利用 3D 可视化,多维度展示商品

「淘宝」商品卖点的用户参与式互动表达 :利用不同的手势滑动屏幕控制序列帧图片。例如案例左一图中为了让用户更直观地了解摄像头长焦模式下的拍摄效果,用手势操作结合画面变化模拟了真实长焦影像的效果。其他两个也是利用 3D 模拟工作原理,用户可看到宠物洗澡机可拆卸演示以及烤箱的微蒸烤箱技术实现效果。

6.gif

「淘宝」3D 化商品外观展示:720 度及任意缩放查看商品 3D 模型以及不用款式和颜色的切换查看,增加线上商品的真实感和功能细节查看。

7.gif

作者微信公众号:「AlibabaDesign」

学员作品赏析
  • 2101期学员李思庭作品

    2101期学员李思庭作品

  • 2104期学员林雪茹作品

    2104期学员林雪茹作品

  • 2107期学员赵凌作品

    2107期学员赵凌作品

  • 2107期学员赵燃作品

    2107期学员赵燃作品

  • 2106期学员徐正浩作品

    2106期学员徐正浩作品

  • 2106期学员弓莉作品

    2106期学员弓莉作品

  • 2105期学员白羽新作品

    2105期学员白羽新作品

  • 2107期学员王佳蕊作品

    2107期学员王佳蕊作品

专业问题咨询

你担心的问题,火星帮你解答
  • 金华c4d培训班免费试学

    只要是涉足三维场景、产品、视效制作的地方,C4D都能发挥它自身的作用,尤其是在平面设计、服装设计、UI设计、工业、动画、游戏设......

  • 金华新媒体培训机构排名

    新媒体的趁势发展,带动了大批新媒体培训机构的涌现。为了让大家对新媒体培训机构有一个了解,本期就来说说,金华新媒体培训机构排名相......

  • 金华美术艺术培训速成班价钱

    对很多想要学习美术的同学来说,学费是必须要考虑的问题。所以今天小编就来和金华的小伙伴们说说美术艺术培训班的价格,好让大家心里有个底。

  • 金华绘画培训班哪家好

    绘画是一门艺术,也是很多人赖以生存的必备技能。比如说以插画为生的插画师,以原画为主的原画师,需要绘制施工图的室内设计师等等。而......

  • 沧州草图大师培训学校哪家好

    在进行室内设计项目工程时,草图大师是能够快速的以 3D 方式探寻和展现设计师的核心理念,具备传统式CAD软件所不具备的优点,所......

  • 沧州建筑设计培训机构有哪些

    现在越来越多的人投入到建筑行业,想要学习建筑设计,但是作为建筑小白,不知道建筑设计都需要学习哪些内容,对于建筑设计行业也了解的......

×
扫码快速获取
×