一个好的用户体验设计师可以很容易地解释每一个决策背后的逻辑设计理念。 这包括信息架构、页面内容的层次结构,流动和假设。

迟早,动画将被引入,以线框的概念,然后设计决策或解释他们变得更加困难。 原因,如“这将是太酷了! ”或“新潮”或“令人兴奋”的完全设计开始失去力量的领域。 动画应该得到更好的在我们的设计考虑。 我们应该合理定义动画和解释他们的目的——同样的方式,我们将解释所有其他元素的设计。

功能性动画是什么?

功能性动画是微妙的动画,我们嵌入在一个用户界面设计作为我们的过程的一部分。

动画与动画由迪斯尼工作室或电脑游戏,功能性动画有一个明确的、逻辑的目的。 他们的目的是为设计服务的概念通过支持解决方案我们正在试图传达。 功能性动画是我们用户体验设计阿森纳的另一个工具。

在完美的世界里,我们应该能够验证功能性动画对一组定义良好的逻辑的目的。 如果某个动画在我们设计一个逻辑的目的,那么它就是一个有效的功能性动画和它的存在在我们的设计可能是合理的。 但如果它没有目的,那么这可能是冗余的,需要重新考虑。

在过去一年左右的时间,在不同的项目上工作时,我收集了家族的九个逻辑目的,今天帮我验证功能性动画。 我意识到,通过检查一个定义良好的动画,我可以很容易地适应它在这个家庭在一个或多个组。

它也以另一种方式产生:当一个动画不适合功能的目的,通常也感到尴尬或讨厌。 以下是家庭组到目前为止我已经收集了。 我希望你找到有用的验证自己的设计动画。

取向

方向照明结构。 在这一组中,我们发现在我们的导航中扮演角色动画,铸造网站的信息架构。 这种类型的动画背后的逻辑是保持用户的方向感觉,帮助用户理解的变化已经发生在页面的布局,改变引发了什么以及如何启动以后再次改变。

一个典型的例子是一个按钮,切换隐藏内容。 当你点击它,就会出现一个隐藏的面板。 当你关闭面板,它收缩回操作按钮。

第一次,一个用户不能预测将要发生的交互。 开场动画发展隐藏面板的大小帮助用户保持面向,而不是觉得他们已经离开的页面或内容突然消失了。 他们仍然控制着正在发生的一切。 关闭动画帮助用户将减少面板操作按钮,所以,下次他们会记得再次打开面板。