網(wǎng)頁設計中的全屏視頻背景:優(yōu)點、缺點和技巧

關于網(wǎng)站中視頻背景是好是壞，網(wǎng)頁設計界仍有爭論。

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

使用全屏視頻背景的好處

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

瞬間吸引注意力

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

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

簡化復雜主題

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

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

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

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

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

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

促進銷售

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

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

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

建立情感聯(lián)系

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

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

使用全屏視頻背景的缺點

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

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

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

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

在移動設備上不可用

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

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

舊瀏覽器的兼容性問題

盡管現(xiàn)在越來越多的人轉向最新版本的瀏覽器和應用程序，但相當多的人仍然使用舊的和過時的瀏覽器。

統(tǒng)計數(shù)據(jù)顯示有些人仍然在使用像Internet Explorer 9這樣非常過時的瀏覽器。

這種老式瀏覽器不支持HTML 5全屏視頻背景。雖然讓你的觀眾使用現(xiàn)代瀏覽器瀏覽你的網(wǎng)站更容易，但對用戶來說并不方便。

難以突出CTA

與圖像或純色背景不同，視頻有許多不同顏色和閃爍燈光的場景。這使得在全屏視頻背景上突出顯示您的標題和行動呼吁(CTA)變得非常困難。

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

全屏視頻背景示例+技巧

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

這里只是一些應該如何做的提示和例子。

選擇正確的視頻

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

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

保持簡短

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

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

避免分散注意力的視頻

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

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

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

突出顯示CTa

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

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

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

不包括音頻

給網(wǎng)站添加背景音頻有助于為網(wǎng)站營造氛圍，但自動播放音頻不是辦法。

你總要考慮到，人們從不同的地方、不同的設備訪問網(wǎng)站，沒有人希望在公交車上突然有音頻通過手機爆破?；蛘咴谵k公室訪問網(wǎng)站時。

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

優(yōu)化速度

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

正確壓縮視頻至關重要。你可以使用像手剎這樣的工具來實現(xiàn)這個目標。此外，考慮為視頻使用正確的分辨率。去掉音頻也有助于減小文件大小。

YouTube vs自托管視頻背景

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

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

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

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

最后

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

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

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

廣告

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