隨著網(wǎng)絡(luò)傳輸速度的提升，視頻在網(wǎng)頁(yè)中的應(yīng)用越來(lái)越多，也越來(lái)越廣泛，帶寬和流量對(duì)于網(wǎng)頁(yè)視頻的限制已經(jīng)不再像5年前那么明顯。而移動(dòng)端設(shè)備的性能的提升，在移動(dòng)端網(wǎng)頁(yè)中使用視頻也并不顯得吃力；所以，今天創(chuàng)新互聯(lián)常常能在不同的網(wǎng)頁(yè)設(shè)計(jì)中看到各種不同功用的視頻。

常言道一圖勝千言，而視頻比起圖片所能承載的信息量更大。如果能夠有效的使用視頻，它對(duì)于用戶(hù)的吸引力會(huì)非常明顯——它可以更好的傳遞情緒，更加富有表現(xiàn)力，能讓用戶(hù)更容易“感受”到你想要傳遞的信息。而且，視頻在文本中的體現(xiàn)，更加容易讓頁(yè)面獲得高權(quán)重，對(duì)于SEO而言是一件非常不錯(cuò)的操作，不過(guò)，相比于其他元素，視頻都比較“重”的媒體，使用的時(shí)候要謹(jǐn)慎。

今天這篇文章，我們來(lái)聊聊網(wǎng)頁(yè)設(shè)計(jì)中視頻的運(yùn)用技巧。

1、不要完全依賴(lài)視頻

無(wú)論是在網(wǎng)站還是APP當(dāng)中，用戶(hù)查看視頻的方式千差萬(wàn)別，并沒(méi)有一套完全標(biāo)準(zhǔn)化的規(guī)程。有些用戶(hù)喜歡立刻查看視頻，有些用戶(hù)則喜歡先查看周?chē)奈谋竞推渌男畔?，而且有的用?hù)希望能夠掌控視頻的播放與否，有些則完全不在意。從這個(gè)角度上來(lái)說(shuō)，如果視頻自動(dòng)播放，其實(shí)是無(wú)法確保用戶(hù)能夠即時(shí)查看的。因此，如果用戶(hù)無(wú)法直接訪(fǎng)問(wèn)內(nèi)容，或者單純的不想查看內(nèi)容的時(shí)候，應(yīng)該以某種方式提醒用戶(hù)。

小貼士：至少保證視頻中所包含的重要信息，以文字或者圖片這樣的靜態(tài)媒體的形式呈現(xiàn)出來(lái)。

2、自動(dòng)靜音

在默認(rèn)情況下，最好將音量設(shè)置為靜音，并且可以通過(guò)設(shè)置打開(kāi)。

當(dāng)用戶(hù)打開(kāi)網(wǎng)頁(yè)的時(shí)候，并不喜歡這種未經(jīng)許可就自動(dòng)播放的行為，因?yàn)橥夥诺穆曇舫３?huì)讓人驚愕。那些受此影響或者不想查看視頻的用戶(hù)，需要花費(fèi)額外的聲音來(lái)關(guān)閉外放的聲音，或者暫停播放，這些超出用戶(hù)預(yù)期的情況會(huì)打斷用戶(hù)正在做的事情，讓他們無(wú)法專(zhuān)注。忙亂之間，有的用戶(hù)能找到關(guān)閉音頻或者視頻的辦法，而有的用戶(hù)則會(huì)干脆關(guān)閉頁(yè)面或者APP，它給用戶(hù)帶來(lái)的負(fù)面影響是非常明顯的。

Facebook 的視頻同樣被設(shè)置為自動(dòng)播放，但是音頻并沒(méi)有默認(rèn)外放，而是保持關(guān)閉狀態(tài)，當(dāng)用戶(hù)決定查看視頻的時(shí)候，可以選擇音頻外放。

3、留下好的第一印象

視頻的表現(xiàn)力是非常突出的，冗長(zhǎng)的介紹不如直接而富有沖擊力的視覺(jué)呈現(xiàn)。

融入網(wǎng)頁(yè)的視頻，通常不會(huì)太長(zhǎng)，直觀而清晰的開(kāi)頭是非常重要的。網(wǎng)站如果本身不是Youtube 這種視頻平臺(tái)的話(huà)，用戶(hù)在此看到視頻的時(shí)候，通常會(huì)需要快速了解它所要呈現(xiàn)的內(nèi)容，了解其中的價(jià)值，否則他們會(huì)立刻轉(zhuǎn)向網(wǎng)站其他地方，尋求更加直觀可見(jiàn)的內(nèi)容。想要留住用戶(hù)，就需要讓視頻給用戶(hù)留下好的第一印象，抓住人們的注意力，讓他們盡可能留下來(lái)，將更多的時(shí)間花費(fèi)在這里。

4、充分利用每一秒

在網(wǎng)頁(yè)中所使用的視頻和電影的邏輯并不同，短小精悍的視頻更符合網(wǎng)頁(yè)的使用場(chǎng)景和用戶(hù)的心理需求。許多優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì)實(shí)例中，視頻大都是選擇是精悍綿密的剪輯。用戶(hù)無(wú)法像查看文字內(nèi)容一樣一目十行，快速了解信息，同時(shí)他們?cè)跒g覽網(wǎng)頁(yè)的時(shí)候并不會(huì)像在視頻平臺(tái)上那樣靜候劇情推進(jìn)，不同的場(chǎng)景和需求促使他們希望在網(wǎng)頁(yè)中更快獲取信息，所以，即使幾秒的等待也會(huì)讓用戶(hù)無(wú)法忍受。

小貼士：信息集中而又短小的視頻更容易引起訪(fǎng)客的注意力。

5、讓用戶(hù)來(lái)掌控

讓用戶(hù)來(lái)決定如何查看視頻、何時(shí)播放視頻才能讓視頻內(nèi)容真正為用戶(hù)所用。用戶(hù)應(yīng)當(dāng)能夠?qū)λ麄兯榭吹囊曨l進(jìn)行完全控制，無(wú)論是播放和暫停，還是音量的大小，都應(yīng)該在用戶(hù)的掌控范疇以?xún)?nèi)。當(dāng)然，控制權(quán)的大小和設(shè)計(jì)的目的是有關(guān)系的，和視頻在整個(gè)設(shè)計(jì)中的角色也有關(guān)系。有些視頻是作為視頻背景而存在，重在營(yíng)造氛圍，通常也不會(huì)有外放的聲音，很多時(shí)候并不會(huì)給用戶(hù)以較高的控制權(quán)，但是這樣也不會(huì)有太大的問(wèn)題。

6、確?？稍L(fǎng)問(wèn)性

為用戶(hù)提供多種不同獲取內(nèi)容的方式，提升網(wǎng)頁(yè)內(nèi)容本身的可訪(fǎng)問(wèn)性。對(duì)于無(wú)法查看或者無(wú)法聽(tīng)到視頻內(nèi)容的用戶(hù)而言，輔助性的字幕和完整的文本內(nèi)容是不錯(cuò)的補(bǔ)充方案。比如TED的視頻就涵蓋了字幕和文本內(nèi)容，兼顧到了許多有訪(fǎng)問(wèn)性問(wèn)題的用戶(hù)。

7、提供后續(xù)步驟

作為網(wǎng)頁(yè)的設(shè)計(jì)者，有必要考慮一下用戶(hù)看完視頻之后后續(xù)能做什么。實(shí)際上，許多網(wǎng)站的設(shè)計(jì)者并沒(méi)有深入的思考這樣的問(wèn)題，使得視頻最終僅僅只是作為單純的內(nèi)容而存在，當(dāng)用戶(hù)看完之后，并不會(huì)提供后續(xù)操作的可能性。實(shí)際上，當(dāng)用戶(hù)看完視頻之后，你可以引導(dǎo)他們查看更多的內(nèi)容，甚至將它融入到整個(gè)網(wǎng)頁(yè)的信息流當(dāng)中，讓內(nèi)容活起來(lái)。最常見(jiàn)的處理方法，就是推薦相關(guān)的視頻。

結(jié)語(yǔ)

視頻作為富媒體而存在，會(huì)在網(wǎng)頁(yè)和APP中越來(lái)越多的呈現(xiàn)，它的玩法眾多，用戶(hù)在體驗(yàn)和設(shè)計(jì)上的需求也千變?nèi)f化。如何讓視頻更加貼合使用場(chǎng)景，讓用戶(hù)積極參與，還能靈活地同其他內(nèi)容聯(lián)動(dòng)起來(lái)，都是設(shè)計(jì)師需要思考的問(wèn)題。

網(wǎng)站欄目：網(wǎng)頁(yè)設(shè)計(jì)中加入視頻富文本有哪些需要注意的？
文章來(lái)源：http://www.rwnh.cn/news16/158416.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供電子商務(wù)、App設(shè)計(jì)、定制網(wǎng)站、網(wǎng)站建設(shè)、移動(dòng)網(wǎng)站建設(shè)、服務(wù)器托管

廣告

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