如何做優(yōu)質(zhì)網(wǎng)站?網(wǎng)站設(shè)計(jì)為什么不試試視頻背景?

2015-10-04    分類: 網(wǎng)站設(shè)計(jì)

網(wǎng)頁(yè)設(shè)計(jì)師面臨的大挑戰(zhàn)之一是捕捉和保持觀眾的注意力。在一個(gè)看似無(wú)休止的選項(xiàng)的世界里,人們?cè)诳旃?jié)奏的生活里,除非你的網(wǎng)站可以給他們一個(gè)令人信服的理由否則就只有關(guān)閉。視頻,(如果做的好,)是一個(gè)很好滿足觀眾好奇心的方式。
剛剛重新設(shè)計(jì)了我的網(wǎng)頁(yè)設(shè)計(jì)工作室的網(wǎng)站,我選擇了使用視頻背景,這很有道理。它采取了一些試驗(yàn)和錯(cuò)誤,期間也發(fā)現(xiàn)了一些技術(shù)上的困難但都被一一解決,最終的結(jié)果是我們所希望看到的。網(wǎng)站設(shè)計(jì)中為什么不試試視頻背景?
使用背景視頻的好處。在線視頻并不完全是新的,但它仍然是令人驚訝的是,我總是試圖說(shuō)服我的客戶在他們的網(wǎng)站上使用視頻,其中的的原因有很多。視頻可以:講一個(gè)故事??梢哉故灸愕臉I(yè)務(wù)。讓潛在客戶與你的業(yè)務(wù)聯(lián)系在一個(gè)更個(gè)人的水平上。提高轉(zhuǎn)化率。

所有這些好處都可以來(lái)自于更多的傳統(tǒng)的“消息”視頻,但背景視頻可以實(shí)現(xiàn)許多相同的東西。從本質(zhì)上講,這些類型的視頻喚起了一種情緒,并有助于打破存在的障礙。換言之,視頻使一個(gè)基于Web的業(yè)務(wù)似乎更真實(shí)。這是一個(gè)偉大的新聞,任何網(wǎng)站都專注于轉(zhuǎn)換,但是視頻背景也有一些其他的好處,包括:視覺(jué)傳達(dá)一個(gè)復(fù)雜的想法的能力。抓住你的用戶的注意力。

考慮所有的好處,為什么不是每一個(gè)網(wǎng)站都利用視頻的力量?這給我們帶來(lái)了弊端。雖然視頻背景有龐大的潛在用戶,但有一些事情要考慮:
1、頁(yè)面加載速度:現(xiàn)在我們知道用戶在等待它的時(shí)候不會(huì)停留在一個(gè)頁(yè)面上。在你失去他們之前,你有大約兩到三秒,所以你必須非常小心文件大小,特別是因?yàn)槟悴荒芸刂扑麄兊幕ヂ?lián)網(wǎng)速度。

2、潛在的分散注意力:一個(gè)正確執(zhí)行的視頻可以增強(qiáng)用戶體驗(yàn),而一個(gè)太豐富多彩,或有太多的事情分散用戶的注意力的視頻并不會(huì)增強(qiáng)用戶體驗(yàn)。

3、不理想的移動(dòng):當(dāng)你的聽(tīng)眾是在旅途中,你不能期望他們會(huì)上網(wǎng),我們都知道,移動(dòng)數(shù)據(jù)速度可是難以預(yù)測(cè)的。

現(xiàn)在,我們明白為什么視頻背景是有益的,以及網(wǎng)站視頻有什么缺點(diǎn),讓我們看看你可以做什么樣子的網(wǎng)站視頻。

1、文件大小/長(zhǎng)度

我們開(kāi)始運(yùn)用剪輯,運(yùn)行約30秒,與一個(gè)文件大小為28字節(jié)。在桌面上有一個(gè)很好的互聯(lián)網(wǎng)連接,這是好的。但我想知道,如果視頻不大用戶的連接速度是多少。我做了一些研究,某網(wǎng)站目前正在使用一個(gè)運(yùn)行10秒的視頻,這似乎更合理。所以我們做網(wǎng)站視頻背景也可以用這個(gè)長(zhǎng)度。

2、虛擬主機(jī)的選擇

一開(kāi)始,我被我自己的服務(wù)器上的視頻的想法嚇了一跳。我認(rèn)為它會(huì)在加載速度,所以我們最初選擇了他們被托管在YouTube。這并沒(méi)有走得那么好。首先,有一個(gè)嚴(yán)重滯后,而我們的網(wǎng)站是從YouTube調(diào)用了視頻。另外,更嚴(yán)重的問(wèn)題是,我的開(kāi)發(fā)是有問(wèn)題包括YouTube的用戶界面元素。所以,作為視頻播放,標(biāo)題顯示在前幾秒,在視頻結(jié)束,而不是循環(huán),它停了下來(lái),并顯示相關(guān)視頻。

3、保持它的微妙

視頻背景的提供了一個(gè)網(wǎng)站背后的個(gè)性。但要小心,不要用過(guò)分瘋狂的顏色和運(yùn)動(dòng)。它的效果最好,如果你可以使用一個(gè)有點(diǎn)靜音,單色的配色方案。有時(shí)很難控制,例如,如果工作區(qū)被拍攝是豐富多彩的或雜亂的。幸運(yùn)的是,有一個(gè)簡(jiǎn)單的修復(fù)可以應(yīng)用在編輯,或用CSS。簡(jiǎn)單地在視頻的頂部層一個(gè)半透明的面具,使其更柔和。
4、多設(shè)備設(shè)計(jì)

由于你永遠(yuǎn)不知道一個(gè)移動(dòng)瀏覽器的互聯(lián)網(wǎng)連接有多好或壞,我強(qiáng)烈建議提供一個(gè)靜止圖像的移動(dòng)瀏覽。

最后的思考

最后要提醒你,視頻做網(wǎng)站背景一定要設(shè)置視頻聲音是關(guān)閉的,否則就是一個(gè)失敗的用戶體驗(yàn)。使用視頻在你的網(wǎng)站上可以令人難以置信的強(qiáng)大。你可以告訴你的故事,創(chuàng)造一個(gè)情緒,并與你的觀眾建立信任。這是最持久的網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)的好理由。通過(guò)做正確的事情,并制作一個(gè)高品質(zhì)的視頻,不僅得到你的用戶的關(guān)注,還讓你看到了什么驅(qū)動(dòng)了你的業(yè)務(wù)。創(chuàng)新互聯(lián)(http://muchs.cn),專業(yè)網(wǎng)站建設(shè)、網(wǎng)站優(yōu)化、logo設(shè)計(jì)、品牌設(shè)計(jì)、印刷等產(chǎn)品服務(wù),歡迎新老顧客前來(lái)咨詢!咨詢熱線或QQ:1683211881

網(wǎng)頁(yè)標(biāo)題:如何做優(yōu)質(zhì)網(wǎng)站?網(wǎng)站設(shè)計(jì)為什么不試試視頻背景?
分享地址:http://muchs.cn/news/32970.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷seo公司;服務(wù)項(xiàng)目有網(wǎng)站設(shè)計(jì)

廣告

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

外貿(mào)網(wǎng)站制作