认识达内从这里开始

相信大家在学习ui设计的时候，对于交互设计的功能也掌握了许多的知识，其中微交互对于提高用户体验等方面有着非常大的优势。那么，我们在进行微交互设计的时候，应该如何来进行这些功能的测试呢？

下面，我们就一起来聊聊一下，不同的微交互功能的作用都有哪些。

想要了解微交互到底对你的设计有什么好处，那么你最好将你的设计思路勾勒出来。用来绘制原型和线框图的工具有很多，这里推荐使用近期比较火的AdobeExperience，也就是AdobeXD，它是专门为线框图和交互设计而生的。

呈现系统状态

对于UI的状态设计，JakobNielsen曾经说过，“系统应当始终通过合理的反馈告知用户当前正在发生的事情，所处的状态。”这也就意味着界面需要通过反馈让用户明白发生了什么，而无需用户猜测。而带有动效的微交互正是以提供视觉反馈而闻名。

想要展现创意十足的微交互动效，数据的上传和下载过程都是不错的选择。

另外一个经典的案例就是下来刷新，这是目前移动端UI中内容更新最常见的交互手段，一个畅快的下拉刷新微交互动效能够让用户欲罢不能。

让按钮和控件容易被感知

即使隔着手机的玻璃屏幕，界面上的按钮和控件也应当是易于被感知，让人觉得它们是真实有形的。运动轨迹和视觉线索能够以即时反馈的形式，弥合这种现实和虚拟图像之间的界限，让人看起来、感觉上都是在直接操作。UI界面中的按钮能够模仿现实中的按钮反馈来强化交互，简单的说来，就是让用户输入和操作的视觉反馈更加明显一些。

视觉反馈之所以有用，是因为它符合用户对于交互的期望，当用户针对某个控件进行了操作，而它们给予了对应的反馈，这种感觉是非常良好的。

构建有意义的过渡

动效一个很重要的功能，是展现状态和内容的转变与过渡，用来解释屏幕上各种元素的排布和层次。

图标可能会从一个形状变为另外一个形状，在不同的时间以不同的功能呈现，而这种过渡和转变就是靠动效来表现的。

动效设计的优势不仅仅是单纯的引导，它让转变和过渡的等待过程变得更加有趣，愉悦用户。在移动端设备上，过渡动效显得尤为重要，它使得大量的信息呈现不再那么单调。这种情况在AppleWatch上表现的尤为明显。

AppleiOS系统的UI设计中就很好的利用了这些有意义的过渡动效。

帮助用户快速入门

动效和微交互在用户快速入门的时候是非常有用的。当用户初次使用应用的时候，流畅的用户体验和贴心而不繁复的引导对于用户的初次使用和交互有着直接的影响。设计师将最关键、最重要的信息通过引导告知用户，同时还要控制好整个引导流程足够简明而舒适。

这个过程中，动效和微交互让信息展现更加顺畅，帮助用户更加高效地抵达目标。

凸显UI中的变化

微交互能够直接吸引用户的注意力。在绝大多数情况下，设计师通过动效化的微交互将用的注意力吸引到某个重要的细节上去(比如通知推送)。不过，在这个过程中，要确保动效是功能性的，并且对于用户而言是合理而能接受的。

增加令人愉悦的细节

动效在APP中的主要是以过渡的形式呈现，而那些真正让用户感到愉悦的动效大多是非标准和非常规的，它们的不同和令人意外的体验是取悦用户的关键。下面的案例中，触发按钮之后，动效提供了两重功能：告知用户按钮已经触发，然后见证一段有趣的动画。

虽然有人认为这样的动画有炫技之嫌，但是最重要的是照顾到用户的情绪和体验，能够调动用户的情绪，这个动效在整个UI交互中就称职了。

设计微动效中值得思考的问题

当你按照上面提及的思路来设计微交互的时候，有几个问题需要注意：

·微交互几乎不可见，但是又是功能性的。确保你所设计的动效和功能、目标是保持一致的，不会让用户感到尴尬或者烦躁。对于频繁的小幅度的操作，尽量让反馈和响应快速而适度，对于较大的变化则应当让动效明显而充实。

·有长期的构思。微交互是需要长期、持续使用的，有些看起来好玩的尝试可能会在持续使用过程中让人觉得不舒服。

·过度的设计可能会让你的微交互成为致命的缺陷。微交互的加载过程不能耗时过长，不要占据过多的系统资源，展现过程也不要太花费时间。相反，它应当呈现有价值的内容，并且尽量节省时间，降低用户等待的时长。

·不要从零开始。对于你的目标用户和受众多少还是有一些了解的，利用好这些信息和知识，确保你的微交互是精准而有效的。

·使用其他的UI元素构建视觉层次。微交互应当与整体界面风格保持一致。

【免责声明】本文系本网编辑部分转载，转载目的在于传递更多信息，并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题，请在30日内与管理员联系，我们会予以更改或删除相关文章，以保证您的权益！