网页设计中的全屏视频背景:优点、缺点和技巧

关于网站中视频背景是好是坏，网页设计界仍有争论。

然而，在过去的几个月里，我们看到使用全屏视频背景的网站比以往任何时候都要多。但这真的是一个有效的策略吗？它有助于吸引观众吗？是否影响SEO？我们来看看。

使用全屏视频背景的好处

全屏视频背景在网页设计中如此流行是有原因的。使用它们有很多好处。即使你需要说服客户使用视频背景，这些要点也会派上用场。



瞬间吸引注意力

视频背景比图像或纯色背景更能吸引注意力。折叠部分的上方是访问者访问您的网站时首先看到的内容。你只有3秒钟说服访问者留在网站上继续浏览。



有了视频背景，你就有更高的机会吸引他们的注意力，并让他们在你的网站上停留更长时间。



简化复杂主题

如果一张图片值一千个字，那么一个视频至少要值一千张图片，对吗？这大概就是原因93%的营销人员认为那段视频是他们战略的重要组成部分。



视频可以简化和解释任何受众消费的复杂话题。这使得媒体更有效地为不太知名的品牌、产品和公司向观众解释他们的服务。



展示产品和服务

视频背景还为您提供了一种以更具吸引力的方式展示您的产品和服务的方式。



例如，在酒店网站上添加一个展示豪华客房和水疗中心的视频背景，肯定会给你的潜在客户一个预订的理由。



这同样适用于登录页面、商业网站、餐馆，甚至电子商务网站。有了视频背景，您可以展示比图像转盘更多的产品。



促进销售

如果有一点能让你和你的客户对视频背景感兴趣，那就是这个。使用视频背景实际上可以帮助提高销售额和转化率。



在一个案例研究中，在主页上添加视频背景增加了网站转化率提高138%。



事实上，在登陆页面上添加一个简单的解说视频就足以提升销量。有了视频背景，您将有一种微妙的方式来展示您的服务，而不会干扰用户体验。



建立情感联系

网站中的视频背景在向观众呈现更敏感的话题方面也有奇效。它们在与用户建立情感联系方面也非常有效。



例如，如果你正在为慈善机构或非盈利机构制作一个网站，你可以使用视频背景来提供背景，或者在幕后看看你为这项事业做了什么。



使用全屏视频背景的缺点

使用全屏视频背景的好处比坏处多。但是，这些缺点会对你的网站增长产生巨大的影响。



影响网站加载速度

使用视频背景的最大缺点是加载速度慢。由于视频的大小比图像大得多，因此加载它们需要更长的时间。这对网络连接速度慢的用户来说尤其成问题。



根据一份报告，超过50%的用户表示，他们愿意放弃网站上的视频和动画，以获得更好的加载时间。



在移动设备上不可用

移动设备仍然不完全支持自动播放视频背景。因此，大多数使用视频背景的网站被迫使用移动网站的静态图像版本。



在移动版和桌面版网站上提供完全不同的体验只会让用户感到困惑。



旧浏览器的兼容性问题

尽管现在越来越多的人转向最新版本的浏览器和应用程序，但相当多的人仍然使用旧的和过时的浏览器。



统计数据显示有些人仍然在使用像Internet Explorer 9这样非常过时的浏览器。



这种老式浏览器不支持HTML 5全屏视频背景。虽然让你的观众使用现代浏览器浏览你的网站更容易，但对用户来说并不方便。



难以突出CTA

与图像或纯色背景不同，视频有许多不同颜色和闪烁灯光的场景。这使得在全屏视频背景上突出显示您的标题和行动呼吁（CTA）变得非常困难。



除非您愿意使用基础调色板之外的颜色和组件，否则在使用具有快速移动场景的视频背景时，不容易关注您的网站标题、副标题和CTA。



全屏视频背景示例+技巧

通过在添加视频背景时实施正确的技术，您可以避免使用全屏视频背景的许多缺点。



这里只是一些应该如何做的提示和例子。



选择正确的视频



这是使用全屏背景视频最明显也是最关键的部分——选择合适的视频对你的影响有多大有很大的不同。以及它如何与网站的整体用户体验很好地融合。



例如，你应该选择节奏更舒缓、更慢的视频，而不是使用带闪光灯的快速移动视频。



保持简短



我们生活在一个快速发展的世界，几乎没有耐心。假设一个人不想盯着你的背景视频看3分钟或5分钟是安全的。此外，你会希望他们探索网站的其他部分，并说服用户采取行动。



所以最好用很短的视频作为背景。长度不到30秒的视频将非常适合网站。此外，如果您计划添加循环视频，请确保它具有平滑的循环过渡。



避免分散注意力的视频





视频有时也会分散注意力。例如，具有高对比度颜色、视觉效果和闪光灯的视频实际上会将用户的注意力从网站的重要部分转移开。



当有背景视频分散注意力时，一个人很难专注于行动号召，甚至很难阅读网站的标题。



最好使用一个分散注意力或窃取注意力的元素较少的视频。



突出显示CTa



CTA可以说是网站或登陆页面最重要的组成部分。你会希望访问者能清楚地看到它，并说服他们点击“购买”按钮。



当使用全屏视频背景时，突出显示CTA将是一个挑战。但也不是不可能。



您可以使用滤镜去饱和视频颜色，使视频黑白化，甚至使用颜色较少或外观极简的视频来轻松突出网站上的CTA和标题。



不包括音频





给网站添加背景音频有助于为网站营造氛围，但自动播放音频不是办法。



你总要考虑到，人们从不同的地方、不同的设备访问网站，没有人希望在公交车上突然有音频通过手机爆破。或者在办公室访问网站时。



通过在将视频用作网站背景之前从视频中移除音频来解决此问题，实现仅在用户选择时切换音频的选项，或者至少在加载网站时向用户发出警告。



优化速度



有几种方法可以优化视频，使背景对网站加载时间的影响更小。



正确压缩视频至关重要。你可以使用像手刹这样的工具来实现这个目标。此外，考虑为视频使用正确的分辨率。去掉音频也有助于减小文件大小。



YouTube vs自托管视频背景



还有一个问题是，在YouTube上托管背景视频好，还是在服务器上自托管好。使用这两种方法各有利弊。



如果您在同一台服务器上托管背景视频，用户必须等到视频加载完毕后才能浏览网站。但是，它可以确保视频只在你的控制之下，不会在YouTube上被发现。



当然，您可以通过向网站添加加载屏幕来避免这种情况。



在YouTube上托管视频将改善加载时间，对带宽的影响较小。但是它会让你无法控制视频的显示方式。



最后

总的来说，使用全屏视频背景比其他格式有更多的好处。话说回来，这要看你怎么用，为什么用。因为视频背景并不适合每个网站。它可能会影响或破坏网站的用户体验。

小二CMS介绍

我们立足合肥，业务覆盖安徽、全国及全球市场。我们凭借一支经验丰富、富有创意、协作无间的专业技术团队，专注于将前沿技术通过高效简捷的途径呈现给客户，量身打造优质解决方案。我们致力于通过持续努力，成为客户在信息化领域值得托付、共创价值的长期战略合作伙伴，协助客户在新经济时代敏锐捕捉商机，拓展发展空间，构筑强大竞争力。小二CMS专注企业数字化转型的智能建站与营销系统，提供从官网搭建、品牌推广到运营增长的一站式服务，助力中小企业低门槛拥有专业级互联网阵地。

网站建设 移动相关开发 营销推广与优化 域名主机邮箱 产品与技术 企业服务

了解全部业务

扫码咨询 · 关注微信