百度MUX:从注意力维度谈动效设计

百度MUX:从注意力维度谈动效设计

  近年来,跟着ios和android系统关于动效规划的带动效应,大都产品关于动效规划也越来越注重,从app引导页到动作反响,从官网介绍到hover效果,动效规划如同现已成为一个成功产品的标配。可是动效也不是越艳丽越好,过于艳丽的动效关于咱们的规划方针来说或许会拔苗助长,用户或许只重视到了动效自身,而没有精力或时刻去重视动效要传达的信息,而怎么掌握这个度,本文会从以下几个方面来讲。

  一. 是什么招引着用户的留意力?

从看到一个页面的瞬间开端,假如在展示面积相同的情况下,用户的留意力会依照一个特定的次序顺次被招引:动态>色彩>形状。

  简略来说,当用户翻开一个界面,留意力首要会被动态的物体招引,当动态停止或许是个很有规则的动态时,留意力会转向色彩比照强的部分,最终才是形状。这一进程是人在进化进程中构成的天性反响,底子适用一切用户。一起一个十分重要且简单被疏忽的准则:用户的留意力是有限的,并且越来越少。很或许在用户留意到一段动效之后,留意力和耐性现已竭尽,无法看到其他内容就着急去下一个界面了。所以,关于动效这样一个十分强势的东西,必定要用在期望用户留意的部分。

  二、动效招引留意力的中心维度

一个动效关于用户的留意力招引有多强,可以分为两个中心维度,动效的展示面积与继续时刻。展示面积越大,动效继续时刻越长(包含单一动效与复合动效),用户留意力越可以被招引并继续。将两个中心维度构成一个二维图表,构成的四个象限可以代表四类不同的动效:

  1.相对面积大,动效继续时刻长

此类动效多应用在app的介绍页或许官网的产品介绍页,力求经过动效冲击视觉,给用户留下深刻印象。这儿因为大部分画面都是动态,其他静态的小部分很或许被忽视。例如,大都页面都在图形中参加动效,而文字部分是停止的,假如有信息是期望可以经过文字表达,这时就会起不到效果。用户只能记住“炫”,至于要表达什么则底子不明白。所以这类动效在运用时,要留意是否会影响页面信息传达。

  Reebok Fall/Winter ’14 Lookbook 页面中,整个页面都有长时刻动态效果,用户留意力底子停留在页面中的人物动作上。而其间的产品展示部分,尽管也有动效引导,但用户的留意力都在想看完一切场景上,没有剩余的留意力给页面中的产品。不过,这样的页面安排在传统企业网页中是常见也合理的。因为这个页面的中心意图便是品牌宣扬,让用户感受到Reebook是多么酷的一个运动品牌,底子也没指望页面中的产品链接可以带来多少销量。而大都互联网产品的此类页面还要处理功用论述,所以要稳重规划。

  2.相对面积大,继续时刻短

动效展示面积大,时刻却比较短,是期望用户留意会集在动态部分一会儿即可,这类动效规划师都比较了解,多用于界面之间的切换。大范围短时刻的动效很难看清,所以这类动效更多为展示界面之间的空间联系。值得重视的是,因为用户会不自主重视动态部分,所以行将呈现的界面应该是动态的,这样留意力会顺利衔接到后呈现界面,不然会呈现“留意力跳动”。

  在如上界面中,侧边栏的打开进程就会呈现“留意力跳动”。在点击侧边栏按钮后,用户留意力会会集在整个界面向右移动,然后跟着动画的完毕,留意力还要回到底层的深色界面,导致了视觉流的不流通。

  3.相对面积小,动效时长短

此类动效可以用“轻”来描绘,通常是来进行比较“轻”引导、反响和提示。中心是不期望打断主流程,而又能细微招引一下留意力,情感染规划也最适合在此发挥。

  亚马逊客户端点击查找后,菜单按钮会向右移动,回来按钮随之进入。这儿的动效略微提示了一下“回来”的呈现,一起又没有抢走用户对查找的留意力,适可而止。

  在Shine中的loading动效是一个小人在不断游水。而 Google查找App中,假如切换到横屏再切换回来,logo就会如同被你弄歪相同。这些小动效都为产品的情感染起到了很好的效果。

  4.相对面积小,动效继续时刻长

一个较小面积上会长时刻存在动态效果去招引用户留意,这意味着此处的动态效果自身是十分重要的,值得用户坚持重视,此类底子都与用户此刻重视的功用直接相关。

  yahoo气候中的风车滚动,美乐韶光的动态按钮,都是表现了产品功用或状况,这样的动效尽管一向继续的招引留意,可是因为面积较小,所以并不会对其他功用运用发生过多搅扰。动效的展示面积会十分需求好好酌量。

  三、总结

动效是最夺人眼球的东西之一,正确的运用会在与用户的对话中起到很好的引导。不过也正因为它的强势,所以必定要梳理好规划方针,不要让其变为搅扰,究竟用户的留意力和时刻都变得越来越少,咱们要做的是更合理的使用动效来传达咱们的信息。

上一年今天运营文章2022:《增加思想》的结构及要点(0)2022:会员积分系统影响用户长时间活泼的两种手法(0)2022:达人转型带货怎么改动用户认知?这三个方面必定要留意!(0)2022:快手处置很多违规账号,运营人需求留意这些(0)2022:抖音彩妆护肤陈述出炉!增加超400%的大爆品行将诞生?(0)

特别申明:本站的主旨在于收集互联网运营相关的干货知识,给运营小伙伴提供便利。网站所收集到的公开内容均来自于互联网或用户投稿,并不代表本站认同其观点,也不对网站内容的真实性负责,如有侵权,请联系站长删除,转载请注明出处:https://www.lnwcn.com/156032.html。
(0)
运营学社的头像运营学社官方
上一篇 2023年7月15日
下一篇 2023年7月16日

猜你喜欢

QQ:1124602020
微信:vl54120
备注:周一至周五全天在线,周末可能不在线,另外联系时,请告知来意。

公众号
交流群
运营学社会员,开通可享海量资源与多项权益,点击了解详情