企業(yè)網(wǎng)站設(shè)計中做全屏視頻背景的優(yōu)缺點及技巧
優(yōu)點
1. 瞬間吸引眼球：視頻背景比圖像或純色背景更能有效地吸引注意力。首屏部分是訪問者訪問網(wǎng)站時首先看到的內(nèi)容，使用視頻背景，更有可能吸引他們的注意力并使他們在網(wǎng)站上停留更長時間。
2. 簡化復(fù)雜主題：視頻可以簡化和解釋復(fù)雜的主題，供任何觀眾觀看。這使得媒體對于不太知名的品牌、產(chǎn)品和公司來說更有效，可以很容易地向受眾解釋他們的服務(wù)。
3. 展示產(chǎn)品和服務(wù)：視頻背景還為您提供了一種以更具吸引力的方式展示您的產(chǎn)品和服務(wù)的方法。例如，在酒店網(wǎng)站上添加展示豪華客房和水療中心的視頻背景肯定會給您的潛在客戶提供預(yù)訂的理由。
4. 增加銷量：使用視頻背景實際上可以幫助提高銷售和轉(zhuǎn)化率。在一項案例研究中，向主頁添加視頻背景將網(wǎng)站轉(zhuǎn)化率提高了138%。
5. 建立情感聯(lián)系：網(wǎng)站中的視頻背景在向觀眾呈現(xiàn)更敏感的主題方面也很出色。它們在與用戶建立情感聯(lián)系方面也非常有效。
缺點
1. 影響網(wǎng)站加載速度：使用視頻背景的最大缺點是加載速度緩慢。由于視頻的尺寸比圖像大得多，因此它們需要更長的時間來加載。這對于互聯(lián)網(wǎng)連接速度較慢的用戶來說尤其成問題。
2. 在移動設(shè)備上不可用：移動設(shè)備仍不完全支持自動播放視頻背景。因此，大多數(shù)使用視頻背景的網(wǎng)站都被迫使用移動網(wǎng)站的靜態(tài)圖像版本。在網(wǎng)站的移動版和桌面版上提供完全不同的體驗只會讓用戶感到困惑。
3. 舊版瀏覽器的兼容性問題：盡管現(xiàn)在越來越多的人改用最新版本的瀏覽器和應(yīng)用程序，但仍有相當多的人仍在使用舊版和過時的瀏覽器。此類較舊的瀏覽器不支持HTML 5 全屏視頻背景。
4. 難以突出 CTA：與圖像或純色背景不同，視頻有許多具有不同顏色和閃爍燈光的場景。這使得在全屏視頻背景上突出標題和號召性用語 (CTA) 變得非常困難。
技巧
1. 選擇合適的視頻：這是使用全屏背景視頻最明顯但也更關(guān)鍵的部分——選擇正確的視頻會對您產(chǎn)生的影響有多大影響。以及它如何與網(wǎng)站的整體用戶體驗完美融合。例如，不要使用帶有閃光燈的快速移動的視頻，而應(yīng)該選擇節(jié)奏更舒緩、節(jié)奏更慢的視頻。
2. 保持簡短：我們生活在一個快速變化的世界，幾乎沒有耐心。可以安全地假設(shè)一個人不想盯著你的背景視頻看 3 分鐘或 5 分鐘。此外，您會希望他們?yōu)g覽網(wǎng)站的其余部分并說服用戶采取行動。所以最好使用很短的視頻作為背景。長度低于 30 秒的視頻將與網(wǎng)站完美契合。而且，如果您打算添加循環(huán)視頻，請確保它具有平滑的循環(huán)過渡。
3. 避免分散注意力的視頻：視頻有時也會分散注意力。例如，具有高對比度顏色、視覺效果和閃爍燈光的視頻實際上可以將用戶的注意力從您網(wǎng)站的重要部分轉(zhuǎn)移開。當背景視頻將注意力從網(wǎng)站上移開時，人們很難將注意力集中在號召性用語上，甚至很難閱讀網(wǎng)站的標題。最好使用較少干擾或吸引注意力的元素較少的視頻。
4. 突出顯示 CTA：CTA 可以說是網(wǎng)站或登陸頁面最重要的組成部分。您希望訪問者清楚地看到它并說服他們單擊“購買”按鈕。在使用全屏視頻背景時突出顯示 CTA 將是一個挑戰(zhàn)。但這并非不可能。您可以使用濾鏡來降低視頻顏色的飽和度，使視頻變成黑白，甚至可以使用顏色較少或外觀極簡的視頻來輕松突出網(wǎng)站上的 CTA 和標題。
5. 不包括音頻：向網(wǎng)站添加背景音頻有助于為網(wǎng)站營造氛圍，但自動播放音頻不是這樣做的方法。您必須始終考慮到人們從不同的地方和設(shè)備訪問網(wǎng)站，沒有人希望在公交車上突然通過手機聽到聲音?；蛘咴谵k公室訪問網(wǎng)站時。通過在將視頻用作網(wǎng)站背景之前從視頻中刪除音頻來解決此問題，實現(xiàn)僅在用戶選擇時切換音頻的選項，或者至少在加載網(wǎng)站時向用戶發(fā)出警告。
6. 優(yōu)化速度：有幾種方法可以優(yōu)化視頻，使背景對網(wǎng)站加載時間的影響較小。正確壓縮視頻至關(guān)重要。您可以使用 Handbrake 等工具來實現(xiàn)該目標。此外，請考慮為視頻使用正確的分辨率。擺脫音頻也將有助于減小文件大小。
