app引导页动效(app引导页素材)

  原文地址: https://www.webdesignerdepot.com/2017/04/7-ways-to-delight-users-with-animation/

  原文作者:NICK BABICH

  译文:陈子木

  愉悦的动效能够通过两种方式提升UX:

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

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

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

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

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

  2、创造良好的第一印象

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

  3、让界面更加生动有趣

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

  4、让交互更加富于情感

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

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

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

  

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

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

app引导页动效(app引导页素材),app引导页动效(app引导页素材),app引导页动效,第1张

  7、提升交互的质感

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

  

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

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

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

1、本网站名称:源码村资源网
2、本站永久网址:https://www.yuanmacun.com
3、本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。
4、本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
6、本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。
源码村资源网 » app引导页动效(app引导页素材)

1 评论

您需要 登录账户 后才能发表评论

发表评论

欢迎 访客 发表评论