贏得你的聽眾使用視頻背景

最大的挑戰(zhàn)之一，網(wǎng)頁設(shè)計(jì)師面臨的是捕捉和保持觀眾的注意力。在這個(gè)世界上，看似無盡的選擇，人們都太快的移動(dòng)到更大更好的，除非你能給他們一個(gè)令人信服的理由去堅(jiān)持。視頻，（如果做的好，）是一個(gè)很好的方式和你的聽眾的好奇心，讓他們訂婚。
剛剛重新設(shè)計(jì)的網(wǎng)站，為自己的網(wǎng)站設(shè)計(jì)工作室，深處，我選擇使用視頻背景的原因。我們做了一些試驗(yàn)和錯(cuò)誤，但是一旦我們找到了一些技術(shù)上的困難，最終的結(jié)果正是我們所希望的。
 

利用背景視頻的好處
在線視頻不是新的，但它仍然是令人驚訝的利用。我一直試圖說服我的客戶使用他們的原因很多網(wǎng)站視頻。視頻可以：
•講一個(gè)故事。
•提供一個(gè)“偷看幕后”你的業(yè)務(wù)。
•讓潛在客戶與你的業(yè)務(wù)在個(gè)人層面。
•提高轉(zhuǎn)化率。
所有這些好處，可以從傳統(tǒng)的“信息”的視頻，但背景視頻可以完成許多相同的東西。從本質(zhì)上講，這些類型的影片喚起情緒，幫助打破存在在處理電子商務(wù)的障礙。換句話說，視頻制作網(wǎng)絡(luò)業(yè)務(wù)似乎更真實(shí)。那實(shí)意味著信任，這導(dǎo)致增加的轉(zhuǎn)換。

這對(duì)任何網(wǎng)站，專注于轉(zhuǎn)換是個(gè)好消息，（他們應(yīng)該都是！）但視頻背景有一些其他的好處，包括：
•傳達(dá)復(fù)雜思想的視覺能力。
•抓住用戶的注意力。
•視頻看著很流，那么你的網(wǎng)站將是當(dāng)前以及。
鑒于所有的好處，為什么不每一個(gè)網(wǎng)站都是利用視頻的力量？這給我們帶來了：
的弊端
而視頻背景來吸引用戶，讓他們?cè)谀愕木W(wǎng)站的重要的潛力，有一些需要考慮的事情：
•頁面加載速度：現(xiàn)在我們知道，用戶不會(huì)堅(jiān)持圍繞一個(gè)網(wǎng)頁在等待它的負(fù)載。你有兩到三秒之前你失去他們，所以你必須非常小心的文件大小，因?yàn)槟悴荒芸刂谱约旱纳暇W(wǎng)速度。
•P otentially分心：正確執(zhí)行視頻可以提升用戶體驗(yàn)，而這是一個(gè)太豐富多彩，或太多的事情可以讓用戶從他們那里去。
•不理想的移動(dòng)：當(dāng)你的聽眾是在旅途中，你不能期望他們會(huì)上網(wǎng)，我們都知道，難以預(yù)測(cè)的移動(dòng)數(shù)據(jù)速度可。
好消息是，有一些方法在這些潛在的陷阱。

優(yōu)秀的背景視頻的提示
現(xiàn)在我們明白為什么視頻的背景都是有益的，以及什么可以去錯(cuò)了，讓我們來看看你能做些什么來讓您的網(wǎng)站的視頻。

文件大小/長(zhǎng)度
我們?cè)谶@有點(diǎn)為頭的視頻在深水的網(wǎng)站。我們開始與一夾，跑了30秒，與文件大小28 MB。在一個(gè)良好的互聯(lián)網(wǎng)連接的桌面，這是完美的。但我不知道這是不是對(duì)用戶可能有一個(gè)較慢的連接速度太大。

我做了一些研究，我使用貝寶的主頁視頻為指導(dǎo)。（作為一個(gè)大型公司，我知道他們做作業(yè)。）他們正在使用的視頻，運(yùn)行10秒，這似乎更合理。所以我們削減我們的長(zhǎng)度，以及下。

該方程的下一部分是文件的大小。新的短片段約為8 MB，和一些快速的研究打開了一個(gè)在線工具，稱為壓縮視頻夾冠軍。運(yùn)行它通過濾波器產(chǎn)生一個(gè)新的2 MB的文件加載速度非常快。

虛擬主機(jī)的選擇
首先，我被嚇壞了的視頻托管自己的服務(wù)器上的想法。我認(rèn)為它會(huì)在加載速度，應(yīng)變，所以我們最初選擇了他們被托管在YouTube。這并不好。
首先，有一個(gè)漂亮的嚴(yán)重滯后，而我們的網(wǎng)站是調(diào)用了視頻從YouTube。另外，更嚴(yán)重的問題是，我的開發(fā)是有問題包括YouTube的用戶界面元素。所以，作為視頻播放，標(biāo)題顯示在前幾秒，在視頻結(jié)束，而不是循環(huán)，它停了下來，并顯示相關(guān)視頻。我認(rèn)為，如果給予更多的時(shí)間，我們也許可以想出某種工作，但這似乎是不值得的麻煩。
作為我們的視頻文件，最終為小，我們決定舉辦他們的地方，這是工作的非常好。

保持它的微妙
視頻背景最好的工作時(shí)，他們提供了一個(gè)網(wǎng)站提供什么，或它背后的人格。但要小心，不要過分瘋狂的顏色，運(yùn)動(dòng)和削減。
這最好的作品，如果能用一點(diǎn)柔和的單色配色方案。有時(shí)很難控制，比如如果工作區(qū)被拍的是彩色的或雜亂。幸運(yùn)的是，有一個(gè)簡(jiǎn)單的修復(fù)可以應(yīng)用在編輯，或用CSS。簡(jiǎn)單的層上的視頻一個(gè)半透明的面具，讓它更柔和一點(diǎn)。

另外，（或同時(shí)）你可以用一個(gè)微妙的模式覆蓋在上面的視頻。它可以征服整個(gè)調(diào)色板，以及掩蓋任何不良像素，這可能導(dǎo)致從一個(gè)壓縮的視頻。
在拍攝過程中，確保運(yùn)動(dòng)控制和最小。還有，記住你不是在今夏打；跳切不必要的，并可以分散注意力。不得不說的是，有時(shí)候一個(gè)切好，所以視頻結(jié)束是由兩槍。這實(shí)際上可以幫助掩蓋視頻循環(huán)播放時(shí)。

多個(gè)設(shè)備的設(shè)計(jì)
因?yàn)槟阌肋h(yuǎn)不知道有多好或壞的移動(dòng)瀏覽器的Internet連接的可能，我強(qiáng)烈建議移動(dòng)瀏覽提供一個(gè)靜止圖像。

最后的思考
利用視頻在您的網(wǎng)站上可以非常強(qiáng)大。你可以告訴你的故事，創(chuàng)造一種氛圍，和與你的聽眾建立信任。這是一個(gè)最持久的網(wǎng)站設(shè)計(jì)趨勢(shì)有很好的理由。但與任何趨勢(shì)，好處是良好的執(zhí)行。
通過做正確的事情，并產(chǎn)生高質(zhì)量的視頻，在微妙的語調(diào)，你不僅可以得到你的用戶的注意，但是你讓他們了解是什么驅(qū)使你的業(yè)務(wù)。和連接，更重要的是，是什么讓用戶和客戶之間的差異

牧羊人設(shè)計(jì)文章推薦：

Web 2，Web 3，與物聯(lián)網(wǎng)
為正確的受眾研究
各具特色的“用戶”的需求