作为体验或界面计划师，你可知什么时辰、什么处所用动效来晋升可用性？”

本文将表述我对这个题目的答复——“作为体验或界面计划师，怎样得知什么时辰、什么处所用动效来晋升可用性？”

已往的5年中，我通过本身的事变坊和课程，在四十多个国度，为几百个顶尖品牌提供了体验和界面的计划指导。

研究了15年的界面动效后，我总结出了12个行使动效晋升产物体验可用性的机遇点，我将其称之为“十二条动效体验原则”。这些原则可以或许以无穷的创新方法相互堆叠组合。

我将这篇“宣言”分为五个部门：

由于界面动效常常被计划师领略成“界面动画”——然而并不是——我认为进入十二条原则之前有须要提供一些配景信息。

“界面动画”很轻易被计划师想象成某种加强愉悦体验的对象，自身并不具备什么代价。继而“界面动画”经常被当做用户体验的拖油瓶，像扮装中的口红一样，凡是作为最后一步隐瞒。

另一方面，界面动效理所虽然地被当做迪士尼动画的某一种分支，对付这点我曾在《UI Animation Principles—Disney is Dead》中颁发过阻挡概念。

这篇“宣言”中我将汇报你，“界面动画”之于“十二条动效体验原则”，就比如“施工”之于“构筑”。这句话的意思是，一栋楼房必要在物理上被真正制作才存在（必要施工），而抉择该制作什么的来自基本理论。

动画是关于器材的。理论或原则是关于设法的实验运用，可以或许指导器材的行使，可觉得计划师提供杠杆和机遇点。

“界面动画”究竟上是更高品级的计划揭示情势：表达界面元素在即时和非即事势件下的举动举措。

起首很重要的一点是，要区分“状态”和“举动”。用户体验中，状态是静态的，作为计划上的增补属性；而举动是基于时效和动态的。举个例子，一个元素可以或许被遮罩，这个遮罩可所以一种状态，也可所以一种举动。假如是举动，那么动效就可以插手，辅佐晋升可用性。

除此之外，全部的交互举动，从是时效性上，可以被分为即时产生和非即时产生。即时暗示用户是直接与界面元素举办互动的；非即时暗示界面元素的举措是在互动之后的：作为过渡，在用户操纵之后才呈现。

区分这两个观念很重要。

即时交互也可以被领略成“直接操纵”，由于这种用户与界面元素的交互是直接而同时的。非即时交互凡是在用户操纵之后才产生，而且在过渡完成之前，都不应承用户举办其他交互。

上述澄清可以或许辅佐各人更好地融入十二条动效体验原则的天下观。

下面将先容用户体验时效举措晋升可用性的四大支柱。

预期包括两个方面——用户怎样感知界面元素是什么，以及界面元素怎样举措。换种说法就是，作为计划师，我们想要减小用户预期与现实体验之间的差距。

持续性即关乎用户流程的顺畅，也关乎用户体验的同一。持续性是整个用户体验的持续性，既包括场景/页面之内的持续性，也包括场景/页面之间的持续性。

描写指的是通过用户体验的线性变乱，所结构出来的时空框架。可以领略成彼此毗连并贯串整个用户体验的一系列要害时刻与变乱。

关联指的是界面元素之间的时空和品级示意，这些都可以或许辅佐用户领略和决定。

Tyler Waye 说过，“理论……是成果的基本条件和法则，而成果可以或许发生许多的技妙本领。无论变数，这些要素都不会改变”。以是我想要再次夸大，原则与计划无关。

想象一种品级布局，理论在顶端，下面是技能，再下面是属性，最底部是值。

本领可以被以为是理论的无穷制执行，我以为相同于“气魄威风凛凛”。

属性是用户缔造技能的特定参数，也许有位置、透明度、比例、角度、锚点、颜色宽度、外形等。

值是现实的随时刻变革而变革的数值，以此缔造我们所谓的“动画”。

到此为止，用一个例子表明，你可以说一个界面动画基于恍惚（Obscuration）的理论原则，行使“毛玻璃”的本领，其恍惚和透明度的属性别离是25px和70%。

——

本文译自《Creating Usability with Motion: The UX in Motion Manifesto》的前半部门。后半部门《十二条动效体验原则》将具体描写作者的结论和各类动效范例。

Z Yuhan：这篇文章真的超等难翻译啊，原文的描画很是精致隐晦，大部门句子基础没法直译，只能领略后用中文的表达方法从头造句，幸好我的翻译程度也有前进啦～各人要是发明有什么题目，岂论是翻译照旧错字，接待评述我指正 : )

译者：Z Yuhan

译文地点：https://zhuanlan.zhihu.com/p/27676738?group_id=865286594767237120

文章作者系 @Z Yuhan 授权宣布于大家都是产物司理，未经作者容许，榨取转载。

（编辑：厦门网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!