新闻发布
管理系统网页上的动画曾经被认为是网站上的装饰品。但随着技术进步和宽带的提速,设计师们正在拥抱实际的好处。在这里我们将重点放在动画,营销动画的一个特别的好处或出售动画。网站设计人员可以通过以下方式利用这种类型的动画:
演示工艺
人们注意动画可以使体验感受到过程。当应用网站播放一个视动画时,可以给用户带来了一种新奇的感觉。
加载屏幕动画
加载动画是动画古老的用途之一,它应该分散用户的加载时间。但即使是这样的动画也可以证明你的产品是受欢迎的。例如,当用户启动Uber应用程序时,他们立即注意到在地图上变成引脚的动画下降。这个动画并不纯粹是新奇,它也会影响用户的眼睛和控制用户应该关注的位置。这个快速的开放时间使得第一印象更加清晰,并引导用户进一步互动。
签名动画
一些公司走得更远,使用动画作为品牌的特色。MailChimp是以这种方式使用动画的公司之一。该公司完成了一个技术开发,并发送电子邮件活动,但使用动画,它将这个干燥的任务变成一个邀请的经验。该服务在整个用户旅程中增加了小而愉快的用户体验,并使发送电子邮件更加有趣。
2.更好地提供相关信息展示
动画效果有助于更清晰地显示您的信息。使用动画,您可以采取复杂的想法或流程,并使其易于消化,有趣和图形的方式。
互动动画
动画能突出产品的优势。Bellroy是一家销售钱包的公司。他们表示,力求创造一个纤薄的设计,以减少口袋大量。在下面的示例中,您可以看到Bellroy中使用的动画如何清楚地表明产品的行为并显示其优点。
悬停动画
悬停动画对于提供有关您的产品的其他信息非常实用。这种类型的动画使得这个启示更不刺激,并为您的网站提供了一些令人愉快的角色的机会。
讲故事动画
动画的讲故事的潜力可以增加一个情感连接到一个否则平淡的界面。故事讲述的一些常见例子是通过在眼前“汇编”来展示新产品的页面。例如,苹果网站上专门针对Mac Pro的页面在您向下滚动时会显示出什么是引擎盖:
考虑将您的网站分解成可滚动的“块”。在每个块中,您可以通过动画介绍内容。Le Mugs网站的示例中的动画通过动画简单的艺术插图使内容。
让用户采取进一步措施
动画的使用将影响用户的眼睛,并且可以控制他们将注意力集中在您的页面上。人眼自然被运动吸引,这使动画成为控制视觉层次结构的完美工具。
直接用户注意
移动元素是吸引用户注意力的有力工具。如果目标是将用户的注意力吸引到几个单一的元素中,或者提醒用户更新信息,那么动画就会做到这一点。只要屏幕上没有许多其他竞争的元素,即使是轻微的一点动作也会引起关注。西雅图太空针塔网站利用了这个微妙之处。该网站提醒注意在向上箭头中具有次要但有效的动画的说明。
鼓励用户行动
精美的动画和互动效果鼓励用户点击。看看下面用于“契诃夫活着”的设计。设计让您点击查找您的角色。
要考虑的事情
动画是一把双刃剑。不正确使用,可能会破坏用户体验。
避免动画分散用户的任务。在网络销售和营销的世界里,分散用户的注意力等于挥刀自宫。
在设计动画时要考虑的一个非常重要的方面是在单个用户会话中可能发生的频率。动画可能是第一次用户看到它,但经过第100次尝试,它可以变得烦人,特别是当它没有目的,而不是“有趣”。
有许多UI元素可以以有趣的和从属的方式动画化。但要记住一点,如果你想创建营销动画,你应该设置一个创造一个具有风格和目的的动画的目标。