網(wǎng)頁設(shè)計(jì)中全屏視頻背景的優(yōu)點(diǎn)、缺點(diǎn)和技巧

時(shí)間：2023-10-07 14:18:02 | 來源：網(wǎng)站運(yùn)營

時(shí)間：2023-10-07 14:18:02 來源：網(wǎng)站運(yùn)營

網(wǎng)頁設(shè)計(jì)中全屏視頻背景的優(yōu)點(diǎn)、缺點(diǎn)和技巧：關(guān)于網(wǎng)站中的視頻背景是好是壞，網(wǎng)頁設(shè)計(jì)社區(qū)仍然存在爭論。但是，在過去幾個(gè)月中，我們看到使用全屏視頻背景的網(wǎng)站比以往任何時(shí)候都多。但這真的是一個(gè)有效的策略嗎？它有助于與觀眾互動(dòng)嗎？它會(huì)影響SEO嗎？讓我們來了解一下。

在本指南中，我們旨在通過比較在網(wǎng)頁設(shè)計(jì)中使用全屏視頻背景的利弊來找到這些問題的答案。我們還將通過示例為您提供有關(guān)正確實(shí)施出色視頻背景的一些技巧。

使用全屏視頻背景的好處

現(xiàn)在全屏視頻背景在網(wǎng)頁設(shè)計(jì)中如此流行是有原因的。使用它們有很多好處。即使您需要說服客戶使用視頻背景，這些要點(diǎn)也會(huì)派上用場。

瞬間吸引眼球

視頻背景比圖像或純色背景更能吸引注意力。上面的折疊部分是訪問者訪問您的網(wǎng)站時(shí)首先看到的內(nèi)容。而且您只有3秒鐘的時(shí)間來說服訪問者留在網(wǎng)站上并繼續(xù)瀏覽。

使用視頻背景，您更有可能吸引他們的注意力并讓他們在您的網(wǎng)站上停留更長時(shí)間。

簡化復(fù)雜的主題

如果一張圖片值一千字，那么一個(gè)視頻必須至少值一千張圖片，對嗎？這可能就是為什么93%的營銷人員認(rèn)為視頻是他們戰(zhàn)略的重要組成部分的原因。

視頻可以為任何觀眾簡化和解釋甚至復(fù)雜的主題。這使得媒體對于不太知名的品牌、產(chǎn)品和公司來說更有效，可以很容易地向觀眾解釋他們的服務(wù)。

展示產(chǎn)品和服務(wù)

視頻背景還為您提供了一種以更具吸引力的方式展示您的產(chǎn)品和服務(wù)的方式。

例如，將視頻背景添加到展示豪華客房和水療中心的酒店網(wǎng)站肯定會(huì)讓您的潛在客戶有理由進(jìn)行預(yù)訂。

這同樣適用于登陸頁面、商業(yè)網(wǎng)站、餐館，甚至電子商務(wù)網(wǎng)站。使用視頻背景，您可以展示比圖片輪播更多的產(chǎn)品。

增加銷量

如果有一點(diǎn)可以讓您和您的客戶對視頻背景感興趣，那就是這個(gè)。使用視頻背景實(shí)際上可以幫助提高銷售和轉(zhuǎn)化率。

在一個(gè)案例研究中，向主頁添加視頻背景將網(wǎng)站轉(zhuǎn)化率提高了138%。

事實(shí)上，在登陸頁面添加一個(gè)簡單的解說視頻就足以促進(jìn)銷售。使用視頻背景，您將有一種微妙的方式來呈現(xiàn)您的服務(wù)，而不會(huì)干擾用戶體驗(yàn)。

建立情感聯(lián)系

網(wǎng)站中的視頻背景在向觀眾展示更敏感的話題方面也很出色。而且它們在與用戶建立情感聯(lián)系方面也非常有效。

例如，如果您正在為慈善機(jī)構(gòu)或非盈利組織制作網(wǎng)站，您可以使用視頻背景來提供背景信息或了解您為幫助該事業(yè)所做的幕后工作。

使用全屏視頻背景的缺點(diǎn)

使用全屏視頻背景的優(yōu)點(diǎn)多于缺點(diǎn)。但是，這些缺點(diǎn)會(huì)對您的網(wǎng)站增長產(chǎn)生巨大影響。

影響網(wǎng)站加載速度

使用視頻背景的最大缺點(diǎn)是加載速度緩慢。由于視頻的尺寸比圖像大得多，因此它們需要更長的時(shí)間來加載。這對于互聯(lián)網(wǎng)連接速度較慢的用戶來說尤其成問題。

根據(jù)一份報(bào)告，超過50%的用戶表示他們愿意放棄網(wǎng)站上的視頻和動(dòng)畫以獲得更好的加載時(shí)間。

在移動(dòng)設(shè)備上不可用

移動(dòng)設(shè)備仍不完全支持自動(dòng)播放視頻背景。因此，大多數(shù)使用視頻背景的網(wǎng)站都被迫使用移動(dòng)網(wǎng)站的靜態(tài)圖像版本。

在網(wǎng)站的移動(dòng)版和桌面版上提供完全不同的體驗(yàn)只會(huì)讓用戶感到困惑。

舊瀏覽器的兼容性問題

盡管現(xiàn)在越來越多的人切換到最新版本的瀏覽器和應(yīng)用程序，但仍有相當(dāng)多的人使用舊的和過時(shí)的瀏覽器。

統(tǒng)計(jì)數(shù)據(jù)顯示，仍有一些人仍在使用 Internet Explorer 9 等高度過時(shí)的瀏覽器。

此類較舊的瀏覽器不支持 HTML 5 全屏視頻背景。雖然讓您的受眾使用現(xiàn)代瀏覽器來瀏覽您的網(wǎng)站更容易，但對用戶來說并不方便。

難以突出 CTA

與圖像或純色背景不同，視頻有許多不同顏色和閃爍燈光的場景。這使得在全屏視頻背景上突出標(biāo)題和號召性用語 (CTA) 變得非常困難。

除非您愿意使用基本調(diào)色板之外的顏色和組件，否則在使用具有快速移動(dòng)場景的視頻背景時(shí)，要注意您的網(wǎng)站標(biāo)題、副標(biāo)題和 CTA 并不容易。

全屏視頻背景的示例 + 提示

通過在添加視頻背景時(shí)實(shí)施正確的技術(shù)，您可以避免使用全屏視頻背景的許多缺點(diǎn)。

這里只是一些應(yīng)該如何完成的提示和示例。

選擇合適的視頻

（例如：Zyber）

這是使用全屏背景視頻最明顯但也更關(guān)鍵的部分——選擇正確的視頻會(huì)對你產(chǎn)生的影響有多大影響。以及它如何與網(wǎng)站的整體用戶體驗(yàn)完美融合。

例如，不要使用帶有閃光燈的快速移動(dòng)的視頻，而應(yīng)該選擇節(jié)奏更舒緩、節(jié)奏更慢的視頻。

保持簡短

（例如：湖畔）

我們生活在一個(gè)快速變化的世界，幾乎沒有耐心?？梢园踩丶僭O(shè)一個(gè)人不想盯著你的背景視頻看 3 分鐘或 5 分鐘。此外，您會(huì)希望他們?yōu)g覽網(wǎng)站的其余部分并說服用戶采取行動(dòng)。

所以最好使用很短的視頻作為背景。長度低于 30 秒的視頻將與網(wǎng)站完美契合。而且，如果您打算添加循環(huán)視頻，請確保它具有平滑的循環(huán)過渡。

避免分散注意力的視頻

（例如：幻影雇傭）

視頻有時(shí)也會(huì)分散注意力。例如，具有高對比度、視覺效果和閃爍燈光的視頻實(shí)際上可以將用戶的注意力從您網(wǎng)站的重要部分轉(zhuǎn)移開。

當(dāng)背景視頻將注意力從網(wǎng)站上移開時(shí)，人們很難將注意力集中在號召性用語上，甚至很難閱讀網(wǎng)站的標(biāo)題。

最好使用較少干擾或吸引注意力的元素的視頻。

突出 CTA

（例如：員工解決方案）

CTA 可以說是網(wǎng)站或登陸頁面最重要的組成部分。您希望訪問者清楚地看到它并說服他們點(diǎn)擊“購買”按鈕。

在使用全屏視頻背景時(shí)突出顯示 CTA 將是一個(gè)挑戰(zhàn)。但這并非不可能。

您可以使用濾鏡來降低視頻顏色的飽和度，將視頻設(shè)為黑白，甚至可以使用顏色較少或外觀極簡的視頻來輕松突出網(wǎng)站上的 CTA 和標(biāo)題。

不包括音頻

（例如：國家公園的隱藏世界）

向網(wǎng)站添加背景音頻有助于為網(wǎng)站營造氛圍，但自動(dòng)播放音頻不是這樣做的方法。

您必須始終考慮到人們從不同的地方和設(shè)備訪問網(wǎng)站，沒有人希望在公交車上突然通過手機(jī)播放音頻?；蛘咴谵k公室訪問網(wǎng)站時(shí)。

通過在將視頻用作網(wǎng)站背景之前從視頻中刪除音頻來解決此問題，實(shí)現(xiàn)僅在用戶選擇時(shí)切換音頻的選項(xiàng)，或者至少在加載網(wǎng)站時(shí)向用戶發(fā)出警告。

優(yōu)化速度

（例如：丹納）

有幾種方法可以優(yōu)化視頻，使背景對網(wǎng)站加載時(shí)間的影響較小。

正確壓縮視頻至關(guān)重要。您可以使用 Handbrake 等工具來實(shí)現(xiàn)該目標(biāo)。此外，請考慮為視頻使用正確的分辨率。擺脫音頻也將有助于減小文件大小。

綜上所述

總的來說，使用全屏視頻背景比其他格式有更多好處。再說一次，這取決于您使用它的方式和原因。因?yàn)橐曨l背景并不適合每個(gè)網(wǎng)站。它可以成就或破壞網(wǎng)站的用戶體驗(yàn)。