UI微交互设计

当前位置:首页 › blogUI微交互设计

呈现系统状态

对于ui状态设计,雅各布·尼尔森(Jakob Nielsen)曾经说过,“系统应当始终通过合理的反馈告知用户当前正在发生的事情,所处的状态。”这也意味着界面需要通过反馈让用户知道发生了什么,而无需用户猜测。具有动效的微交互正是以提供视觉反馈而闻名。

为了展示微交互的创造性交互效果,数据的上传和下载过程是一个很好的选择。

另一个经典案例是向下刷新,这是当前移动ui中最常见的交互手段,向下刷新微交互效果让用户欲罢不能。

使按钮和控件易于感知

即使通过手机的玻璃屏幕,界面上的按钮和控件也应易于被感知,让人觉得它们是真实有形的。运动轨迹和视觉线索能够以即时反馈的形式在现实和虚拟图像之间架起一座桥梁,让人们感觉就像是在直接操作一样。ui界面中的按钮可以模拟现实中的按钮反馈来加强交互。简而言之,它使用户输入和操作的视觉反馈更加明显。

视觉反馈之所以很有用,因为它满足了用户对交互的期望,当用户操作控件并给出相应的反馈时,这种感觉是非常好的。

构建有意义的过渡

动效的一个重要功能是显示状态和内容的转变与过渡,用来解释屏幕上各种元素的排列和层次。

图标可能会在不同的时间从一个形状变成另一个具有不同功能的形状,这种过渡和转变由动效来表示。

动效设计的优点不仅是简单的指导,而且使用户对转换和过渡的等待过程更加有趣和愉快。在移动设备上,过渡动效尤其重要,它使大量信息不那么单调,这些有意义的过渡效果在苹果iOS系统的ui设计中得到了很好的利用。

帮助用户快速入门

当用户第一次使用应用时,流畅的用户体验和周到不复杂的引导会直接影响用户的初始使用和交互。设计师将通过引导告知用户最关键和重要的信息,同时控制整个引导过程足够简洁舒适。

在这个过程中,动效和微观交互使信息显示更加流畅,帮助用户更有效地达到目标。