背景視頻不是未來。他們是現(xiàn)在。不是因?yàn)樗鼈兂?jí)酷,每個(gè)人都在做。很多網(wǎng)站都將賭注押在增強(qiáng)現(xiàn)實(shí)(AR)上,因此沉浸式體驗(yàn)將推動(dòng)我們的互動(dòng)。視頻是AR的主導(dǎo)力量。
背景視頻是一件比較炫酷的做法。但是,如果不遵循一些準(zhǔn)則,則可能會(huì)破壞您網(wǎng)站的性能,并打亂整體設(shè)計(jì)和體驗(yàn)。在深入研究這些準(zhǔn)則之前,請(qǐng)確保要準(zhǔn)備將背景視頻添加到我們的網(wǎng)站。
我們?cè)诰W(wǎng)絡(luò)上看到越來越多的背景視頻
背景視頻可能是改善網(wǎng)站外觀,使訪問者更愉快并引起注意的一種好方法。
訪客希望被吸引,好的視頻可以做到這一點(diǎn)。視頻可以講述企業(yè)的故事,每個(gè)企業(yè)都有一個(gè)可以更好地講述的故事。
添加背景視頻的更佳做法
僅在可以真正改善網(wǎng)站外觀的情況下使用背景視頻。在不考慮其影響的情況下,嘗試抓住閃亮的新事物是很誘人的。如果采取正確的措施,其影響降低到更小,但您的網(wǎng)站還是會(huì)相應(yīng)的變慢,這是視頻替代靜態(tài)圖像必須要付出的代價(jià)。
這里有一些要考慮的事情:
? 選擇可以快速加載的短視頻。
? 不要使用聲音。聲音增加了文件大小,幾乎沒有價(jià)值。
? 使用占位符。如果視頻已停止或無法播放,請(qǐng)確保有后備圖像。在代碼中創(chuàng)建占位符很容易。將您的背景視頻元素放置在具有背景圖像的部分中。
? 將視頻替換為用于移動(dòng)體驗(yàn)的圖像 ?-視頻無法播放或難以在移動(dòng)設(shè)備上實(shí)現(xiàn)。網(wǎng)站將用戶的移動(dòng)數(shù)據(jù)與背景視頻混在一起也是不友好的。將背景視頻元素隱藏在移動(dòng)端處顯示背景圖像。這樣做可以為移動(dòng)訪問者提供更佳體驗(yàn)。
什么時(shí)候不應(yīng)該使用背景視頻
盡管背景視頻非常吸引人,但如果您希望訪問者將注意力集中在信息上,它可能適得其反。
如果您對(duì)背景視頻過于激進(jìn),它將壓倒重要內(nèi)容。當(dāng)有復(fù)雜的想法(例如與銷售相關(guān)的內(nèi)容)可供閱讀時(shí),視頻可能會(huì)分散人們的注意力。如果您的報(bào)價(jià)需要很多解釋,那么文字會(huì)更好。
添加背景視頻的聰明人
轉(zhuǎn)換目標(biāo)為重中之重。背景視頻的故事情節(jié)應(yīng)始終支持頁面的更終目標(biāo)。
更好的情況是背景視頻補(bǔ)充或增強(qiáng)CTA。
使其流行
在大多數(shù)情況下,您需要在背景視頻的頂部放置文本-因此請(qǐng)確保在整個(gè)視頻循環(huán)中都易于閱讀。通常,要在背景視頻和文本之間形成強(qiáng)烈的明暗對(duì)比。
確保完整清晰的對(duì)比度的一種方法是在視頻上方應(yīng)用純色單色濾鏡。這不僅看起來超級(jí)專業(yè),而且顏色對(duì)比使文本,表單和登錄頁面CTA脫穎而出。其他替代方案包括文本陰影或文本后面的半透明色塊
簡(jiǎn)短一點(diǎn)
背景視頻不應(yīng)超過20秒。短而循環(huán)的視頻應(yīng)該足以在不影響加載時(shí)間的情況下獲得成功。
記住,這是一個(gè)循環(huán)。如果視頻太短,則循環(huán)會(huì)顯得不完整。另一方面,如果視頻太長(zhǎng),瀏覽者可能會(huì)在視頻出現(xiàn)亮點(diǎn)之前離開,從而失去視頻的意義。