視頻融入網(wǎng)頁(yè)設(shè)計(jì)都有什么講究?
發(fā)布時(shí)間:2021-12-18 10:00 [ 我要自學(xué)網(wǎng)原創(chuàng) ] 發(fā)布人: 小劉2175

隨著網(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è)中使用視頻也并不顯得吃力。所以,今天我們常常能在不同的網(wǎng)頁(yè)中看到各種不同功用的視頻。

常言道一圖勝千言,而視頻比起圖片所能承載的信息量更大。如果能夠有效的使用視頻,它對(duì)于用戶的吸引力會(huì)非常明顯——它可以更好的傳遞情緒,更加富有表現(xiàn)力,能讓用戶更容易“感受”到你想要傳遞的信息。不過(guò),相比于其他元素,視頻都比較“重”的媒體,使用的時(shí)候要謹(jǐn)慎。

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


1、不要完全依賴視頻


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

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


2、自動(dòng)靜音


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

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

將視頻融入網(wǎng)頁(yè)設(shè)計(jì)有哪些講究?

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


3、留下好的第一印象


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

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


4、充分利用每一秒


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

將視頻融入網(wǎng)頁(yè)設(shè)計(jì)有哪些講究?

小貼士:信息集中而又短小的視頻更容易引起訪客的注意力。


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


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

將視頻融入網(wǎng)頁(yè)設(shè)計(jì)有哪些講究?


6、確?稍L問(wèn)性


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

將視頻融入網(wǎng)頁(yè)設(shè)計(jì)有哪些講究?

小貼士:將相關(guān)的文本內(nèi)容放在靠近視頻的地方,便于用戶獲取信息。


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


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

將視頻融入網(wǎng)頁(yè)設(shè)計(jì)有哪些講究?


結(jié)語(yǔ)


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

HTML基礎(chǔ)視頻教程
我要自學(xué)網(wǎng)商城 ¥30 元
進(jìn)入購(gòu)買
文章評(píng)論
0 條評(píng)論 按熱度排序 按時(shí)間排序 /350
添加表情
遵守中華人民共和國(guó)的各項(xiàng)道德法規(guī),
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任,
本站有權(quán)保留或刪除有爭(zhēng)議評(píng)論。
參與本評(píng)論即表明您已經(jīng)閱讀并接受
上述條款。
V
特惠充值
聯(lián)系客服
APP下載
官方微信
返回頂部
分類選擇:
電腦辦公 平面設(shè)計(jì) 室內(nèi)設(shè)計(jì) 室外設(shè)計(jì) 機(jī)械設(shè)計(jì) 工業(yè)自動(dòng)化 影視動(dòng)畫 程序開發(fā) 網(wǎng)頁(yè)設(shè)計(jì) 會(huì)計(jì)課程 興趣成長(zhǎng) AIGC