作为体验或界面设计师,你可知什么时候、什么地方用动效来提升可用性?

本文将表述我对这个问题的回答——“作为体验或界面设计师,如何得知什么时候、什么地方用动效来提升可用性?”Z Yuhan:这篇文章真的超级难翻译啊,原文的描绘非常细腻隐晦,大部分句子根本没法直译,只能理解后用中文的表达方式重新造句,幸好我的翻译水平也有进步啦~大家要是发现有什么问题,不论是翻译还是错字,欢迎评论我指正 : )


本文将表述我对这个问题的回答——“作为体验或界面设计师,如何得知什么时候、什么地方用动效来提升可用性?”

作为体验或界面设计师,你可知什么时候、什么地方用动效来提升可用性?

过去的5年中,我通过自己的工作坊和课程,在四十多个国家,为几百个顶尖品牌提供了体验和界面的设计指导。

研究了15年的界面动效后,我总结出了12个使用动效提升产品体验可用性的机会点,我将其称之为“十二条动效体验原则”。这些原则能够以无限的创新方式互相堆叠组合。

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

  1. 什么是界面动画——不是你想的那样
  2. 即时vs非即时交互
  3. 动效提升可用性的四种方式
  4. 理论、手段、属性和值
  5. 十二条动效体验原则

1、界面动画不是你想的那样

因为界面动效经常被设计师理解成“界面动画”——然而并不是——我觉得进入十二条原则之前有必要提供一些背景信息。

“界面动画”很容易被设计师想象成某种增强愉悦体验的东西,自身并不具备什么价值。继而“界面动画”常常被当做用户体验的拖油瓶,像化妆中的口红一样,通常作为最后一步点缀。

另一方面,界面动效理所当然地被当做迪士尼动画的某一种分支,对于这点我曾在《UI Animation Principles — Disney is Dead》中发表过反对观点。

这篇“宣言”中我将告诉你,“界面动画”之于“十二条动效体验原则”,就好比“施工”之于“建筑”。这句话的意思是,一栋楼房需要在物理上被真正建造才存在(需要施工),而决定该建造什么的来自基础理论。

动画是关于工具的。理论或原则是关于想法的实施运用,能够指导工具的使用,可以为设计师提供杠杆和机会点。

“界面动画”事实上是更高等级的设计展现形式:表达界面元素在即时和非即时事件下的行为动作。

2、即时vs非即时交互

首先很重要的一点是,要区分“状态”和“行为”。用户体验中,状态是静态的,作为设计上的补充属性;而行为是基于时效和动态的。举个例子,一个元素能够被遮罩,这个遮罩可以是一种状态,也可以是一种行为。如果是行为,那么动效就可以加入,帮助提升可用性。

除此之外,所有的交互行为,从是时效性上,可以被分为即时发生和非即时发生。即时表示用户是直接与界面元素进行互动的;非即时表示界面元素的动作是在互动之后的:作为过渡,在用户操作之后才出现。

作为体验或界面设计师,你可知什么时候、什么地方用动效来提升可用性?

作为体验或界面设计师,你可知什么时候、什么地方用动效来提升可用性?

区分这两个概念很重要。

即时交互也可以被理解成“直接操作”,因为这种用户与界面元素的交互是直接而同时的。非即时交互通常在用户操作之后才发生,并且在过渡完成之前,都不允许用户进行其他交互。

上述澄清能够帮助大家更好地融入十二条动效体验原则的世界观。

3、动效提升可用性的四种方式

下面将介绍用户体验时效动作提升可用性的四大支柱。

可预期

预期包含两个方面——用户如何感知界面元素是什么,以及界面元素如何动作。换种说法就是,作为设计师,我们想要减小用户预期与实际体验之间的差距。

连续性

连续性即关乎用户流程的顺畅,也关乎用户体验的统一。连续性是整个用户体验的连续性,既包含场景/页面之内的连续性,也包含场景/页面之间的连续性。

描述性

描述指的是通过用户体验的线性事件,所构造出来的时空框架。可以理解成相互连接并贯穿整个用户体验的一系列关键时间与事件。

关联性

关联指的是界面元素之间的时空和等级表现,这些都能够帮助用户理解和决策。

4、理论、手段、属性和值

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 授权发布于人人都是产品经理,未经作者许可,禁止转载。

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/20798/

(0)
CatherineCatherine
上一篇 2017-08-04
下一篇 2017-08-04

相关推荐

  • 用户体验是紫光物联智能家居的第一要义

    智能家居成为一匹黑马,在这个互联网与物联网互联互通的时代,智能家居是否能够代表物联网,引领我们的居家生活走进一个新纪元呢?从用户出发,打造稳定易用的智能家居产品首先,智能家居产品目前正处于井喷阶段,发展是大势所趋。我们做的就是改善和提高我们的生活质量和生活方式。目前,大多数居民都处于一个快节奏的生活环境当中。在这个快节奏的生活中,方便、快捷、健康、环保变成了目前智能家居行业发展的主题。紫光物联多年致力于打造高标准、高品质的智能家居产品,...

    2018-05-04
  • 想快速玩转Axure,同时提升产品和交互能力,试试这个秘密武器

    腾讯课堂&起点学院联合打造的给产品经理的Axure课程如果你想学好Axure,不让Axure阻碍自己的发展,却苦于这些问题?1、没人监督指导,自学还没到一个周,就想放弃2、按教程操作,却出不了效果,又不知错在哪里3、难的知识内容看着费劲,不会技巧,效率低浪费时间那么这个课程很适合你,2280位同学已经通过这个课程摆脱了Axure困扰。这个课程能带给你什么如果你是产品新人,还没有很好的产品作品,axure实战班里做的原型作品,学到的axu...

    2018-04-30
  • 2014年APP分类排行

    纵观全年,在APP应用领域有四大类发展最为迅速,分别是社交、支付、导航以及美化软件。此外,打车软件则是在2014年一新兴产品,该类软件的推出填补了APP领域的一项空白,同时也是用户的一大刚需,在很短时间内就被…

    2015-01-13
  • 改善用户体验或是中小型IOT平台突围的唯一出路

    全屋智能、智慧城市成人们关注的新焦点,智能音箱、智能冰箱、智能手环、智能珠宝皆得益于物联网的发展。据推测,在2045年,最保守预测将会有超过一千亿的设备连接在互联网上,而最先在物联网上开花的便是智能家居了。网上数据显示,2021年全球智能家居市场规模将达5000亿元。前景如此可观的智能家居市场不仅催生了不少了智能家居企业,同样也催生了不少提供智能化解决方案的物联网平台,如国外的AWS、IBM、微软、谷歌,以及国内阿里云、京东微联、华为等...

    2018-05-08
  • VR中的协作游戏

    在VR中分享经验、与他人协作,这是绝无仅有的一个新维度。玩家们甚至语言都不通,这个事实如此奇妙,证明了我们仅凭极少的手段就能沟通和协作。

    2017-04-28
  • 在007里的用户体验是“爽”还是“不爽”

    有一天在微信上和007社群的班级一位同学聊天,一通天南海北的乱扯后,话题就回到007这个社群上了,因为这段时间我参与007社群的一些活动,对这个话题特别敏感,然而他却流露出对这个社群的很多不满意,我们之间的一段对话让我思考了很久很久。对了,这两天你看了你们小组的信息了吗?小组信息?刚看,不过我最近在考虑要不要直接退出007,感觉没意思,也啥时间整这些了。那你当初为啥参加007啊?没啥,就是觉得应该养成一个写作的习惯以及可以认识一些稍微志...

    2018-04-11
  • APP交互设计,需要注意五点事项

    交互设计这个词最早提出来是在1927-1970年,那个时候只是个初创期。后续随着时间推移,互联网和机器的发展,这几年开始被人重视这个交互设计。很多公司专门成立个部门叫UED,听起来很吓人,设计师没有接触过,不知道是什么东西,具体里面有哪些核心内容?其实说白了就是把人,机器和界面相融合,做到顺其自然,顺理成章,不要反其道而行,逆天反人类。

    2017-05-13
  • 全面解读!人工智能如何改善五大用户体验?

    点击【阅读原文】,即将IPO独角兽,抓住上市前最后的机会!最近两年人工智能技术在金融、安全、交通、医疗、公共服务和制造业等领域逐渐落地,随着技术的成熟,人工智能将会在更多领域影响人类的生活。以人为本的人工智能设计会变得更加重要,本文会从安全性、效率、易用性、场景化、个性化五个方面阐述人工智能如何改善现有的产品和用户体验,这五个方面存在着各种联系并相互影响。安全性越接近系统底层的技术越影响用户体验,例如手机中毒或者信息被盗都会对用户产生巨...

    2018-05-05
  • 优逸客【交互设计】直播课今晚8:00正式开播!

    提起交互设计,它既没有界面视觉设计绚丽,也没有用户体验设计有趣,看起来枯燥乏味,学起来复杂难懂,但它却是整个产品流程中最核心的部分之一。一个牛X的交互设计师是睥睨天下的,无论薪资还是技术。(以上海地区为例)但在通往牛X的路上……很多人还没开始就放弃了经常会有人说交互设计好像已经趋于饱和,现在从事这个行业没机会了。照这么说,公务员是我见过的饱和度最高的行业了,但每年还是有那么多人争得头破血流要为人民服务。就像金字塔一样,往往最底层的那一部...

    2018-04-19
  • 应届生在简历中如何描述自己的交互设计项目经验?

    应届生和社招的项目展示核心区别在于,应届生的项目大多数是虚拟的、小型的,或者失败的。大部分可能是校园网站项目,公众号运营,轻量化 App 等,用户数量不会太多、很少或基本不盈利。描述、呈现自己项目经历的前…

    2015-10-14