网站设计微交互四个基本要素

在网页设计中，微交互通常关注单个事件或单个任务，这些任务遍布整个APP。这些微交互的目的是让用户感觉流畅和愉快，设计师可以创造一个有吸引力或令人愉快的时刻，或者让用户在此刻感受到人性化。它有以下几个基本要素：

1）触发

有手动和系统启动的触发器。手动的是用户的第一个动作（点击，滑动，翻转开关，按住按钮等），启动整个交互过程。第二种类型是内置系统信号，报告新操作。例如，传入消息的声音。在第一种情况下，用户启动交互循环，在第二种情况下 - 应用程序邀请用户进行动作序列的旅程。这些触发器之间的共同点是它们背后有规则。

2）规则

定义触发器操作的期望，接下来发生的事情以及以什么顺序发生的事情，另外，他们为用户可以执行的操作设置限制（例如，重复操作）。最后，规则确定微交互引导用户的位置以及最终期望的内容。

3）反馈

是系统响应吗？帮助您理解规则（声音，动画，弹出窗口，页面转换）的所有内容都是反馈。它可以采取任何形状和外观。但是，这当然是一个明确的信息，让您了解您在这个过程中的前进方向。

4）循环和模式

循环意味着用户系统交互的可重复生命周期。它定义了微交互的速度和进步。并且影响UX很多！因此，当你计划你的小动画技巧时要注意它的循环长度：

•一个太短的循环似乎匆忙和刺激。

•过长的循环会使用户感到不耐烦，并会破坏用户的参与度。

模式是循环图中的分支。他们定义了微交互的场景及其可能的变化。

看看上面的GIF。它是在下载按钮中实现的复杂微交互的示例。触发器按下箭头按钮。规则可能有所不同 一些选项：

•只有注册用户才能下载

• 下载有限制

•这是一种应付服务。

反馈是将按钮转换为等待圈。它验证用户是否可以自由完成操作。有可能抵消的地方。下载过程可能成功或失败。如果出现问题，反馈将采用通知的形式。在此示例中，该过程以文件打开成功结束。

微交互带给用户控制和理解他们所做的事情。单个细节可以提升品牌知名度，成为应用的真正象征。微交互减轻了手动和数字体验之间的差异，带来了在线产品的可触知性。最终，他们提升了产品参与度，使其成为2019年网站设计战略的重要组成部分。