不止于視頻，讓精采內容沉浸起來

，

“內容消費升級”是近年的刷屏熱詞，而當前最主流的內容呈現形態便是全屏視頻流，2022第三季度，短視頻行業月活躍用戶規模為 9.25 億人，同比增長 4.5%，超越移動互聯網整體的增速1，并且有高達73%的消費者表示，他們更喜歡通過視頻來了解商品或服務，而不是閱讀靜態內容2。

各大平臺逐漸發展出成熟的產品型態和多元的內容類型，那么設計師該如何在既定的框架下尋求突破，讓用戶發現更多有趣內容，讓行業商家獲得更大的發揮空間呢？

(資料圖)

#01

具兼容性的

全屏框架設計

01. 明確產品定位與功能分區

當前市面上主流的全屏頁面結構差距較小，考慮通用性和不同類型內容的承載能力，基本可將頁面結構區分為內容展示區、主要信息區、互動功能區和定制化組件區，依據產品定位設定統一的布局。

例如抖音、快手等產品本身定位即是視頻內容，考慮底部全局導航的展示，互動組件皆放置于右側形成L型的結構。

▲Instagram＆抖音的L形結構

而小紅書和微信視頻號將內容全屏視為二級頁面，不需展示全局導航的情況下可將互動功能固定在頁面底部，使得畫面更干凈純粹，降低對內容本身的遮擋。

▲微信視頻號＆小紅書的上下結構

02. 關注用戶操作手勢

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

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

03. 確保體驗的流暢性

將更多的信息前置可以讓內容更豐富，在各組件點擊觸發后以輕量的浮層展示完整信息，可避免瀏覽體驗被截斷，降低用戶來回操作的成本。各大平臺皆有引導用戶使用同款音樂、濾鏡或模版的組件，點擊后喚起浮層展示進一步的功能操作。

抖音、微視和Instagram等皆嘗試動態化前置精選的評論內容，點擊后能看到全部評論信息與輸入框，方便用戶查看及參與。

▲ Snapchat與Facebook的評論前置與浮層

#02

全屏下多維內容的展示

01. 行業特色表達

在內容化的革新中，行業也在尋求新的發展空間，全屏結構的優勢便在于可展示豐富且具沉浸體感的內容，在大范圍的展示區域內依據行業訴求提供更自由的定制空間。

服飾獨有的搭配屬性可以在全屏頁面做很好的展現，淘寶的服飾搭配以全屏結構展示單商品的多套搭配方案，以動態錨點和組合價引導用戶進行選購。

▲ 淘寶服飾穿搭

汽車相關產品通常會使用橫向全屏展示其外觀和內飾，功能組件和浮層也以左右區域展示為主，汽車之家的PK功能就利用橫向空間對比車系外觀，可同時多角度查看車型、色系和細節特寫等。

▲汽車之家內飾展示＆車系PK

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

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

02.內容的強化與延伸

動態化的內容呈現較具情感張力，對人的視覺也有更有吸引力。有58%的Instagram用戶說他們在限時動態中看到某品牌或商品后會產生興趣；50%的人在限時動態中看到某個產品或服務后訪問了網站并進行了購買3。由此可見，如何在全屏框架內將單一內容發揮得更極致是一門學問?！?淘寶全屏商品的動態素材延伸淘寶的全屏商品流內，邀請品牌商以全屏覆蓋的動態素材做畫面延伸，打破固有框架的限制，營造強烈的視覺沖擊感受，提升用戶進一步了解商品的興趣。這樣的方式對內容本身的展現有加乘效果，未來還可運用到更多營銷場景。03. 聲音與文本內容可視化

除了動態靜態的影像，聲音和純文本也是可以考慮進來的一種內容形式，透過可視化的素材將原本無影像的聲音和文字用更生動的方式呈現。

Spotify以音樂MV做為內容主體，能兼容功能操作區域的展示；Moo Music的全屏模式以背景大圖、動態歌詞和底部隨聲音變化的音波，讓音樂有了”被看見”的可能。

▲ Spotify與Moo音樂沉浸播放模式

#03

趣味的互動方式

健全的內容生態需要更多創作者的參與，為了催生更多具真實感的優質內容，對互動的引導和簡單好操作的發布功能是關鍵。各大平臺皆推出一些具自身特色的輕量互動玩法。

Instagram提供表態、問答、投票測驗、輪到你了和倒數等趣味輕互動組件，讓創作者能以最簡便的方式在內容中與受眾進行互動，也發展為產品的一種特色UGC形式。

▲Instagram趣味互動功能

▲Instagram 提問＆表態

▲抖音壁紙＆Instagram輪到你了

Facebook的動態提供多種風格的背景，讓用戶在發布純文字內容時選用；抖音發布心情時可選擇3D虛擬角色，生成趣味的動畫來表達用戶當下狀態。

▲ Facebook純文本發布器與抖音心情表態

寫在最后

以上分享了關于全屏框架設計的小TIPS以及在此框架下不同類型內容的應用場景，做為時下最受歡迎的內容呈現載體，全屏展示能帶給用戶更沉浸、流暢而專注的瀏覽體驗，而其中的設計還有很大的探索空間，歡迎大家在留言區一起探討喔！

參考資料

1. 互聯網傳媒行業2022年中期投資策略：筑底階段，把握細分賽道增長機遇

2. Wyzowl, The State of Video Marketing

3. Instagram 故事。創建快速和難忘的內容 Instagram for Business

關鍵詞： 內容類型 產品定位