深圳网站建设设计

将想法与焦点和您一起共享

深圳网站建设设计 深圳网站优化排名 深圳网站设计制作欣赏

赢得你的听众使用视频背景

2016-03-22  阅读: 深圳网站建设设计

赢得你的听众使用视频背景

最大的挑战之一,网页设计师面临的是捕捉和保持观众的注意力。在这个世界上,看似无尽的选择,人们都太快的移动到更大更好的,除非你能给他们一个令人信服的理由去坚持。视频,(如果做的好,)是一个很好的方式和你的听众的好奇心,让他们订婚。
刚刚重新设计的网站,为自己的网站设计工作室,深处,我选择使用视频背景的原因。我们做了一些试验和错误,但是一旦我们找到了一些技术上的困难,最终的结果正是我们所希望的。
 

利用背景视频的好处
在线视频不是新的,但它仍然是令人惊讶的利用。我一直试图说服我的客户使用他们的原因很多网站视频。视频可以:
•讲一个故事。
•提供一个“偷看幕后”你的业务。
•让潜在客户与你的业务在个人层面。
•提高转化率。
所有这些好处,可以从传统的“信息”的视频,但背景视频可以完成许多相同的东西。从本质上讲,这些类型的影片唤起情绪,帮助打破存在在处理电子商务的障碍。换句话说,视频制作网络业务似乎更真实。那实意味着信任,这导致增加的转换。


这对任何网站,专注于转换是个好消息,(他们应该都是!)但视频背景有一些其他的好处,包括:
•传达复杂思想的视觉能力。
•抓住用户的注意力。
•视频看着很流,那么你的网站将是当前以及。
鉴于所有的好处,为什么不每一个网站都是利用视频的力量?这给我们带来了:
的弊端
而视频背景来吸引用户,让他们在你的网站的重要的潜力,有一些需要考虑的事情:
•页面加载速度:现在我们知道,用户不会坚持围绕一个网页在等待它的负载。你有两到三秒之前你失去他们,所以你必须非常小心的文件大小,因为你不能控制自己的上网速度。
•P otentially分心:正确执行视频可以提升用户体验,而这是一个太丰富多彩,或太多的事情可以让用户从他们那里去。
•不理想的移动:当你的听众是在旅途中,你不能期望他们会上网,我们都知道,难以预测的移动数据速度可。
好消息是,有一些方法在这些潜在的陷阱。


优秀的背景视频的提示
现在我们明白为什么视频的背景都是有益的,以及什么可以去错了,让我们来看看你能做些什么来让您的网站的视频。

文件大小/长度
我们在这有点为头的视频在深水的网站。我们开始与一夹,跑了30秒,与文件大小28 MB。在一个良好的互联网连接的桌面,这是完美的。但我不知道这是不是对用户可能有一个较慢的连接速度太大。

我做了一些研究,我使用贝宝的主页视频为指导。(作为一个大型公司,我知道他们做作业。)他们正在使用的视频,运行10秒,这似乎更合理。所以我们削减我们的长度,以及下。


该方程的下一部分是文件的大小。新的短片段约为8 MB,和一些快速的研究打开了一个在线工具,称为压缩视频夹冠军。运行它通过滤波器产生一个新的2 MB的文件加载速度非常快。

虚拟主机的选择
首先,我被吓坏了的视频托管自己的服务器上的想法。我认为它会在加载速度,应变,所以我们最初选择了他们被托管在YouTube。这并不好。
首先,有一个漂亮的严重滞后,而我们的网站是调用了视频从YouTube。另外,更严重的问题是,我的开发是有问题包括YouTube的用户界面元素。所以,作为视频播放,标题显示在前几秒,在视频结束,而不是循环,它停了下来,并显示相关视频。我认为,如果给予更多的时间,我们也许可以想出某种工作,但这似乎是不值得的麻烦。
作为我们的视频文件,最终为小,我们决定举办他们的地方,这是工作的非常好。


保持它的微妙
视频背景最好的工作时,他们提供了一个网站提供什么,或它背后的人格。但要小心,不要过分疯狂的颜色,运动和削减。
这最好的作品,如果能用一点柔和的单色配色方案。有时很难控制,比如如果工作区被拍的是彩色的或杂乱。幸运的是,有一个简单的修复可以应用在编辑,或用CSS。简单的层上的视频一个半透明的面具,让它更柔和一点。


另外,(或同时)你可以用一个微妙的模式覆盖在上面的视频。它可以征服整个调色板,以及掩盖任何不良像素,这可能导致从一个压缩的视频。
在拍摄过程中,确保运动控制和最小。还有,记住你不是在今夏打;跳切不必要的,并可以分散注意力。不得不说的是,有时候一个切好,所以视频结束是由两枪。这实际上可以帮助掩盖视频循环播放时。


多个设备的设计
因为你永远不知道有多好或坏的移动浏览器的Internet连接的可能,我强烈建议移动浏览提供一个静止图像。


最后的思考
利用视频在您的网站上可以非常强大。你可以告诉你的故事,创造一种氛围,和与你的听众建立信任。这是一个最持久的网站设计趋势有很好的理由。但与任何趋势,好处是良好的执行。
通过做正确的事情,并产生高质量的视频,在微妙的语调,你不仅可以得到你的用户的注意,但是你让他们了解是什么驱使你的业务。和连接,更重要的是,是什么让用户和客户之间的差异

 

牧羊人设计文章推荐:

Web 2,Web 3,与物联网
为正确的受众研究
各具特色的“用户”的需求

将文章分享到..