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

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

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

這對任何網站，專注于轉換是個好消息，（他們應該都是！）但視頻背景有一些其他的好處，包括：
•傳達復雜思想的視覺能力。
•抓住用戶的注意力。
•視頻看著很流，那么你的網站將是當前以及。
鑒于所有的好處，為什么不每一個網站都是利用視頻的力量？這給我們帶來了：
的弊端
而視頻背景來吸引用戶，讓他們在你的網站的重要的潛力，有一些需要考慮的事情：
•頁面加載速度：現在我們知道，用戶不會堅持圍繞一個網頁在等待它的負載。你有兩到三秒之前你失去他們，所以你必須非常小心的文件大小，因為你不能控制自己的上網速度。
•P otentially分心：正確執行視頻可以提升用戶體驗，而這是一個太豐富多彩，或太多的事情可以讓用戶從他們那里去。
•不理想的移動：當你的聽眾是在旅途中，你不能期望他們會上網，我們都知道，難以預測的移動數據速度可。
好消息是，有一些方法在這些潛在的陷阱。

優秀的背景視頻的提示
現在我們明白為什么視頻的背景都是有益的，以及什么可以去錯了，讓我們來看看你能做些什么來讓您的網站的視頻。

文件大小/長度
我們在這有點為頭的視頻在深水的網站。我們開始與一夾，跑了30秒，與文件大小28 MB。在一個良好的互聯網連接的桌面，這是完美的。但我不知道這是不是對用戶可能有一個較慢的連接速度太大。

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

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

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

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

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

多個設備的設計
因為你永遠不知道有多好或壞的移動瀏覽器的Internet連接的可能，我強烈建議移動瀏覽提供一個靜止圖像。

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

牧羊人設計文章推薦：

Web 2，Web 3，與物聯網
為正確的受眾研究
各具特色的“用戶”的需求