關(guān)于網(wǎng)站中視頻背景是好是壞，網(wǎng)頁設(shè)計(jì)界仍有爭論。

然而，在過去的幾個(gè)月里，我們看到使用全屏視頻背景的網(wǎng)站比以往任何時(shí)候都要多。但這真的是一個(gè)有效的策略嗎？它有助于吸引觀眾嗎？是否影響SEO？我們來看看。

使用全屏視頻背景的好處

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

瞬間吸引注意力

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

有了視頻背景，你就有更高的機(jī)會吸引他們的注意力，并讓他們在你的網(wǎng)站上停留更長時(shí)間。

簡化復(fù)雜主題

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

視頻可以簡化和解釋任何受眾消費(fèi)的復(fù)雜話題。這使得媒體更有效地為不太知名的品牌、產(chǎn)品和公司向觀眾解釋他們的服務(wù)。

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

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

例如，在酒店網(wǎng)站上添加一個(gè)展示豪華客房和水療中心的視頻背景，肯定會給你的潛在客戶一個(gè)預(yù)訂的理由。

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

促進(jìn)銷售

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

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

事實(shí)上，在登陸頁面上添加一個(gè)簡單的解說視頻就足以提升銷量。有了視頻背景，您將有一種微妙的方式來展示您的服務(wù)，而不會干擾用戶體驗(yàn)。

建立情感聯(lián)系

網(wǎng)站中的視頻背景在向觀眾呈現(xiàn)更敏感的話題方面也有奇效。它們在與用戶建立情感聯(lián)系方面也非常有效。

例如，如果你正在為慈善機(jī)構(gòu)或非盈利機(jī)構(gòu)制作一個(gè)網(wǎng)站，你可以使用視頻背景來提供背景，或者在幕后看看你為這項(xiàng)事業(yè)做了什么。

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

使用全屏視頻背景的好處比壞處多。但是，這些缺點(diǎn)會對你的網(wǎng)站增長產(chǎn)生巨大的影響。

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

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

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

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

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

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

舊瀏覽器的兼容性問題

盡管現(xiàn)在越來越多的人轉(zhuǎ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)變得非常困難。

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

全屏視頻背景示例+技巧

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

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

選擇正確的視頻

這是使用全屏背景視頻最明顯也是最關(guān)鍵的部分——選擇合適的視頻對你的影響有多大有很大的不同。以及它如何與網(wǎng)站的整體用戶體驗(yàn)很好地融合。

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

保持簡短

我們生活在一個(gè)快速發(fā)展的世界，幾乎沒有耐心。假設(shè)一個(gè)人不想盯著你的背景視頻看3分鐘或5分鐘是安全的。此外，你會希望他們探索網(wǎng)站的其他部分，并說服用戶采取行動。

所以最好用很短的視頻作為背景。長度不到30秒的視頻將非常適合網(wǎng)站。此外，如果您計(jì)劃添加循環(huán)視頻，請確保它具有平滑的循環(huán)過渡。

避免分散注意力的視頻

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

當(dāng)有背景視頻分散注意力時(shí)，一個(gè)人很難專注于行動號召，甚至很難閱讀網(wǎng)站的標(biāo)題。

最好使用一個(gè)分散注意力或竊取注意力的元素較少的視頻。

突出顯示CTa

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

當(dāng)使用全屏視頻背景時(shí)，突出顯示CTA將是一個(gè)挑戰(zhàn)。但也不是不可能。

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

不包括音頻

給網(wǎng)站添加背景音頻有助于為網(wǎ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)重要。你可以使用像手剎這樣的工具來實(shí)現(xiàn)這個(gè)目標(biāo)。此外，考慮為視頻使用正確的分辨率。去掉音頻也有助于減小文件大小。

YouTube vs自托管視頻背景

還有一個(gè)問題是，在YouTube上托管背景視頻好，還是在服務(wù)器上自托管好。使用這兩種方法各有利弊。

如果您在同一臺服務(wù)器上托管背景視頻，用戶必須等到視頻加載完畢后才能瀏覽網(wǎng)站。但是，它可以確保視頻只在你的控制之下，不會在YouTube上被發(fā)現(xiàn)。

當(dāng)然，您可以通過向網(wǎng)站添加加載屏幕來避免這種情況。

在YouTube上托管視頻將改善加載時(shí)間，對帶寬的影響較小。但是它會讓你無法控制視頻的顯示方式。

最后

總的來說，使用全屏視頻背景比其他格式有更多的好處。話說回來，這要看你怎么用，為什么用。因?yàn)橐曨l背景并不適合每個(gè)網(wǎng)站。它可能會影響或破壞網(wǎng)站的用戶體驗(yàn)。

分享題目：網(wǎng)頁設(shè)計(jì)中的全屏視頻背景:優(yōu)點(diǎn)、缺點(diǎn)和技巧
本文地址：http://www.rwnh.cn/news39/170289.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供電子商務(wù)、App開發(fā)、虛擬主機(jī)、移動網(wǎng)站建設(shè)、網(wǎng)站建設(shè)、小程序開發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)