撩人的场景UI交互动效设计5大法则

场景用户界面交互的主要目标应该是支持和增强用户在状态之间的转换.

Saffer(2013)提出使用动态效果有六个目的:

1、在指定区域吸引用户注意力.

2.表示对象和用户操作之间的关系.

3.维护多窗口或多状态上下文.

4.提供对持续性事件的认知.

5.创建虚拟空间,引导用户在状态和功能之间转换.

6.创造沉浸感和趣味性.

场景界面的四个功能:

1.支持微交互.

2.显示运动过程.

3.解释.

4.装修.

Google的MaterialDesign(2017)提出,在MD中,动态效用是用来描述空间关系、功能、美感和移动性的.

动态效果显示了应用程序是如何组织的以及它可以做什么,如下所示:

1.切换启动窗口.

2.提示用户接下来会发生什么.

3.物体之间的层次感和空间感.

4.减缓用户对等待事件的认知.

5.美感和个性.

综上,笔者总结了交互效果的使用目的,SAFRI,safari规则.

1.国家.

告诉用户对象和窗口的状态是如何变化的.

当界面中对象的状态需要改变时,可以使用动态效果来展示改变的过程,让用户更清晰地感知到变化.因此,当窗口改变时,我们可以用动态效果更清楚地显示窗口如何从一种状态改变到另一种状态.

2.注意.

吸引用户的注意力,告诉他们该怎么做.

当你希望用户关注某个区域或者执行某个操作时,你可以通过动态效果来吸引他们的注意力.当用户需要执行某个操作时,注意UI和动画的结合,告知用户要执行的操作.

3.反馈.

告诉用户操作和对象之间的关系.

用户执行操作后,动态效果是一种非常有用的反馈机制.通过动态效果的恰当使用,用户可以清晰地感知到自己操作的反馈,让用户知道自己做了什么.

4.宽慰.

缓解用户对应用处理速度的感知.

应用程序在执行长时间操作时,可以利用动态效果来缓解用户对时间的感知,甚至制造虚假的动态效果(其实应用程序并不一定要处理这么长时间).目前很多应用下拉时的加载动态效果都是用这个原理.对于用户来说,他们关注的是感知速度,而不是应用的实际消费速度.

5.个性化.

让产品更有趣,更个性化.为了让产品更有趣,我们可以利用动画效果在一些场合创造一些令人愉快的动画效果.有两点我觉得应该注意.一是动态效果时间要足够短,二是动态效果要足够流畅.

需要注意的是,这些目的并不是独立存在的.设计师可以使用它们中的任何一个来设计动态效果.比如两个窗口之间的切换效果,不仅吸引了用户的注意力,还告诉用户面板正在切换.它还告诉用户上下、左右或前后两个面板的位置和空间关系.