沿着这7个思路,你可以正确的使用动效取悦用户 -
亚洲城ca88,ca88唯一官网,ca888亚洲城唯一入口

亚洲城ca88,ca88唯一官网,ca888亚洲城唯一入口

优秀设计联盟-SDC-网-设计师交流学习平台-听讲座,聊设计,找素材,尽在网

菜单

沿着这7个思路,你可以正确的使用动效取悦用户

2017/04/12in 阅读 9130评论区

  • 编辑 :
  • 阅读本文需 7 分钟

当我们在探讨产品设计细节的时候,会频繁地提及“愉悦”这个词。必须承认,愉悦的体验,是优秀产品中所潜藏的魔法。在设计时候,如何构建出愉悦的体验,也是需要努力实现的核心要点。目前,在网站和APP这两类产品当中,设计师主要是通过动效和微交互来强化体验,其中动效所起到的作用至关重要。

为何愉悦的动效很重要

现如今,数字化的服务和产品已经深入到我们生活的方方面面,可以说各种网站和APP已经成为我们现代生活的基础设施了。如今数字产品设计依然是首先聚焦到可用性上,因为首先要通过产品帮助用户达成目标。但是在可用性达成之后,用户体验设计所需要做的事情还有很多。良好的设计是吸引人的,良好的设计是令人愉悦的。Stephen Anderson 曾经说过:“在体验设计的过程中,为用户提供满足感已经是一种常态,而愉悦感则是我们所追求的目标。”这句话其实点明了一个事实:动效对于体验设计很重要。

何时使用愉悦的动效

就像其他的元素一样,动效应该对整个用户流程起到支撑的作用。愉悦的动效能够让用户更快乐地使用产品,而不会影响整体的可用性。愉悦的动效能够通过两种方式提升UX:

·强化娱乐和参与感。有趣的动效能创造良好的第一印象,并且引起用户的关注。它能让产品更加难忘,并且具备更强的传播性。

·让设计更富于情感。有趣的动效能够让产品更加人性化,能让用户与产品更容易产生共鸣。情感化设计的目的是创造幸福感,我想你是希望用户在在使用你的产品的时候,感到快乐的。

接下来,我们分享7种借助动效取悦用户的方法。

1、等待加载时保持用户的愉悦感

考虑到目前的存储技术和硬件的计算力,用户总会在不同的环节不可避免的面对加载过程。当我们不能缩短加载过程的时候,可以试着让用户的这个等待过程更加有趣。为了确保他们不会在等待的时候无聊,最好是借助动效让用户分心,从而降低他们对于时间的敏感度。这些动效可以是有趣的,也可以是出人意料的。

2、创造良好的第一印象

当人们判断一个事物好坏的时候,第一印象非常重要。好的第一印象能够让用户对产品或者服务产生兴趣,主动的推进新用户流程,甚至能够优化使用过程中的心境。想要打造好的第一印象不仅仅要依靠良好的可用性,还需要足够的个性化的设计作为支撑。如果你的应用界面看起来和其他的同类产品不一样,这本身会在用户第一次打开的时候,给他们一个暗示:这个产品有其他产品不具备的新特性。新用户首次打开APP的时候,引导界面结合动效能够给用户以不错的第一印象。

3、让界面更加生动有趣

动效常常和微交互结合起来,在交互前给用户以提示,在交互完成后给予反馈,见缝插针地加入,令界面逻辑得以完善,也让体验更加有趣。精细的动效不仅可以提升产品的可用性水平,而且能让界面的趣味性更强。

4、让交互更加富于情感

如今的UI设计越来越讲究情感化的设计了。正如同Aarron Walter 在他的《设计情感》中所说的:“个性和情感是我们被一部分人吸引,而没有被另外一部分人吸引的原因。”个性和富有性格的动效是和用户建立情感联系的重要渠道,它不仅让用户感到产品设计的用心,而且能让他们体会到这个产品背后有设计师的服务。

5、帮助用户从意外和错误中恢复过来

错误和意外其实会经常发生的。当错误发生的时候,不仅会影响到产品的体验,而且会直接影响到用户的实际生活。无论这些错漏和意外是怎么产生的,怎么同用户沟通,怎样处理它们都会直接影响用户的情绪,以及你的APP和用户之间的关系。这个时候,精心设计的动效能够将失败的情境转化为快乐的时刻。当你的UI界面中需要报错或者404专业的页面的时候,可以给动效一个机会。

6、让复杂的任务看起来更加简单

用好了动效,能让一个复杂的任务变成一次令人着迷的旅程。依然是经典的MailChimp,你可以看看他们是怎么来做的。MailChimp 的设计师将它的功能精心的包裹在了幽默的构思和流畅的动效当中,当你想要发出你的第一封邮件的时候,精心设计的引导流程和有趣的动效一路陪伴着你,帮你舒缓面对未知时的紧张。MailChimp 的动效设计非常具有同理心,在这种设计思路下,借助动效让复杂的任务看起来非常简单。

7、提升交互的质感

每个人都希望能够被认真对待,无论对方是人还是APP。和现实生活一样,当你发现APP和它背后的设计者在花费时间精力帮你解决问题,你的期望被认真对待了,那么你会觉得和这个产品的互动更有意义。

人们会忘记你所说的话,忘记你所做的事,但是不会忘记你给他们所带来的感受。 —— Maya Angelou

不要低估改善用户体验的乐趣,那些令人喜爱的产品和让人觉得勉强接受的产品之间所差的可能就是那一点愉悦感和体验。

当然,想要你的产品能和用户构建起情感联系,那么在此之前它至少要超过及格线,将基本工作做到位,然后借助动效和微交互,将愉悦的体验注入其中,强化功能和体验,这才是正确的设计方式。

【这些最佳实践帮你在UI设计上更上一层楼】

原文地址:
原文作者:NICK BABICH
译文:

本文由网原创翻译,请尊重版权和译者成果,转摘请附上链接,违者必究。谢谢各位编辑同仁配合。

【网 原创文章 投稿邮箱:yuan@uisdc.com】

================关于网================
“网“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:。
设计微博:拥有粉丝量180万的人气微博 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:/delight-users-with-animation

继续阅读与本文标签相同的文章

发表评论 加载中....

验证码加载中....

评论加载中....

底下还有哟~快放我们出去~
uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

评论就这些咯,让大家也知道你的独特见解 立即评论
以上留言仅代表用户个人观点,不代表立场

相关文章

关于我们

网(uisdc.com)是国内极具人气的设计师学习平台。2012年成立至今,一直专注于设计师的学习成长交流。目前正通过网站、微博、微信(ID:youshege)、各大社群为设计师提供高水准的行业设计讲座和领先的设计资讯分享。为设计师发声、替好作品说话,是平台的运营理念。想更全面了解或联系我们合作,欢迎访问。

我们的团队

微信

设计秘籍 一扫"掌"握!

                  官方 QQ 群:

Copyright © 2018 亚洲城ca88,ca88唯一官网,ca88手机版入口 -官方微信号:

sketch 大课堂 转场动效 设计师 扁平化设计 交互设计师 界面设计 排版布局 职场 平面设计 设计师专访 素材下载 视觉设计 配色 设计流程 web前端开发 AI教程 用户体验设计 设计理论 神器下载 海报设计 字体下载 设计趋势 设计规范 psd下载 动效设计 图标设计 产品设计 logo设计 ICON 神器推荐 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 用户体验 ps技巧 酷站 PS教程 网页设计 经验分享

上周热门文章

热门专题

把好文章收藏到微信

打开微信,扫码分享
学设计 在这里