我不知道你在看什么呢?
我敢打賭,你的注意力會自動調整到視頻的背景下,對吧? 這幾乎是不可能忽視它,因為它正在移動 。
沒有什么你錯了 – 它只是人的本性,以及我們如何下意識地決定在哪里付出我們的注意。
就這樣狗忽略其世界上的一切去追逐那個討厭的小松鼠-我們很容易被任何動作分心!
“ 好了,你讓我看看你的傻視頻,這是什么都與我的網站設計怎么辦 ?”
真是一個偉大的問題,我很高興你問。
您濟南網站建設上的視頻背景下,如果運用得當 ,可以幫助您捕捉你的網站訪客的注意力呢!
視頻的背景是,這似乎是在這里留下最流行的網站設計的趨勢之一。
營銷人員喜歡視頻的背景,因為它們使網站看起來很現代,創造藝術的感覺,靜態背景圖片根本無法匹配到。
許多網站轉換專家和普通民眾都看到他們的訪客停留在其網站上更長,更容易注冊或選擇加入到他們的產品/服務的優惠。
我承認 – 138%的改善聽起來平凡而又具有挑戰性的實現隔日1次。
請記住,這樣高的數字是從測試跑由轉換/業務優化專業人士誰為生做到這一點。 因此,公平地說,不是每個人誰運行一個網站DIY會看到類似的改進,只是添加視頻背景到他們的網站。
然而,即使是10% -在互動和轉化20%的性能提升也不是沒有道理 ,即使第一次網站所有者,沒有專業人士的幫助- 如果你使用視頻的背景在您的主頁正道!
試想一下,如果你收集的電子郵件通訊的訂戶,因此您可以跟進促銷或分享有趣的討論,以建立自己的品牌。
考慮一下在用戶增加了20%,可以做你的生意? 這可能意味著更多的銷售和/或較高的品牌知名度!
所有這一切都可以做,如果你能更有效地吸引訪客的注意力 – 用視頻背景。
這不只是一個假設的想法。 很多現實生活中的案例研究表明有多少企業已經通過視頻背景,以提高銷售成功。
就像生活中所有的事情,有一個正確的方式和做事的方式不對 。
即使有一些突破性的視頻背景,你仍然可以搞砸了,并最終傷害你的整體網站設計和經驗-如果你不通過一些基本的規則遵守。
那么,了解如何使用自己的主頁上的視頻背景可以給你提高你的網頁設計成功的可能性要高得多,以避免錯誤的基本。
在本指南中,我們會告訴你所有的步驟和最佳做法,應采取有效使用視頻背景:
- 如何使用視頻背景的正確方法?
- 在哪里可以找到您的網站的視頻?
- 如何添加視頻背景到您的網站?
讓我們開始吧…。
如何使用視頻背景 – 的正確方法
“我只是需要堅持在我的網站后臺隨機視頻,我會得到更好的轉換結果!”
如果這是你在想什么,那么好運氣,因為你會需要它。
我們在WBE不相信運氣。
我們相信,任何人都很少或幾乎為零網站建設技能也可以設計一個專業的網站獲得成功-如果你只是遵循一些簡單的規則( 就像這些其它設計指南 ,我們已經為那些誰沒有一個良好的意識出生專門創建設計)。
真到我們的信念,我們創建了一個路線圖,您可以輕松地跟著來獲得驚人的效果。
第1部分: 何時使用在您的網站視頻背景?
當你用它來(1)創建氛圍,(2)設置一個音調或(3)誘發情緒反應視頻的背景是最有效的。
讓我們看看一些例子:
示例#1:業務,服務機構
視頻背景的最專業的網站工作,不管你運行的是門診,咨詢業務,或設計機構。
您可以使用視頻背景,以顯示你的員工的生命或幫助客戶甚至這個過程的視頻。 這給你的潛在客戶有機會得到,甚至跟你說話之前認識你。 它也描繪了他們可以期望從你的業務體驗到什么一個非常生動的視覺表示。
前提是健康的私人醫務人員。 請注意他們是如何搭配的人視頻剪輯運行和做瑜伽,隨著人們談話的醫生剪輯。
這有助于創造健康和保健的感覺 – 基本前提生如何改善你的生活。
糧油砂漿是一種設計機構。 這個例子很有趣,因為它顯示了你,你并不總是需要有一個完整的網頁視頻背景來獲得類似的好處, 他們只 在 時間不超過半個 屏幕房地產 頁面的標題部分 顯示視頻 。
該視頻展示 了工作人員(戰略會議),以及他們如何為客戶創造設計方案的 日常 協作 。
例2:物理或數碼產品
視頻的背景也工作得很好,如果你是賣產品。
創建一個顯示人們使用產品的視頻,這樣他們就可以直觀地體驗到使用它的行為 。
這里的關鍵在于激勵,如果他們購買和使用你的產品你的客戶可能有生命的類型。 通過展示他們的某種生活方式,你讓他們想要什么你向他們展示。 經典的營銷101的東西。
基本上,你已經說服他們,他們閱讀網站上的信號詞之前!
適合電臺是鍛煉一個音樂應用程序。 視頻是在顯示它的潛在客戶是與應用程序如何鍛煉更愉快非常有效。
你可以用這個思路來展示生活怎么可能用實物產品或數字/教育產品時(例如學習第二語言和旅行)。
例3:經驗(活動,旅游,酒店)
視頻的背景是特別有效創造興奮或氛圍感,那么為什么不使用它來把你的觀眾的adventrure?
這個作品真的很好,如果你的活動策劃,經營的B&B或酒店,導游或任何與目的地體驗交易。
該網站的例子部署視頻的背景是我最喜歡的人使用,因為它們促進加州紅木海岸的旅游業。
視頻帶你在旅途中的區域,并創建仙境類似于愛麗絲的故事情節或經驗。 這是如此有效,讓我想計劃一次旅行那里!
例4:物理位置(餐館,酒店,畫廊,商店)
餐館,咖啡館,酒店,商店或任何物理設置,可以使用視頻的背景來展示他們的位置,并給他們的客戶的視覺導游。
你來控制屏幕上的他們的視覺體驗,并創建希望訪問你的物理位置的愿望非常簡單而有效的方法!
防暴是紐約一間餐廳。 他們用視頻背景來展示自己的時髦的室內設計來吸引你去參觀。
雖然這是一個從維克斯視頻背景模板 ,而不是一個“活”的網站,該視頻是非常好的(點擊它來看一看吧)。
它顯示了廚師電鍍食物新鮮了鍋。 你的嘴開始水只是看著它 – 它為我做的,因為我還沒有我的午餐卻最(當時我反正寫這?。┻@部影片是非常有效!
我們只是表面文章,以什么企業或網站可以使用視頻的背景:
- 溫泉 -你可以表示使用的設施流行的治療和快樂的客人剪輯創造奢華,平靜和放松的感覺。
- 酒店/ B&B / ??度假公寓 -你可以顯示住宿的視頻,您提供服務和附近活動,營造刺激和冒險的感覺。
- 業務/產品 -您可以通過使用表達你的產品的本質論的視頻創建一個強大的品牌。 例如,如果你是賣運動的齒輪,可以顯示人的工作出來,有一個很好的時間剪輯 – 啟發您的網站訪問者希望有類似的經驗和成果。
這樣的例子不勝枚舉,你幾乎可以利用視頻的背景,無論你的網站是什么。
現在,看你自己的網站,想象一個視頻背景如何幫助改變你的設計,把你的品牌和用戶參與到新的水平。
如果你沒有一個網站建立的是,我們會告訴你下面,你可以找到一個網站建設者,提供視頻背景功能,一些選項。
第2部分:當你不應該在網站上使用視頻背景?
雖然視頻的背景是在搶奪注意力非常有效,如果你希望你的觀眾非常具體的內容集中在您的網站上這可能適得其反。
為什么? 由于視頻可能搶到太多的關注,因此,如果它使用了過于激進,它可以壓倒其他作品,你希望你的訪問者關注的內容。
這就是為什么一個視頻背景通常不是一個好主意,如果你有需要,讓觀眾了解詳細的解釋復雜的產品或服務。
在這些情況下,影片的背景可能會從側重于具體的,重要的點分散你的訪客。
所以,請檢查您的網站和你的業務,看看你是否適合此配置文件。 設計工具,如視頻的背景是為了幫助改善體驗。 如果它不能使你的網站越好,不要感到有壓力,使用它。
視頻的背景是,以幫助提高你的網站體驗的工具。 如果該工具不適合您的網站或業務概況- 有疑問時,離開它 !
第3部分:5金有章可循使用視頻背景當
雖然不同的視頻內容可以很好地用于不同的網站,也有一些“假型規則”,可應用于以幫助您創建為您的網站的最佳體驗。
這不是結束所有的名單之列,但它是一個很好的起點,指引你正確的道路這樣就可以避免一些很常見的,但致命的失誤。
規則#1:僅使用一個視頻有目的
視頻有目的,有助于加強你的品牌或你想傳達的信息。
例如,如果你是個會計師,你不應該表現出的視頻,主要來自瑞士阿爾卑斯山的一些美麗的風景線! 雖然它可能看起來很漂亮,它可能不會有很多工作要做與您的業務或代表你是誰。 換句話說,該視頻可能是不相關的,不能突出你的業務。
此外,它可能會混淆你的潛在客戶:“ 這是一個戶外裝備用品店? 或者是這個網站賣我一個度假套餐到瑞士 ?“
請確保您選擇適合您的背景視頻補充你的主頁正在努力實現的。
規則#2:不要讓你的內容的視頻競爭
您將很可能有文字或視頻的背景上一些什么樣的內容。 因此,確保視頻不會傷害你的內容在視頻上方的可讀性。
如果是這樣,那么你的游客將有一個艱難的時間閱讀的信息。
你是怎樣做的?
選項1:選擇對比色的內容
確保您的內容(如文字,按鈕)的顏色形成對比視頻。
例如,如果你有一個較深的視頻,用白色在您的標志,按鈕和任何文本。 這將使它彈出。
如果您在使用較輕的視頻,在內容使用更加豐富多彩或較暗的顏色。
這種技術可以幫助創建你需要讓你的內容不會混入視頻背景的對比度。
飛度電臺做得很好的利用白色和黃色突出顯示的內容。 他們真正從較暗的視頻背景彈出。
選項2:覆蓋您的視頻背景較暗或較亮的屏幕
如果您使用的是非常有活力的視頻背景的很多細節,它可以使你的內容很難,即使你使用你的內容對比色正確的閱讀。
這是當你要與深色或淺色覆蓋減少您的視頻背景的強度。
這將使您的視頻背景較暗或較亮比原來的醇厚下來那些正在你的內容難以閱讀的任何細節。
方案3:覆蓋的視頻背景顏色
你也可以用顏色疊加視頻。 它給你一個類似的效果如上面的選項2,用當你創建一個更強大的品牌的附加 ??好處使用你的品牌顏色為您的覆蓋。
在大多數情況下,白含量顏色將最好與幾乎所有的顏色疊加。
規則#3:使用視頻短片的循環
使用視頻背景時,由于視頻文件可能很大,并且可能需要更長的時間來加載您的網站加載速度是一個大問題。
有研究表明,可憐的網站加載速度可能會導致你的訪問者離開你的網站預先成熟,并可能降低你的搜索引擎排名。
使用視頻背景時,提高你的網站加載速度的關鍵,是保持視頻短片和視頻文件小。
經驗法則:嘗試將視頻限制為5-10秒,而視頻文件的大小為6MB以下。 您可以循環您的視頻不斷給人的印象是,視頻的時間比它確實是。
你沒有作出重大運動畫面在這里,因此,如果您的視頻文件尺寸過大,一定要縮短和/或降低視頻質量。
如果您需要編輯視頻的確切長度和大小幫助,但不知道如何將這種自己動手做, Fiverr.com是一個很好的選擇,你可以找到與小的編輯一些專業人士的幫助,以非常合理的費用。
規則#4:使用視頻,而無需音頻
音頻的自動播放一次加載網頁時被列為最討厭的事情之一,當涉及到網站的經驗 – 尤其是當它啟動時,你是在辦公室爆破!
當你下載該網站的視頻背景自動播放。 所以,如果您的影片的音頻,它也將自動播放。
所以,如果你的視頻剪輯自帶的音頻,要么刪除它或靜音音頻。
規則#5:從不顯示視頻控件
我又見過一次的人想在視頻標題或背景添加或顯示視頻控件。
你要記住一個重要的事情是,它僅僅是一個視頻背景 。 不要把它的方式在頁面上的視頻播放器一樣。
如果您添加視頻控件就會去對一個視頻背景的目的,它僅僅是一個背景,一個主視頻項目,除了沒有聲音,并在一個循環中連續播放改變。
如果要插入一個教學或信息視頻到您的網頁,那么就不要使用它作為你的背景。 只需使用一個正常的頁面布局,并添加一個視頻播放器來播放該節目。
當您正在嘗試一種新的設計潮流(如視頻背景),關鍵是要提高用戶的參與度 – 而不是減少了。 上述5規則可以幫助你實現這一目標。
現在你已經知道如何使用視頻背景的正確方法,讓我們看看如何添加視頻背景到您的網站。
哪里可以找到視頻為您的網站
你的第一個挑戰是要找到您的網站完美的視頻。
記住規則#1遠離上方,并確保你選擇的視頻通信,幫助你的價值觀和強化自己的品牌。
一些我們所見過的最好的視頻背景都是定制的。 隨著技術的今天,你可以這個自己用數碼相機,甚至與您的iPhone拍攝。 記住它不必是完美的,如果你用你的視頻時暗,光或顏色疊加,這是尤其如此。
如果你需要一些幫助視頻編輯,你可以找到很多價格實惠的自由職業者的:
- Upwork(以前oDesk和Elance)
- Fiverr
如果你覺得不舒服創建自己的視頻,你可以使用免費或付費的視頻素材。
這些股票視頻在創建特定的情緒很大。 和付費視頻素材免費之間的區別是質量和選擇。 因此,我們建議您檢查出免費或付費的來源。
- videohive的 :我們已經在多個場合,當我們在尋找視頻背景用這個,我們也發現了一些不錯的素材創造商業宣傳片的時候。 該影片是其中大部分從$ 5至$ 35個漂亮的實惠。 他們有一個廣闊的選擇,所以你必須找到你要找的內容有一個像樣的機會。
- 免費視頻來源 :數字視頻雜志有大約前25的免費視頻資源好的帖子。 這也是開始尋找一個好地方。
如何添加視頻背景到您的網站
一切至今都相對容易 – 什么規律可循,避免常見錯誤,并在哪里可以找到您的視頻。
現在到了困難的部分 – 你如何設置視頻作為網頁的背景?
這可以作為一個按鈕,點擊簡單或重新編寫代碼到您的網站也可以是一樣困難。
怎樣的挑戰是增加您網站上的視頻背景取決于哪個網站建設者您的使用!