通向更好的UX的道路涉及各种因素，包括网站设计和功能，产品质量，客户服务，电子商务等等。虽然大多数UX计划需要广泛的研究，测试和彻底的规划，但我们可以使用的一些最好的工具是小而简单的事情，使持久的印象。功能动画是其中之一，它在UX中扮演着更大的角色。

虽然许多网页设计师可能会因为成本限制，刊登位置问题和网站性能而将动画结合在一起，但是现在更加可行并且可以将动画添加到任何类型的网站。网络专业人士必须了解潜在的动画可以在网站上看到，并欣赏其价值。

动画Avatar上传UX由Miguel OlivaMárquez。

玩人类生物学和自然

人们是视觉驱动的动物，图像是伪造债券的最佳方式之一。动画使视觉兴趣进一步，并结合运动。人的眼睛自然地磨练着运动，所以视觉动画自然会吸引比静态显示更多的兴趣。

现代设计中最广泛使用的原则之一是极简主义，或者尽可能少的设计元素创造视觉兴趣。高迪，过度的设计减损了预期的信息。通常情况下，他们将消息从消息中完全变为忙碌，混乱，或者很难快速评估信息的有价值的位置。

虽然结合动画可以提升参与度，但至关重要的是不要超越它。与现代设计的大多数其他方面一样，越少越好。

微型互动奖励用户

将功能动画添加到您的网站的最佳方式之一是通过微观互动。这是另一个植根于人类心理学的概念：人们喜欢知道他们什么时候成功地完成了一个动作。

Twitter Fav by Twitter。

考虑Twitter：当你“收藏”一个Tweet时，小心脏图标开始灰色，一旦你按下它，它会点亮一个小的，快速的颜色的红色。这个小动画是一个有趣和视觉上有趣的方式，让用户知道他们已经成功地“收藏”了一个Tweet。它也可以帮助他们注意，当他们在滚动时意外点击了“收藏”按钮。

如何将动画并入您的网站

将功能动画结合到微观互动中有无数的方法。寻找您希望访问者点击的网站部分，或查找最有价值信息的部分。每一个网站都是不一样的，所以在你设计精美的网站页面上，你可以找到更多的视觉感兴趣的方法。

寻找访问者可以操纵页面内容的区域。如果一个部分扩展，想想如何使过程动画化。如果您希望用户提交联系信息，请确保有一个小动画让他们知道他们已经正确发送了他们的信息。

投资组合勘探AdriánSomoza。

如果要使功能动画成为网站真正有价值的方面，那么您需要使用动画作为向访问者传达反馈的方式。让他们知道他们在做什么，当他们正确地完成一个动作时展示他们，或者通过使用精心设计的动画来引导他们与你的品牌一起旅行。

为移动设计

如果您还没有采用移动优先的网站设计方法，那么您就会在曲线之后。互联网流量在移动设备上的数量并不奇怪，每天都在增长。在智能手机和其他移动设备上，有更多的人使用互联网来观看电影，支付账单和购买，从他们喜欢的品牌和媒体中探索内容。现代公司必须设计能够很好地响应移动浏览的网站。

由于人们使用他们的拇指而不是鼠标浏览移动网站，所以在规划动画时要牢记拇指导航很重要。人们在滚动时会错误地点击链接或提交表单，因此请确保您的手机网站易于导航。一旦确定访问者无论在移动网站上滑动还是滑动，都可以查找添加功能动画的场所。

功能动画最佳实践

小动画可以让您的网站对访客更有用。即使是一个小小的添加，也可以将一个平淡的页面变成更有意思的一些周到的计划。某些网站具有导航按钮，当用户将鼠标悬停在其上时，可以更改大小或颜色。这些简单的动画不仅在视觉上更有趣，还可以让用户知道他们会去哪里，或者点击这个点会发生什么。

Google的材料设计运动指南。

确保您的动画不需要太长时间的工作也是至关重要的。记住，少一点。快速，明显的动画将比引人入胜的复杂动画更有趣，更具吸引力。我们需要针对短暂的关注，所以不要添加延长完成动作的动画。游客应该看到这些动画是有趣的，有趣的一点迹象表明成功完成的动作。

动画短暂和甜蜜的另一个原因是您的页面加载时间。人们不喜欢等等，大多数现代消费者没有耐心等待网站缓慢。如果大型笨重的动画文件正在阻止您的网站加载时间，您的网站的访问者将很快失去兴趣，并探索您的竞争对手，而不是与您的不稳定和缓慢加载的网页相抵触。

当心一些常见的动画陷阱

除了减慢您的网站的加载时间，并关闭访客短暂的注意力跨度，太多的动画将使您的页面看起来太装饰和故意华丽。大胆，闪烁的动画片和漫长的动画意味着哇潜在客户的日子已经很久了。

今天，动画的目标应该是提升网站的功能和吸引力。不要简单地为装饰动画 – 确保您所包含的每个动画都有目的，不会影响页面的内容。

考虑入职也很重要。如果您启动新的网站或开发新的移动应用程序，那么您将需要向新用户展示如何导航，并充分利用他们的时间。

迷你箱/ ueno 指南。

开发一个教程过程，向用户显示您的应用程序或新网站的所有功能和控件，并考虑在每个步骤进行动画处理。不仅这样会更具视觉趣味性，而且客户也会喜欢这些喜欢的乐趣，引人入胜的功能，而且更有可能享受您的应用所花费的时间。

打平衡

最终，功能性动画的成功并入取决于可用性。如果您正在考虑是否在网站的任何部分添加动画，请考虑添加动画是否会增强用户的体验。如果答案不是一个明确的“是”，那么这可能不值得改变。尝试找到平衡，创造更多的视觉兴趣，而不是看起来太忙或华而不实。

功能性动画应该让您的网站的访问者感到高兴，并使您的网站和您的内容的体验更加难忘和吸引人。通过关注极简主义和敏感设计的基本原则，您可以创建更多的视觉有影响力的网站，使访问者感兴趣。