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

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

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

使用全屏視頻背景的好處

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

瞬間吸引注意力

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

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

簡化復雜主題

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

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

展示產品和服務

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

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

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

促進銷售

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

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

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

建立情感聯(lián)系

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

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

使用全屏視頻背景的缺點

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

影響網站加載速度

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

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

在移動設備上不可用

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

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

舊瀏覽器的兼容性問題

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

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

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

難以突出CTA

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

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

全屏視頻背景示例+技巧

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

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

選擇正確的視頻

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

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

保持簡短

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

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

避免分散注意力的視頻

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

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

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

突出顯示CTa

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

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

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

不包括音頻

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

你總要考慮到，人們從不同的地方、不同的設備訪問網站，沒有人希望在公交車上突然有音頻通過手機爆破。或者在辦公室訪問網站時。

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

優(yōu)化速度

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

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

YouTube vs自托管視頻背景

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

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

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

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

最后

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

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

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

廣告

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