有哪些值得注意的微交互细节设计

UI设计的细节非常重要，它不仅体现在静态元素上，动态效果和微交互也是当今UI和UX设计中最重要的细节。如果你想创造一个优秀的移动UI设计，微交互和动态效果设计是一个不可避免的问题。让我们在今天的文章中谈谈这个问题。著名魔术师丹利·Fitzkee曾经说过：“魔术是一门表演和细节的艺术。而且交互设计也是如此。大多数设计师都能很好地控制设计的总体方向，但如果细节处理不当，就会使优秀的设计方案落空，或者怎么说“细节中隐藏着魔鬼”？正因为如此，那些精心设计的微交互将使用户体验显得精致而到位。如果你想知道微交互对你的设计有什么好处，最好勾勒出你的设计思路。绘制原型和线框图的工具有很多。这里推荐使用最近流行的Adobeexperience，即Adobexd，专门为线框图和交互设计而生。关于AdobeXD，你可以从这篇文章开始《ExperienceDesignCC 体验版使用详细评估来了解其基本特征。当你有工具和想法时，让我们开始进入主题，看看微交互细节的设计值得注意。JakobNielsen曾经说过，系统状态显示了UI的状态设计，“系统应该始终通过合理的反馈告知用户当前正在发生的事情和状态。这意味着界面需要通过反馈让用户知道发生了什么，而不需要用户猜测。而且带有动态效果的微交互以提供视觉反馈而闻名。数据的上传和下载过程是展示创意微交互效果的好选择。另一个经典案例是下来刷新，这是移动终端UI中最常见的内容更新交互方式。无忧无虑的下拉刷新微交互效果可以让用户无法停止。即使隔着手机的玻璃屏幕，界面上的按钮和控件也应该很容易被感知，让人觉得它们是真实有形的。运动轨迹和视觉线索可以以即时反馈的形式弥合现实和虚拟图像之间的界限，使人们看起来和感觉都是直接操作的。UI界面中的按钮可以模仿真实的按钮反馈来加强交互。简单来说，就是让用户输入和操作的视觉反馈更加明显。视觉反馈之所以有用，是因为它符合用户对互动的期望。当用户操作某个控件时，他们会给出相应的反馈，这是非常好的。构建有意义的过渡效果的一个非常重要的功能是展示状态和内容的变化和过渡，以解释屏幕上各种元素的布局和层次。图标可能会从一个形状变成另一个形状，在不同的时间以不同的功能呈现，这种过渡和转换是通过动态效果来表现的。动态设计的优点不仅仅是简单的引导，它使转换和过渡的等待过程更加有趣和愉悦用户。过渡动效在移动终端设备中尤为重要，使大量信息不再单调。这种情况在AppleWatch上尤为明显。这些有意义的过渡动效在ApleiOS系统的UI设计中得到了很好的利用。在下面的情况下，用户点击文件夹或APP，将图标扩展到整个屏幕上，显示细节和细节。另一个案例来自materialdesign。过渡效应不仅显示了控件与不同界面之间的关系，还通过颜色命名了两者之间的关系，并显示了状态的变化。这种过渡过程流畅、轻松、高效。在用户快速入门时，帮助用户快速入门动效和微交互是非常有用的。当用户第一次使用应用程序时，流畅的用户体验和亲密而不复杂的指导直接影响用户的第一次使用和交互。设计者通过引导将最关键、最重要的信息告知用户，同时控制整个引导过程足够简洁舒适。在此过程中，动态和微交互使信息显示更加顺畅，帮助用户更有效地实现目标。突出UI中变化的微交互可以直接吸引用户的注意力。在大多数情况下，设计师通过动态微交互吸引重要细节（如通知推送）。但是，在这个过程中，要保证动效是功能性的，对用户来说是合理可接受的。APP中增加愉悦细节的动态效果主要以过渡的形式呈现，而真正让用户感到愉悦的动态效果大多是非标准和非常规的。他们的差异和意想不到的体验是取悦用户的关键。在下面的情况下，触发按钮后，动态效果提供了两个功能：告知用户按钮已经触发，然后见证一个有趣的动画。虽然有些人认为这样的动画有炫耀技巧的嫌疑，但最重要的是照顾用户的情绪和体验，调动用户的情绪。这种动态效果在整个UI交互中是称职的。当你按照上面提到的想法设计微交互时，有几个问题需要注意：·微交互几乎看不见，但它是功能性的。确保您设计的动态效果、功能和目标一致，不会让用户感到尴尬或易怒。对于频繁的小操作，尽量使反馈和响应快速适度，对于较大的变化应使动态效果明显而充实。·有长期的想法。微交互需要长期持续使用，一些看似有趣的尝试可能会让人在持续使用过程中感到不舒服。·过度的设计可能会使你的微交互成为致命的缺陷。微交互的加载过程不能耗时太长，不能占用太多的系统资源，也不能花太多的时间来显示过程。相反，它应该呈现有价值的内容，并尽可能节省时间，减少用户的等待时间。·不要从零开始。或多或少地了解你的目标用户和观众，充分利用这些信息和知识，确保你的微交互准确有效。·利用其它UI元素构建视觉层次。微交互应与整体界面风格保持一致。结论细致的细节设计可以让整个产品更有活力。正如CharlesEames所说，“细节不仅仅是细节，它是构建整个设计的基本要素。“你的UI和交互设计中的每一个元素都非常重要。一个接一个的细节设计最终会让你的产品脱颖而出，真正令人难忘的产品依赖于精致到位的细节。真正优秀的设计，从功能到元素，从交互到过渡，都是可靠的。