网页设计师面临的最大挑战之一是捕捉和保持观众的注意力。在一个看似无休止的选项的世界里,人们在快节奏的生活里,除非你的网站可以给他们一个令人信服的理由否则就只有关闭。视频,(如果做的好,)是一个很好满足观众好奇心的方式。
刚刚重新设计了我的网页设计工作室的网站,我选择了使用视频背景,这很有道理。它采取了一些试验和错误,期间也发现了一些技术上的困难但都被一一解决,最终的结果是我们所希望看到的。网站设计中为什么不试试视频背景?
使用背景视频的好处。在线视频并不完全是新的,但它仍然是令人惊讶的是,我总是试图说服我的客户在他们的网站上使用视频,其中的的原因有很多。视频可以:讲一个故事。可以展示你的业务。让潜在客户与你的业务联系在一个更个人的水平上。提高转化率。
所有这些好处都可以来自于更多的传统的“消息”视频,但背景视频可以实现许多相同的东西。从本质上讲,这些类型的视频唤起了一种情绪,并有助于打破存在的障碍。换言之,视频使一个基于web的业务似乎更真实。这是一个伟大的新闻,任何网站都专注于转换,但是视频背景也有一些其他的好处,包括:视觉传达一个复杂的想法的能力。抓住你的用户的注意力。
考虑所有的好处,为什么不是每一个网站都利用视频的力量?这给我们带来了弊端。虽然视频背景有庞大的潜在用户,但有一些事情要考虑:
1、页面加载速度:现在我们知道用户在等待它的时候不会停留在一个页面上。在你失去他们之前,你有大约两到三秒,所以你必须非常小心文件大小,特别是因为你不能控制他们的互联网速度。
2、潜在的分散注意力:一个正确执行的视频可以增强用户体验,而一个太丰富多彩,或有太多的事情分散用户的注意力的视频并不会增强用户体验。
3、不理想的移动:当你的听众是在旅途中,你不能期望他们会上网,我们都知道,移动数据速度可是难以预测的。
现在,我们明白为什么视频背景是有益的,以及网站视频有什么缺点,让我们看看你可以做什么样子的网站视频。
1、文件大小/长度
我们开始运用剪辑,运行约30秒,与一个文件大小为28字节。在桌面上有一个很好的互联网连接,这是完美的。但我想知道,如果视频不大用户的连接速度是多少。我做了一些研究,某网站目前正在使用一个运行10秒的视频,这似乎更合理。所以我们做网站视频背景也可以用这个长度。
2、虚拟主机的选择
一开始,我被我自己的服务器上的视频的想法吓了一跳。我认为它会在加载速度,所以我们最初选择了他们被托管在youtube。这并没有走得那么好。首先,有一个严重滞后,而我们的网站是从youtube调用了视频。另外,更严重的问题是,我的开发是有问题包括youtube的用户界面元素。所以,作为视频播放,标题显示在前几秒,在视频结束,而不是循环,它停了下来,并显示相关视频。
3、保持它的微妙
视频背景的提供了一个网站背后的个性。但要小心,不要用过分疯狂的颜色和运动。它的效果最好,如果你可以使用一个有点静音,单色的配色方案。有时很难控制,例如,如果工作区被拍摄是丰富多彩的或杂乱的。幸运的是,有一个简单的修复可以应用在编辑,或用css。简单地在视频的顶部层一个半透明的面具,使其更柔和。
4、多设备设计
由于你永远不知道一个移动浏览器的互联网连接有多好或坏,我强烈建议提供一个静止图像的移动浏览。
最后的思考
最后要提醒你,视频做网站背景一定要设置视频声音是关闭的,否则就是一个失败的用户体验。使用视频在你的网站上可以令人难以置信的强大。你可以告诉你的故事,创造一个情绪,并与你的观众建立信任。这是最持久的网页设计趋势的好理由。通过做正确的事情,并制作一个高品质的视频,不仅得到你的用户的关注,还让你看到了什么驱动了你的业务。