，

“內(nèi)容消費(fèi)升級(jí)”是近年的刷屏熱詞，而當(dāng)前最主流的內(nèi)容呈現(xiàn)形態(tài)便是全屏視頻流，2022第三季度，短視頻行業(yè)月活躍用戶規(guī)模為 9.25 億人，同比增長(zhǎng) 4.5%，超越移動(dòng)互聯(lián)網(wǎng)整體的增速1，并且有高達(dá)73%的消費(fèi)者表示，他們更喜歡通過(guò)視頻來(lái)了解商品或服務(wù)，而不是閱讀靜態(tài)內(nèi)容2。

各大平臺(tái)逐漸發(fā)展出成熟的產(chǎn)品型態(tài)和多元的內(nèi)容類型，那么設(shè)計(jì)師該如何在既定的框架下尋求突破，讓用戶發(fā)現(xiàn)更多有趣內(nèi)容，讓行業(yè)商家獲得更大的發(fā)揮空間呢？

(資料圖)

#01

具兼容性的

全屏框架設(shè)計(jì)

01. 明確產(chǎn)品定位與功能分區(qū)

當(dāng)前市面上主流的全屏頁(yè)面結(jié)構(gòu)差距較小，考慮通用性和不同類型內(nèi)容的承載能力，基本可將頁(yè)面結(jié)構(gòu)區(qū)分為內(nèi)容展示區(qū)、主要信息區(qū)、互動(dòng)功能區(qū)和定制化組件區(qū)，依據(jù)產(chǎn)品定位設(shè)定統(tǒng)一的布局。

例如抖音、快手等產(chǎn)品本身定位即是視頻內(nèi)容，考慮底部全局導(dǎo)航的展示，互動(dòng)組件皆放置于右側(cè)形成L型的結(jié)構(gòu)。

▲Instagram＆抖音的L形結(jié)構(gòu)

而小紅書和微信視頻號(hào)將內(nèi)容全屏視為二級(jí)頁(yè)面，不需展示全局導(dǎo)航的情況下可將互動(dòng)功能固定在頁(yè)面底部，使得畫面更干凈純粹，降低對(duì)內(nèi)容本身的遮擋。

▲微信視頻號(hào)＆小紅書的上下結(jié)構(gòu)

02. 關(guān)注用戶操作手勢(shì)

若承載的內(nèi)容類型較復(fù)雜，更要注意操作手勢(shì)之間的沖突，如3D立體空間滑動(dòng)查看的手勢(shì)，在無(wú)盡流框架下可能需要改為僅左右滑動(dòng)或設(shè)定特定范圍，避免與切換下個(gè)內(nèi)容的上滑手勢(shì)產(chǎn)生沖突。此外，僅可能避免橫豎屏之間做切換的場(chǎng)景，若必要也需提供引導(dǎo)和便捷的手勢(shì)操作，如抖音及快手的橫向視頻下方都有全屏觀看提示，其他需切換橫豎屏的功能也要給用戶預(yù)期，避免直接強(qiáng)行切換。

▲淘寶3D樣板間手勢(shì) & 抖音全屏觀看提示

03. 確保體驗(yàn)的流暢性

將更多的信息前置可以讓內(nèi)容更豐富，在各組件點(diǎn)擊觸發(fā)后以輕量的浮層展示完整信息，可避免瀏覽體驗(yàn)被截?cái)?，降低用戶?lái)回操作的成本。各大平臺(tái)皆有引導(dǎo)用戶使用同款音樂(lè)、濾鏡或模版的組件，點(diǎn)擊后喚起浮層展示進(jìn)一步的功能操作。

抖音、微視和Instagram等皆嘗試動(dòng)態(tài)化前置精選的評(píng)論內(nèi)容，點(diǎn)擊后能看到全部評(píng)論信息與輸入框，方便用戶查看及參與。

▲ Snapchat與Facebook的評(píng)論前置與浮層

#02

全屏下多維內(nèi)容的展示

01. 行業(yè)特色表達(dá)

在內(nèi)容化的革新中，行業(yè)也在尋求新的發(fā)展空間，全屏結(jié)構(gòu)的優(yōu)勢(shì)便在于可展示豐富且具沉浸體感的內(nèi)容，在大范圍的展示區(qū)域內(nèi)依據(jù)行業(yè)訴求提供更自由的定制空間。

服飾獨(dú)有的搭配屬性可以在全屏頁(yè)面做很好的展現(xiàn)，淘寶的服飾搭配以全屏結(jié)構(gòu)展示單商品的多套搭配方案，以動(dòng)態(tài)錨點(diǎn)和組合價(jià)引導(dǎo)用戶進(jìn)行選購(gòu)。

▲ 淘寶服飾穿搭

汽車相關(guān)產(chǎn)品通常會(huì)使用橫向全屏展示其外觀和內(nèi)飾，功能組件和浮層也以左右區(qū)域展示為主，汽車之家的PK功能就利用橫向空間對(duì)比車系外觀，可同時(shí)多角度查看車型、色系和細(xì)節(jié)特寫等。

▲汽車之家內(nèi)飾展示＆車系PK

家裝常見(jiàn)的3D樣板間展示，能在360度場(chǎng)景中自由瀏覽及查看相關(guān)商品（IKEA、貝殼），部分產(chǎn)品還能提供視頻看房、AI解說(shuō)和VR帶看等服務(wù)，提供足不出戶便能看房的沉浸體驗(yàn)。

▲IKEA案例展示＆貝殼AI講房

02.內(nèi)容的強(qiáng)化與延伸

動(dòng)態(tài)化的內(nèi)容呈現(xiàn)較具情感張力，對(duì)人的視覺(jué)也有更有吸引力。有58%的Instagram用戶說(shuō)他們?cè)谙迺r(shí)動(dòng)態(tài)中看到某品牌或商品后會(huì)產(chǎn)生興趣；50%的人在限時(shí)動(dòng)態(tài)中看到某個(gè)產(chǎn)品或服務(wù)后訪問(wèn)了網(wǎng)站并進(jìn)行了購(gòu)買3。由此可見(jiàn)，如何在全屏框架內(nèi)將單一內(nèi)容發(fā)揮得更極致是一門學(xué)問(wèn)?！?淘寶全屏商品的動(dòng)態(tài)素材延伸淘寶的全屏商品流內(nèi)，邀請(qǐng)品牌商以全屏覆蓋的動(dòng)態(tài)素材做畫面延伸，打破固有框架的限制，營(yíng)造強(qiáng)烈的視覺(jué)沖擊感受，提升用戶進(jìn)一步了解商品的興趣。這樣的方式對(duì)內(nèi)容本身的展現(xiàn)有加乘效果，未來(lái)還可運(yùn)用到更多營(yíng)銷場(chǎng)景。03. 聲音與文本內(nèi)容可視化

除了動(dòng)態(tài)靜態(tài)的影像，聲音和純文本也是可以考慮進(jìn)來(lái)的一種內(nèi)容形式，透過(guò)可視化的素材將原本無(wú)影像的聲音和文字用更生動(dòng)的方式呈現(xiàn)。

Spotify以音樂(lè)MV做為內(nèi)容主體，能兼容功能操作區(qū)域的展示；Moo Music的全屏模式以背景大圖、動(dòng)態(tài)歌詞和底部隨聲音變化的音波，讓音樂(lè)有了”被看見(jiàn)”的可能。

▲ Spotify與Moo音樂(lè)沉浸播放模式

#03

趣味的互動(dòng)方式

健全的內(nèi)容生態(tài)需要更多創(chuàng)作者的參與，為了催生更多具真實(shí)感的優(yōu)質(zhì)內(nèi)容，對(duì)互動(dòng)的引導(dǎo)和簡(jiǎn)單好操作的發(fā)布功能是關(guān)鍵。各大平臺(tái)皆推出一些具自身特色的輕量互動(dòng)玩法。

Instagram提供表態(tài)、問(wèn)答、投票測(cè)驗(yàn)、輪到你了和倒數(shù)等趣味輕互動(dòng)組件，讓創(chuàng)作者能以最簡(jiǎn)便的方式在內(nèi)容中與受眾進(jìn)行互動(dòng)，也發(fā)展為產(chǎn)品的一種特色UGC形式。

▲Instagram趣味互動(dòng)功能

▲Instagram 提問(wèn)＆表態(tài)

▲抖音壁紙＆Instagram輪到你了

Facebook的動(dòng)態(tài)提供多種風(fēng)格的背景，讓用戶在發(fā)布純文字內(nèi)容時(shí)選用；抖音發(fā)布心情時(shí)可選擇3D虛擬角色，生成趣味的動(dòng)畫來(lái)表達(dá)用戶當(dāng)下?tīng)顟B(tài)。

▲ Facebook純文本發(fā)布器與抖音心情表態(tài)

寫在最后

以上分享了關(guān)于全屏框架設(shè)計(jì)的小TIPS以及在此框架下不同類型內(nèi)容的應(yīng)用場(chǎng)景，做為時(shí)下最受歡迎的內(nèi)容呈現(xiàn)載體，全屏展示能帶給用戶更沉浸、流暢而專注的瀏覽體驗(yàn)，而其中的設(shè)計(jì)還有很大的探索空間，歡迎大家在留言區(qū)一起探討喔！

參考資料

1. 互聯(lián)網(wǎng)傳媒行業(yè)2022年中期投資策略：筑底階段，把握細(xì)分賽道增長(zhǎng)機(jī)遇

2. Wyzowl, The State of Video Marketing

3. Instagram 故事。創(chuàng)建快速和難忘的內(nèi)容 Instagram for Business

關(guān)鍵詞： 內(nèi)容類型 產(chǎn)品定位