所谓交互动效,即由用户行为动身,具有或体现某些功用的轻量动画,是倾向于用户体会的互动动态体现方法。那么,作为交互规划师,我怎样才干知道我的交互动效契合用户体会,给产品增值呢?
这次咱们在「惠普Z系列」的资助下,约请到了回音共享会创始人、腾讯高档规划师、Ps冷常识系列文章作者Nefish教师教授交互动效诀窍。
他将从交互动效的功用性、韵律感、拟物、高效、聚集、和情感染六大交互动效准则下手,帮咱们“确诊”上传的交互动效著作。
本期高手坐堂活动现已收到了40多份著作了,Nefish教师从中选择了9份著作进行具体点评,不论你是不是那个天选之子,来看看这些“别人家”的规划著作,听一听大神教师的干货共享吧。
视频点评干货如下:
写在前面:
这次截止到我录制视频总共收到38份著作,但是并没有人依照规矩提交,后面交作业的同学要依照我写的规矩来啊!不然这个专题就没含义了。
尽管如此,作为第一期著作点评,这次我仍是点评了尽量多的同学,因为动画的特殊性,静态的解说会缺失大部分细节,所以同学们假如有条件的话强烈建议直接看下面的两个视频,文字版仅仅选择了其间几个同学的著作,并且写得很归纳哈!
点评上集
点评中集
部分文字点评内容:
NO.1
《2019年动效合集》作者:Jies_L
点评:非常高产的同学,质量也不错,不过在关于用户体会和交互上还有较大提高空间。
能够去找一些市面上比较老练的产品(最好是有大厂背书,口碑较好的)去做剖析,一步步去拆分其间的交互途径和办法,这个过程中不用特别重视动效的出现,多了解这些产品的交互逻辑,别的一定要着手去体会,像我视频中说到的事例,移动端交互和PC端有本质区别,假如混杂,即便做出优质炫酷的出现, 但运用体会是负分的话仍然是失利的规划。
用户点击操作时,原ICON能够有动作(如变色、变形等等),但不要直接消失掉。
顶部Banner的3D歪斜效果一般出现PC或Web端,炫酷是炫酷了,但在移动端的交互上是两码事,彻底不可行,这儿需求分外留意,不要中止考虑。
NO.2
《2019上半年动效合集》作者:梵负Ryan_Vision
点评:动效节奏和韵律需增强;关于交互层级的需进一步了解。
多去看些缓动曲线相关的常识,现在的动作挨近线性,会让人感觉僵硬和卡顿,这是能够经过曲线来缓解的,能够去看一下我发的规矩中《交互动效准则》中的韵律感这块内容。
下方引荐位交互途径紊乱,交互方向是横向的,后续的体现没理由忽然变成纵向(假如交互方法是点击而非滑动,或许还会稍好一些)。
NO.3
《近期一些动效渣做合集》作者:進擊的京彩
点评:韵律感不错,很舒畅,著作构思也是有的,不过运用场景上需求留意。
全体仍是很喜欢的,不过里边有一些交互方法比较欠妥或者说能够有更简略易用的方法来体现,这也是所有人都常常疏忽的一个重要问题:咱们的规划是拿来给人用的而不是铺排,出现当然重要,但确保可用性、易用性是一个大前提。别的弥补Tab动效的一个易被疏忽的细节:用户是运用手指进行点击操作的,一方面咱们需求让用户在操作后能够得到及时的反应,另一方面假如时刻过早则有或许不会引起用户的留意,所以Tab动效的机遇其实是能够细心琢磨一下的,这儿引荐一个叫做篝火营地的APP,里边的Tab动效规划是我个人比较赏识的。
全体很细腻,发送的动作有构思,但这个交互方法是否是最合适的,能够再深化考虑下。
这个用来切换用户热度体现方法(icon/icon+数字)的动效会有些杂乱,体现不错, 动效韵律也把控的很好,但现在这种交互方法过于杂乱了,没必要的。
NO.4
《酒零一二动效创造After Effects + Principle》作者:HaiyuPSD
点评:Principle部分做的还不错,AE部分质量忽高忽低,动画的全体韵律需求特别留意。
有几个小构思仍是很赞的,不过著作质量好像不是很安稳?与前面几个同学相似,这位同学需求留意的问题也是在韵律和交互逻辑,全体节奏上尽管应做到即时反应,但也不用过快,避免形成用户惊;交互逻辑方面,进行任何操作后都应该有回退的进口,别的留意尽量寻求高效率的交互方法,牢记不要为了出现而放弃交互上的便利性。
动画节奏和韵律要加强,别的在弹动效果拟物上有较大问题,这个直接在现实生活中找参照去调查吧。
相对比较细腻,但动效全体时刻较长,牢记不要让用户等你播完,交互动效本应担负起缓解用户的焦虑心情的效果才对。
今日点评上集和中集的内容
就给咱们引荐到这儿了
点评内容下集
零距离触摸规划大咖
超多福利等你收取
-happy ending-
版权所有
未经答应制止转载
————
站酷,让规划更有价值!