全民小視頻體驗升級設計思路探索

編輯導語:這兩年短視頻平台迅猛發展,全民可自由創作和發表作品的時代到來,短視頻行業的規模也越來越大;如今人們對於信息獲取量增大,短視頻可以有效快速的取得更多信息,用户體驗更佳;本文作者分享了關於全民小視頻體驗升級設計思路的探索,我們一起來看一下。

全民小視頻體驗升級設計思路探索

2020年初,隨着短視頻競爭白熱化,全民小視頻在尋找差異化路徑來提升時長,戰略定位為泛知識類內容調性,同時,期望覆蓋更加年輕的用户羣體;基於對產品訴求和用户特徵的分析,我們對產品體驗進行了全新升級,給予用户更沉浸的視頻消費體驗,並探索出全新的設計語言。

設計思路探索:

一個大型產品的體驗升級,首先要保持用户體驗的一致性,各角色高效協作使產品快速迭代;其次創造良好的沉浸式體驗來提升時長,讓產品在未來的道路上更富有生命力;最後要具備打動年輕用户的獨特魅力。

基於此設定了三個設計目標:有序、沉浸、元氣。

全民小視頻體驗升級設計思路探索
一、有序 | Order

全新的設計語言是顛覆性的從淺色風格升級為更沉浸的深色風格,要確保有序的落地,就需要有系統化的思維。

色彩是基礎供給,從形成對應淺色風格的色彩映射入手,到元素、控件、組件再擴展到更多的場景,我們不斷的完善和推進組件的平台化能力,從而以更小的成本有規律的完成落地。

全民小視頻體驗升級設計思路探索
全民小視頻體驗升級設計思路探索
二、沉浸體驗 | Immerse

如何在視覺體驗上營造沉浸式視頻消費的快感呢,結合現實場景中觀影體驗,我們採用了「環境氛圍營造」和「視覺降噪」兩個手段讓用户更加聚焦視頻內容,從而打破時長瓶頸。

1. 沉浸氛圍感營造

現實生活中,人們去電影院觀影,黑暗的環境更容易讓我們身臨其境,沉浸於故事情節。

在界面設計中,深色界面相對於白色更容易將視頻這種動態影像凸顯出來;產品從選擇式消費的feed流,改變為直接消費的大屏自動播放模式,也成為UI直接使用深色的一大契機;深色界面不僅可以減少切換跳出感,還可以營造沉浸式觀看的氛圍。

全民小視頻體驗升級設計思路探索

智能取色:音樂/貼紙/話題/主題的聚合頁採用自動提取專輯封面的色彩作為動態背景,營造沉浸的氛圍感。

全民小視頻體驗升級設計思路探索
2. 視覺降噪聚焦內容

在影院裏觀影開始時,周圍的燈光會隨着影片的開始而逐漸消失,讓觀影者完全聚焦於視頻內容。

有感而發,我們在視頻觀看界面裏,將非視頻區信息縮小/去色、採用透明的icon給予更沉浸的觀感體驗,當視頻播放7s後,信息將自動降低透明度。

三、元氣的設計語言 | Vitality

在視覺品牌基因上,致力於打造符合年輕人審美充滿活力的品牌形象,我們採用明亮多元的色彩體系、極簡幾何美學,來營造獨特品牌記憶點。

1. 明亮多元的色彩體系

基於品牌整體年輕活力的基調,和人眼在深色背景下的閲讀舒適性;我們對品牌標準色進行了升級,保持延續性,將S飽和度降至70,以H色相±2、S飽和度±5為階梯生成更多色階,同時建立更多元的輔助色彩體系,讓品牌充滿元氣和賦有想象力。

全民小視頻體驗升級設計思路探索
2. 極簡幾何美學向上

建立一個兼具打動年輕人、符合泛知識化戰略定位的設計語言,就要求既有很強的張力和視覺效果,又能散發出包容、內斂的氣息,優雅而高級;受俄羅斯藝術流派「至上主義」的藝術概念啓發,找到了與產品性格相符的設計語言——極簡幾何美學。

聚焦個人頁頭圖去建立屬於我們獨特的視覺DNA;頭圖和作者ID的首字母做匹配,打造作者專屬圖像,注重個性表達;採用極簡利落的幾何線條、鄰近色的配色來構建每一個字母;再將其3D化,通過對光影明暗的塑造,創造出富有生氣的立體畫面,賦予產品年輕活力的品牌個性。

從個人頁3D頭圖,幾何切割圖標語言,到全場景的氛圍穿透,都在傳遞鮮活生動的品牌感知。

全民小視頻體驗升級設計思路探索
全民小視頻體驗升級設計思路探索
全民小視頻體驗升級設計思路探索
全民小視頻體驗升級設計思路探索
全民小視頻體驗升級設計思路探索
全民小視頻體驗升級設計思路探索
3. 品牌穿透

極簡幾何的基因特徵不只停留在圖像和圖標中,同時在品牌傳播官網、渠道商店圖等場景透出,更多維度的展現,形成品牌資產,不斷強化用户心智。

全民小視頻體驗升級設計思路探索
四、寫在最後

打造品牌DNA的方法多種多樣,可從底層去分析視覺語言基礎元素,即圖形、色彩、質感、構成、字體、動效、圖像等元素的綜合運用來打造;我們只需綜合運用一兩種基礎元素即可。

本次改版我們運用「幾何圖形」和「明亮色彩」元素,定義了具有獨特性的品牌DNA,接下來我們將在更多場景中去強化和運用它,從而提升產品的品牌調性和識別性,也請期待文娛團隊未來在視頻領域帶來更多用户價值與創新。

作者:百度MEUX,百度移動生態用户體驗設計中心,負責百度移動生態體系的用户/商業產品的全鏈路體驗設計。

本文由@百度MEUX 原創發佈於人人都是產品經理,未經許可,禁止轉載。

題圖來自Unsplash, 基於CC0協議

版權聲明:本文源自 網絡, 於,由 楠木軒 整理發佈,共 1807 字。

轉載請註明: 全民小視頻體驗升級設計思路探索 - 楠木軒