機(jī)構(gòu)組織網(wǎng)站建設(shè)虛擬展廳博物館展廳設(shè)計數(shù)字博物館建設(shè)展廳空間設(shè)計北京展廳設(shè)計產(chǎn)品展廳設(shè)計企業(yè)展廳設(shè)計公司展廳設(shè)計
如何正確地在網(wǎng)站中使用視頻背景
2016.09.19
如何正確地在網(wǎng)站中使用視頻背景
你看的是什么？
我猜你的注意力不自覺地轉(zhuǎn)向了視頻背景，對嗎？它是動的，你幾乎無法忽視它的存在。
這沒什么不對的--這只是人類的本能，下意識地決定注意力怎么分配。
我們很容易被任何移動的東西吸引注意力--就像狗狗會忽略一切東西去追那只小花貓一樣。
“好吧，你的視頻成功引起了我的注意。但這跟網(wǎng)站設(shè)計有什么關(guān)系呢？”
好問題! 很高興你想到了這里
網(wǎng)站上的視頻背景，如果正確使用的話，能夠有效地幫助你抓住訪問者的注意力！
視頻背景是時下網(wǎng)站設(shè)計中最常見的潮流之一。
營銷人員喜歡視頻背景，因為這會讓網(wǎng)站看起來很現(xiàn)代，打造一種靜止背景無法比擬的藝術(shù)感。
很多網(wǎng)站轉(zhuǎn)化專家和普通人都發(fā)現(xiàn)訪問者停留在網(wǎng)站的時間變長，更愿意注冊或者選擇他們的產(chǎn)品或者服務(wù)。
首頁加入視頻背景后，轉(zhuǎn)化率提高了138%。
必須承認(rèn)，138%的提升聽起來真的太有挑戰(zhàn)性了。
記住一點，這個數(shù)字是來自轉(zhuǎn)化/業(yè)務(wù)優(yōu)化領(lǐng)域?qū)I(yè)人士進(jìn)行的測試。所以，運營自建網(wǎng)站的普通人在網(wǎng)站添加了一個視頻后達(dá)不到這個數(shù)字是很正常的。
如果你能在首頁正確使用視頻背景的話，即使你是第一次建設(shè)網(wǎng)站，10%-20%的提升也是有可能的。
假設(shè)你收集了電子郵件通訊訂閱者的名單，這樣你可以跟他們分享促銷信息和一些有趣的話題，以打造自己的品牌。
如果訂閱者增加了20%，你的生意會怎么樣？這可是更多的銷售額或更高的品牌意識！
如果你能利用視頻更有效地抓住訪問者的注意力，這些都可以做到。
這可不是一個假設(shè)。很多活生生的例子表明，視頻背景在提升銷售方面確實大有裨益。
就像人生中的很多事情一樣，做事情要注意方法。
如果你沒有遵循某些基礎(chǔ)規(guī)則的話--即使有視頻背景這樣突破性的事物存在，你仍然可能把事情搞砸，破壞網(wǎng)站整體設(shè)計與體驗。
因此，了解在首頁使用視頻背景時應(yīng)該避免的基礎(chǔ)錯誤，能讓你有更大的機(jī)會成功提升網(wǎng)站設(shè)計水平。
本文將為你展示有效使用背景視頻的幾個步驟：
如何正確使用視頻背景？
在哪里尋找適合網(wǎng)站的視頻？
下面將一一為你揭曉。
如何正確使用視頻背景
“隨便插入一個視頻，網(wǎng)站轉(zhuǎn)化率就會提升了！”
如果你真是這么想的話，那么祝你好運吧。
然而我們并不相信運氣這種虛無縹緲的東西。
我們認(rèn)為，即使是零基礎(chǔ)的人也能設(shè)計出一個非常專業(yè)網(wǎng)站，只要你遵循一些簡單的規(guī)則。
為此，我們?yōu)槟銕砹艘粋€“線路圖”，按照要求操作即可獲得不錯的結(jié)果。
第一部分：什么時候應(yīng)該在網(wǎng)站上使用視頻背景？
視頻背景在下列情況使用時才最有用：（1）創(chuàng)造一種氛圍；（2）奠定一種基調(diào)；（3）引發(fā)一種情緒反應(yīng)。
下面來看一些實例。
例1：企業(yè)、服務(wù)、機(jī)構(gòu)
視頻背景對于大部分專業(yè)性網(wǎng)站都很有幫助，比如診所、咨詢公司、設(shè)計公司等等。
視頻內(nèi)容可以展示員工的生活，或者幫助客戶的過程。這能讓你的潛在客戶在與你溝通之前對你有一定程度的了解，還可以讓客戶對可能獲得的體驗有直觀的了解。
Premise Health是一家私立醫(yī)療服務(wù)提供商。視頻把人們跑步、做瑜伽的場景與人們與醫(yī)生交談的場景剪輯到了一起。
這可以幫忙創(chuàng)建一種健康的感覺--基本上就是Premise Health 幫助改善你的生活質(zhì)量所能做的。
Grain & Mortar是一家設(shè)計公司。因為它的視頻并不是全頁的。他們只在網(wǎng)站頭部插入了一個視頻，占整個屏幕不到一半。
視頻展示了該公司員工的日常協(xié)作（戰(zhàn)略會議）和他們?yōu)榭蛻舸蛟煸O(shè)計解決方案的場景。
例2：實體或者數(shù)字產(chǎn)品
如果你要出售商品，視頻背景也可以大有作為。
創(chuàng)建一個展示人們使用你的產(chǎn)品的視頻，這樣客戶就可直觀地體驗使用它的動作。
其中的關(guān)鍵在于，要向客戶展示一旦擁有了你的商品會對他們的生活造成什么樣的影響。通過向他們展示某種生活方式，讓客戶對這種生活心存向往。這是經(jīng)典的營銷方式之一。
基本上，你已經(jīng)不費一言就讓客戶相信你了。
Fit Radio是一款健身應(yīng)用。這個視頻成功地向潛在客戶展示了使用這個應(yīng)用健身是多么享受的一件事情。
你可以用這個思路向客戶展示當(dāng)他們使用實體商品或數(shù)字/教育類商品（學(xué)習(xí)外語和旅行等）時，他們的生活會發(fā)生什么樣的變化。
例3：體驗（活動、旅游、酒店）
視頻背景在打造興奮或者共鳴的感情時非常有效。所以為什么不用它來帶領(lǐng)你的客戶進(jìn)行一場冒險呢？
如果你是活動策劃，運營一間客?；蛘呔频?，導(dǎo)游公司或者其他任何與目的地體驗有關(guān)的生意，都可以考慮這個思路。
這個網(wǎng)站有我最喜歡的視頻背景之一，里面推廣的是加州紅木海岸。
這個視頻帶你領(lǐng)略當(dāng)?shù)仫L(fēng)光，為你講述一個《愛麗絲夢游仙境》一樣的故事。簡直讓人想立刻啟程去那里！
例4：實際地點（餐館、酒店、美術(shù)館、商店等）
餐館、咖啡館、酒店、商店以及其他任何實際存在的低點，都可以使用視頻背景來展示它們的位置，讓客戶來一次視覺上的旅行。
你能通過屏幕控制他們的視覺體驗，輕松而有效地讓客戶產(chǎn)生去實際體驗的沖動。
Vandal是紐約的一家餐館。他們使用一個視頻來展示餐館的內(nèi)飾，吸引客戶親自前去體驗。
里面的廚師正在將食物裝盤。僅僅是看著你的嘴巴就開始分泌唾液--至少我是這樣的，因為看到它的時候我還沒有吃午飯。這個視頻很有用哦！
視頻可以為企業(yè)或者網(wǎng)站帶來哪些好處這個問題，我們僅僅觸及了表面：
·Spa--展示熱門療程和客戶使用設(shè)施的視頻可以打造一種奢華、平靜、放松的氛圍。
·酒店/旅館/度假公寓--視頻內(nèi)容可以是你能提供的住宿和服務(wù)，以及附近的活動等，打造一種愉悅的或者冒險的氛圍。
·企業(yè)/產(chǎn)品--展示產(chǎn)品的核心品質(zhì)可以幫你打造更強(qiáng)的品牌。舉例來說，如果你銷售的是運動產(chǎn)品，視頻可以展示人們運動健身的場景--激發(fā)網(wǎng)站訪問者對于類似體驗和結(jié)果的需求。
這個名單還可以更長。不管你的網(wǎng)站是關(guān)于什么的，都可以好好利用視頻背景。
重點：不要因為視頻看起來挺好就決定用它。你選擇的視頻必須與網(wǎng)站/企業(yè)的整體目的一致。選擇“好看的”視頻能讓網(wǎng)站更有意思。但選擇“正確的”視頻才能更突出你的企業(yè)/產(chǎn)品，是一種非常強(qiáng)大的營銷與品牌推廣工具。
現(xiàn)在，看看你自己的網(wǎng)站，想想視頻背景如何幫你改變設(shè)計，將品牌推廣和用戶參與度提升到一個新的高度。
如果你沒有現(xiàn)成的網(wǎng)站，下面我們將為你展示一些支持視頻插入的網(wǎng)站建設(shè)工具。
第二部分：什么時候網(wǎng)站不應(yīng)該使用視頻背景？
盡管視頻背景是抓住訪問者注意力的有效方式，但如果訪問者只想關(guān)注某方面特別具體的內(nèi)容時，視頻的存在可能就適得其反了。
為什么？因為視頻會吸引過多的注意力，如果過度使用的話，很可能會讓你原本想要訪問者關(guān)注的內(nèi)容失去吸引力。
因此，如果你有復(fù)雜的服務(wù)或產(chǎn)品，需要詳細(xì)的解說客戶才能理解，使用視頻并不是一個好主意。
種情況下，視頻背景可能會讓訪問者分心，無法專注于詳細(xì)的重點內(nèi)容。
所以，請檢查你的網(wǎng)站和企業(yè)，看看你是否適合此種情況。如視頻背景等的設(shè)計工具，是為了幫助改善體驗。如果它不能使你的網(wǎng)站更好，不要感到有壓力。
視頻背景是幫助提升網(wǎng)站體驗的工具。如果這個工具并不適合你的網(wǎng)站或企業(yè)情況--如果有疑問，那就不要用。
第三部分：使用視頻背景的五大黃金法則
雖然不同的視頻內(nèi)容對不同的網(wǎng)站有不同的作用，這里我們會提供一些“傻瓜式法則”幫助你為網(wǎng)站打造最好的體驗。
這不是一個一勞永逸的清單。但是一個指導(dǎo)你走上正確道路的架勢，避免你犯某些非常常見且致命的錯誤。
法則1：有特定目的才使用視頻
有特定目的的視頻可以增強(qiáng)品牌推廣度或你想傳達(dá)的信息。
比如，如果你是一名會計，視頻里不應(yīng)該出現(xiàn)瑞士阿尓卑斯山的美景。盡管風(fēng)景很美，但跟你的業(yè)務(wù)或者你的身份并沒有什么關(guān)系。換句話說，這樣的無關(guān)視頻對凸顯你的業(yè)務(wù)毫無益處。
此外，這還可能讓客戶混淆認(rèn)識：“這是一家戶外用品店嗎？還是這個網(wǎng)站在像我推薦瑞士旅游套餐？”
確保你選擇的視頻對首頁想要表達(dá)的目的有補(bǔ)充作用。
法則2：視頻不應(yīng)與內(nèi)容沖突
視頻背景的上面可能還有一些文字或者其他的內(nèi)容。所以請確保視頻不會破壞內(nèi)容的可讀性。
如果有影響，那么訪問者可能在閱讀相關(guān)信息時可能會遇到困難。
那你應(yīng)該怎么做？
選項1：內(nèi)容部分選擇對比色
確保內(nèi)容（文字、按鈕等）的顏色與視頻形成對比。
比如，如果視頻整體偏暗，那么你的logo、按鈕和文字應(yīng)該用白色，看起來更明顯。
如果視頻很亮，那么內(nèi)容最好選擇彩色的或者暗色的。
這個技巧可以讓內(nèi)容不會融入到視頻背景中。
Fit Radio在這方面做得很好。上面文字使用的白色和黃色在暗色的視頻背景襯托下非常明顯。
選項2：用暗屏或亮屏疊加視頻背景
如果你使用的視頻背景中有很多細(xì)節(jié)，那么即使你的內(nèi)容使用了對比色，也很有可能降低其可讀性。
時你應(yīng)該通過暗色或亮色疊加來降低視頻背景的亮度。
這會讓視頻背景比原視頻更暗或者更亮，讓那些使內(nèi)容易讀性降低的細(xì)節(jié)更柔和。
Cobble Hill
Forty
暗色疊加舉例：Forty
亮色疊加舉例：Cobble Hill
選項3：用顏色疊加視頻背景
你還可以用顏色疊加視頻。這個效果跟選項2有些相似，但如果使用品牌色作為疊加色的話，可以造成更好的品牌推廣效果。
大多數(shù)情況下，白色的內(nèi)容適用于大多數(shù)顏色疊加。
網(wǎng)站加載速度是使用視頻背景的一大考量，因為視頻文件一般比較大，加載時需要更多時間。
有研究表明，網(wǎng)站加載過慢會讓訪問者早早地離開網(wǎng)站，并降低你的搜索引擎排名。
其使用視頻背景時提升網(wǎng)站加載速度的關(guān)鍵是讓縮短視頻時間，減少視頻文件大小。
經(jīng)驗之談：盡量在視頻長度在5-10秒之間，文件大小保持在6MB以下。視頻可以無限循環(huán)播放，讓它看起來比實際要長。
你并不是在拍什么大片。所以如果視頻太大的話，請一定要縮減時間并/或降低質(zhì)量。
如果需要將視頻剪裁至確切的長度和大小
法則4：使用無聲視頻
說起網(wǎng)站體驗，網(wǎng)頁加載時自動播放的聲音是最討厭的事情之一--尤其是你在辦公室打開網(wǎng)站時。
視頻背景在網(wǎng)站打開時是自動播放的。因此，如果你的視頻有聲音，那么聲音也是會自動播放的。
所以，要么去掉聲音（用Fiverr.com），要么靜音。
法則5：永遠(yuǎn)不要出現(xiàn)視頻控件
我總是見到人們想要在視頻頭部或者背景中添加或展示視頻控件。
要記住，這僅僅是一個視頻背景，不要把它當(dāng)做正常的視頻播放器。
如果添加了視頻控件，這就違背了視頻背景的初衷，把它從背景變成了視頻，除了沒有聲音和不停循環(huán)播放之外。
如果想要在網(wǎng)頁中插入一個說明性或者信息性的視頻，那么不要把它當(dāng)做背景。只要使用正常頁面布局，添加一個視頻播放器正常播放就好。
當(dāng)你嘗試新的設(shè)計潮流時（比如視頻背景），關(guān)鍵在于提升用戶參與度--而不是降低。上面的五大法則將幫助你完成這個目標(biāo)。
現(xiàn)在你已經(jīng)了解了如何正確使用視頻背景，下面來看看怎樣在網(wǎng)站中添加視頻背景。
400-7808-893 / 010-64913142
我想要個更針對我需求的方案
友情鏈接：
也許您需要專業(yè)的服務(wù)，歡迎來電咨詢
您的需求，是我們前進(jìn)最大的動力
關(guān)于我們
北京分形科技有限公司成立于2003年，是一家以AI為核心驅(qū)動力，提供網(wǎng)絡(luò)品牌策劃、AI互聯(lián)網(wǎng)服務(wù)、WEB3服務(wù)、AI人工智能解決方案的綜合服務(wù)商
我們一直秉承的經(jīng)營理念：責(zé)任、熱情、品質(zhì)、包容
主要業(yè)務(wù)范圍：AI互聯(lián)網(wǎng)服務(wù)（網(wǎng)站建設(shè),網(wǎng)站群,短視頻社交平臺,APP,小程序）AI人工智能行業(yè)解決方案（智慧博物館,智慧公園,智慧景區(qū),智慧社區(qū),智慧醫(yī)療,智慧校園,）IoT智能物聯(lián)產(chǎn)品（智能步道,AR太極,AI健身,AI導(dǎo)覽,AI單車,智慧樹）WEB3（區(qū)塊鏈,元宇宙,NFT數(shù)字藏品）
版權(quán)所有：北京分形科技有限公司
Copyright 2003-2023 m.50net.cn All Rights Reserved. 北京分形科技有限公司
京ICP備05007162號-1