3种聪明的动画设计提升网站用户参与度。

动画一度被认为是一种装饰,但是随着技术的进步和互联网连接的加速,设计师们正在接受实际的好处。在本文中,我们将集中讨论动画营销动画或动画的一个特殊好处。尽管这样的动画并不是为了提高可用性,但它可以给用户留下深刻印象,并为主题提供一些背景。

设计师可以通过以下方式来利用这类动画:

1、证明工艺

人们确实注意到了细节。对动画的关注可以让你的体验变得精致。当应用程序、网站创造出一种视觉刺激的体验时,它会给用户带来兴奋感。

加载屏幕动画

加载动画是最古老的动画使用之一,它的目的是分散用户对加载时间的注意力。但即使是这种类型的动画也能证明你的产品很棒。例如,当用户启动Uber应用程序时,他们会立即注意到一个动画下降,而这一下降正变成地图上的大头针。这个动画不纯粹是令人愉快的,它也影响用户的眼睛和控制用户应该关注的地方。这个快速打开的瞬间让你的第一印象很干净,并诱使用户进一步互动。

3种聪明的动画设计提升网站用户参与度(图1)

签名的动画

有些公司甚至更进一步,将动画作为品牌的特色。MailChimp是使用动画的公司之一。该公司实现了一个相当技术的利基,创造和发送电子邮件运动,但是使用动画它将这个枯燥的任务变成一个诱人的经验。该服务在整个用户旅程中添加了小而愉快的惊喜,并使发送电子邮件变得更加有趣。

3种聪明的动画设计提升网站用户参与度(图2)

2、最好传递一个关键信息

动画效果可以让你的信息更清晰。使用动画你可以采用复杂的想法或过程,并使它们易于理解,以一种有趣和生动的方式。

交互式动画

动画能够突出产品的优势。Bellroy是一家销售钱包的公司。他们说,努力创造一个苗条的设计来减少口袋的体积。在下面的示例中,您可以看到Bellroy中使用的动画如何清楚地显示产品的行为并展示其优点。

3种聪明的动画设计提升网站用户参与度(图3)

盘旋的动画

悬停动画对于提供关于产品的额外信息非常实用。这种类型的动画使《启示》不那么刺耳,并提供了一个给你的网站添加一些令人愉快的角色的机会。

3种聪明的动画设计提升网站用户参与度(图4)

讲故事的动画

动画的叙事潜力可以增加与原本枯燥的界面的情感联系。一些常见的讲故事的例子是通过在你的眼睛前"装配"来展示一个新产品。例如,苹果网站上的Mac Pro的页面显示了你向下滚动时的引擎盖下的内容:

3种聪明的动画设计提升网站用户参与度(图5)

讲故事的动画也可以把生活和乐趣融入到长卷中。而不是很常见的视差动画,选择一些更微妙的东西。考虑将您的站点分割成可滚动的"块"。在每个块中,您可以通过动画来介绍内容。在Le Mugs网站的例子中,动画通过动画简单的艺术插图使内容"活过来"。

3种聪明的动画设计提升网站用户参与度(图6)

3、让用户采取进一步的步骤

动画的使用会影响你的用户的眼睛,并且它可以控制他们把注意力集中在你的页面上。人的眼睛自然会被运动所吸引,这使得动画成为控制你的视觉层次的完美工具。

直接用户的关注

移动元素是吸引用户注意力的强大工具。如果目标是将用户的注意力吸引到单个元素之外,或者提醒用户更新信息,那么动画就会成功。只要屏幕上没有其他的竞争元素,哪怕是一点点的动作都会引起注意。西雅图的太空针网站利用了这一微妙之处。该网站将注意力集中在指示上,但有效的动画在向上的箭头。

3种聪明的动画设计提升网站用户参与度(图7)

鼓励用户操作

好的动画和互动效果鼓励用户点击。看看下面的"契诃夫活着"网站的设计。设计要求你点击找到你的角色。

3种聪明的动画设计提升网站用户参与度(图8)

事情需要考虑

动画是一把双刃剑。使用不当会破坏用户体验。避免让用户分心的动画。在网络销售和营销的世界里,分心可能是死亡。在设计动画时要考虑的一个非常重要的方面是它可能在一个用户会话中发生的频率。当用户第一次看到它时,它可能会很好,但是第100次尝试之后,它会变得很烦人,特别是当它除了"好玩"之外没有别的用途的时候。有很多UI元素,您可以在有趣和实用的方式中进行动画。但是记住一件事,如果你想要创造营销动画你应该设定一个目标,创造一个既有风格又有目的的动画。

本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/217210.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
重蔚重蔚管理团队
上一篇 2023年2月14日 01:36
下一篇 2023年2月14日 01:36

相关推荐

  • 好的设计与好的用户体验设计。

    一种常见的误解是,认为一个产品在审美上令人愉悦,就是拥有良好的用户体验。当你听到"用户体验设计"这个词时,你可能会联想到设计良好的网站设计、应用程序或界面。你可以想象他们漂亮的调色板,好玩的…

    2023年2月22日 SEO操作
    04
  • 按钮设计实战解析,17个科学测试+超多案例。

    编者按:按钮设计是 UI/UX 设计的一个基础问题,设计师 Eduard Kuric 为此专门深入地撰写了这个系列文章,这篇是系列的第一篇。他在文章中深入分析了按钮的基础特性,并且深入细致的设置了一套完整的测试,试图彻底…

    2023年3月2日 SEO操作
    06
  • 今日分享首页跳转内页有什么区别。

    首页跳转内页是网站设计中常见的一种操作,它的主要目的是为了让用户能够更方便、快捷地找到他们想要的信息,首页跳转内页到底有什么区别呢?本文将从以下几个方面进行详细的解析。 我们需要了解什么是首页和内页,…

    2024年6月29日
    02
  • 被说设计没深度?学会这28个常用的设计模型怼回去。

    作为交互设计师,我们要确保产品的框架,任务的链路,界面的设计符合用户的心智模型。那么如何才能够尽可能的匹配用户的心智呢? 今天我们开始讲解交互设计常用模型,帮助大家建构宏观的思考框架,利用前人的智慧,…

    2023年3月2日 SEO操作
    06
  • 短视频应用如何做好沉浸式体验设计?来看百度的实战案例。

    在视频画面尺寸、手机屏幕分辨率极多的复杂情况下,如何通过布局、内容、视窗挤压、智能满屏等形式,进一步提升视频看播沉浸式体验呢?前言沉浸式体验是让人专注在当前的目标,全身心投入并感到愉悦和满足,从而忽…

    2023年3月2日 SEO操作
    07
  • 4种方式来改善可用性和网站的用户体验及设计。

    我们经常谈到从壁橱或储物等物质角度来看,垃圾清理。但是,我们也可以谈论关于清理设计。清理可以帮助提高可用性和网站上的用户体验。这里有四个秘诀你的设计。1.缩短复印尼尔森诺曼集团(NielsenNormanGroup)的…

    2023年2月14日 SEO操作
    00
  • 小编教你企业公司网页设计。

    企业公司网页设计是一个复杂而细致的过程,它不仅需要设计师具备良好的审美观和创新思维,还需要对用户体验、网站功能和搜索引擎优化等方面有深入的理解和掌握,以下是一些关于企业公司网页设计的基本原则和技巧。 …

    2024年6月30日
    02
  • 如何防止用户认知过载提升用户体验。

    最好的用户体验是你甚至没有注意到的,乍一看,它似乎非常流畅和简单。然而,这样的设计通常在简单的表面背后有许多设计师的努力。设计师的主要任务是创造出一种东西,让用户在不考虑界面的情况下直接达到他们的目…

    2023年2月19日
    01

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息