您的位置:首頁 >聚焦 >

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

2022-12-17 16:27:11    來源:程序員客棧
,

“內容消費升級”是近年的刷屏熱詞,而當前最主流的內容呈現形態便是全屏視頻流,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

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

相關閱讀

欧美视频线路在线_欧美中文字幕在线中出观看_中年美女露比自慰交配a一级片免费播放_九九精品国中文字幕在线视频