如何做好視頻搜索的體驗？來看百度高手的案例復盤！

視頻化時代用戶消費越加傾向于豐富直觀的視頻承載形式，文章從體驗視角出發，分享設計師如何在搜索視頻化過程中發揮自己的價值。

我們正處在一個內容視頻化的時代，短視頻平臺的崛起使人們從消費內容到創作內容都越來越傾向于視頻這種更加豐富、直觀的承載形式。在近兩年各大視頻內容巨頭紛紛發力搜索的態勢下，百度搜索正通過視頻化戰略轉型迎接挑戰。本文將帶你了解設計師怎樣在搜索視頻化的過程中發揮自己價值。

背景

百度搜索作為傳統搜索引擎，內容瀏覽框架與內容消費體驗都更符合圖文類資源的特點。在視頻化趨勢下，用戶搜索、瀏覽、消費視頻的需求日益增長，原有的瀏覽框架導致用戶在搜索后難以觸達視頻結果、消費時難以切換不同場景。此外在視頻消費體驗上還存在播放流暢性不佳、視頻品質感較差等問題，用戶感知未到達最佳水平。故我們綜合百度自身特點與用戶使用習慣，從強化認知、提升品質兩方面出發，升級視頻搜索全鏈路框架，提升搜索視頻體驗及品質。

升級視頻搜索全鏈路框架

在對百度搜索所有視頻場景梳理的過程中，我們發現用戶篩選與消費視頻的過程中存在篩選效率低、消費不暢快等問題：在綜合搜索結果頁由于其他資源類型的存在，用戶很難暢快消費視頻；視頻結果頁雖能滿足用戶消費視頻的訴求，但該路徑的用戶認知較弱，操作成本也較高；此外橫豎不同形態的視頻各有獨立的結果頁與落地頁，消費場景割裂。為強化用戶對視頻搜索的認知，降低視頻觸達成本，我們對視頻搜索全鏈路框架進行了升級。

1.「負一樓框架」前置滿足，暢快瀏覽

綜合搜索結果頁是用戶最先觸達的場景，為平衡用戶暢快瀏覽視頻與消費綜合搜索結果的訴求，我們開拓了負一樓平行框架，即上層頁面展示綜合結果，下層負一樓頁面展示視頻結果。當用戶搜索與視頻關聯度較高的搜索詞時會自動進入負一樓頁面，用戶可上滑瀏覽視頻，也可上拉或點擊上層面板返回綜合結果。設計實施過程中，我們圍繞“打造可暢快瀏覽的視頻消費框架”的目標，第一步定義頁面框架結構，第二步打磨感知體驗，第三步輔助用戶認知。

定義框架結構

首先明確頁面層級，從下至上分別為視頻結果層、綜合搜索結果層與全局框架層。接著劃定視頻結果與綜合結果的布局占比，用戶消費視頻結果的速度與滑動頻率均高于綜合結果，為保證視頻瀏覽的順暢感與操作效率，需保證視頻占比盡可能更多。所以綜合結果面板僅露出 tab，不展示搜索結果，讓用戶的注意力更聚焦于視頻內容的同時保證用戶可以來去自由。

打磨感知體驗

確定框架結構后我們分別從視覺層與觸覺層打磨感知體驗。歷史實驗數據表明，深色系的背景色比淺色系的背景色更能幫助用戶聚焦于視頻內容本身，從而提升視頻消費數量與時長，于是我們在負一樓通過較深的氛圍底色帶給用戶更沉浸的消費感知，同時也與綜合結果形成對比差異，加深用戶記憶。在手勢切換框架的過程中存在觸發框架移動的臨界值，當拖動位置到達臨界值時會產生 1 次震動反饋，提示用戶此時松手后框架自動切換，以降低用戶認知成本。

輔助用戶認知

為輔助用戶建立對負一樓新框架的認知，我們通過三階引導在不同時機引導用戶進行不同操作。當一個新用戶進入負一樓后「引導 1」會通過面板上下彈動的效果引導用戶上拉面板，幫助用戶理解框架結構，引導用戶進入綜合結果；進入綜合結果后「引導 2」通過頁面自動下拉的效果幫用戶認知返回路徑；當用戶重新進入負一樓且一段時間內無操作「引導 3」會引導用戶上滑瀏覽視頻。這三個引導緊密配合，有效輔助用戶快速建立全新的使用習慣。

2.「五合框架」強化認知，操作提效

為養成用戶視頻垂直搜索的認知，縮短綜合結果頁到視頻 tab 的路徑，我們將原有的 19 個 tab 框架，精簡為僅外露 5 個 tab 的五合框架，同時視頻 tab 固定在各頻道首位，形成強聚焦，減少信息干擾，降低篩選成本；新增橫劃切 tab 手勢交互，用戶在搜索結果頁輕松一滑，即可快速觸達視頻 tab。雙管齊下降低用戶視頻搜索成本，養成百度視頻搜索認知。

3.「融合框架」橫豎融合，場景打通

在不同資源的分發方式上我們也做了一些改變，過去橫版視頻由「視頻結果頁」承載，豎版視頻由「小視頻結果頁」承載，需手動點擊 tab 進行切換，而對應的 2 個落地頁也分別獨立，互不打通。隨著中視頻的發展，橫豎視頻的時長與內容類型越來越接近，消費場景也逐步趨近。而原有框架消費場景割裂，操作成本高，消費路徑長，已不足以支撐用戶便捷篩選瀏覽的需求。于是我們將兩個獨立的 tab 合并為視頻頻道下二級 tab，并將兩個獨立的落地頁進行融合。

融合結果頁

場景融合后二級 tab 供用戶初步資源篩選；接下來新增排序功能，供用戶進一步針對時效、熱度篩選；最后 tag search 供用戶深度精細化篩選，最終通過三層遞進式篩選得到精準的需求滿足。同時加入智能化交互反饋，跟隨用戶手勢預判當前階段用戶訴求，決定二級 tab、排序、tag search 功能的展開收起。

融合落地頁

結果頁通過合并二級 tab 有效縮短了用戶路徑，而落地頁作為視頻消費的主要場景也存在著消費場景割裂的問題。于是我們將原有的兩個落地頁進行了打通融合，用戶可在一個落地頁混合瀏覽視頻，此外還拓展了橫屏分發新場景，用戶在橫屏也可上滑瀏覽推薦視頻。經過以上一系列升級，搜索視頻的分發效率進一步提升。

提升搜索視頻體驗及品質

百度搜索結果為多類型資源混排構成，隨搜索視頻化戰略轉型，視頻資源在結果頁占比大幅提升，視頻既需遵循整頁基礎設計規范，保障用戶搜索體驗一致性；同時又需持續打磨，提升視頻資源獨有的播放體驗品質感。所以如何在保障整頁消費體驗基礎上，最大限度的提升視頻品質感是我們面對的一大難題?；诖宋覀儾捎脙刹阶叽蚍ǎ谝徊揭曨l資源播出來，第二步品質體驗提起來。

第一步：視頻資源播出來

原搜索結果頁各類資源采用統一模版結構，資源展示趨同，視頻相關正向描述元素不突出，用戶快速篩選、識別視頻資源的成本較高，視頻播放器較小且不支持自動播放，需點擊進入落地頁觀看消費，整體操作成本較高，導致用戶消費路徑變長，效率降低。我們將問題歸納分為 3 類，并逐一擊破。

強化視頻展示

為解決視頻展示不突出，用戶難以在眾多資源中快速識別的問題，我們優化視頻資源卡結構，將播放器按照百度搜索柵格規范放至最大化，強化視頻展示。

視頻自動播放

同時引入視頻自動播放能力，將消費場景前置，縮短路徑，使用戶方便快捷的在當前頁觀看視頻。

信息合理布局

視頻能力升級后，多個引入視頻載體的業務同步升級。首先我們對引入視頻資源的 11 個業務進行全面摸底，將信息歸納為兩大類：1、通用基礎信息 2、定制化信息。接下來制定信息展示原則：通用基礎信息為必備，保證視頻核心信息傳達完整性；定制化信息根據各業務需求自選，確認特殊訴求兼容性。最后根據用戶觀看和使用習慣將功能、信息進行分區，保障用戶統一認知，提升多業務引用效率及后續可拓展性。

第二步：品質體驗提起來

視頻升級為自動播放后，用戶對視頻播放、瀏覽體驗的要求隨之提高，細微的不順暢也會被肉眼放大為強烈的卡頓感。故此時升級視頻播放品質變得至關重要。我們根據用戶消費行為，將優化分為兩個維度：單一播放和聯動瀏覽。再將兩個維度細分為三種場景：1、單一視頻在單頁面內的播放；2、單一視頻跨頁面瀏覽；3、多視頻在單頁面輪換瀏覽。最終確認兩大優化方向：播放體驗流暢性提升、瀏覽體驗順暢性升級，并制定針對性解法。

播放體驗流暢性-信息交互動效升級

數據研究表明，用戶觀看視頻的深入程度，可劃分為 3 個階段，我們針對不同階段精準匹配信息交互規則。第一階段視頻未播放，用戶在眾多結果中粗略篩選，應盡可能全面的展示信息，輔助用戶決策。第二階段視頻起播用戶開始觀看，此時展示操作功能，并突出展示正向信息，吸引用戶點擊。第三階段視頻播放 5 秒以上，用戶進入沉浸觀看狀態，此時各類信息退化，保證清爽、沉浸的消費體驗。最后增加信息精細化動效，規避卡頓感，保證視頻播放流暢性。

瀏覽體驗流暢性

針對單一視頻跨頁面消費場景，續播精準度和銜接順暢性至關重要。針對單一頁面內多個視頻輪換播放，如何在不影響用戶瀏覽其他資源的前提下，保證多視頻輪換播放順暢性也是重中之重。視覺和聽覺是用戶獲取視頻內容的感官，所以視頻播放畫面、聲音順暢性成為了瀏覽流暢性的關鍵因素。所以我們從體驗視角出發，建立搜索場景各頁面播放、聲音雙聯動機制。

① 視頻播放聯動

首先是視頻播放聯動，我們將視頻播放拆分為起播、續播、連播 3 部分，分析現狀并找出核心問題點。由于頁面資源混排，視頻化未發力前遺留一系列問題：視頻起播門檻高、優先播放邏輯混亂、同一視頻播放進度各頁面不聯動，視頻消費不連貫等，已嚴重影響視頻搜索體驗與品質感。

降低起播條件，視頻外露比例由 70%降低為超過 30%，播放器可視區域滿足用戶可真實觀看條件即起播，強化視頻搜索認知；

升級優先播邏輯，當頁面存在多個視頻時，播放器外露比例 PK，外露比例大的優先播放，符合用戶預期保障觀看體驗；

新增手勢聯動，當頁面存在多個外露比例相同的視頻時，根據手勢滑動方向判斷視頻播放情況，智能預判用戶觀看意圖；

優化續播交互，支持視頻暫停在當前幀，二次起播不再展示封面；點擊跳轉落地頁后返回精準續播點擊過的視頻，提高消費及分發效率；

新增自動連播，在純視頻瀏覽態場景下，當前視頻完播后自動連播下一條，減少操作步長保障視頻消費流暢性。

②視頻聲音聯動

然后是聲音聯動，原搜索場景內各頁面以及搜索結果頁各視頻，聲音狀態各自獨立互不影響，而聲音作為視頻傳達的核心內容之一，狀態不聯動導致用戶針對聲音頻繁重復操作，各場景割裂感強烈，視頻瀏覽體驗極差，故在視頻搜索場景下升級聲音聯動機制。

分場景定狀態：綜合搜索結果頁為篩選瀏覽場景默認無聲狀態，融合落地頁為沉浸消費場景默認有聲；

交互智能響應：用戶有對聲音的主動交互行為（佩戴耳機、調節物理聲音按鍵、點擊聲音按鈕）后，切換為有聲播放；

頁面聲音聯動：在綜合搜索結果頁、視頻結果頁任一頁面調節聲音后，頁面發生滑動或跳轉，聲音狀態聯動跟隨。

寫在最后

在搜索視頻化進擊的過程中，我們從體驗視角出發，通過對視頻搜索全鏈路框架的升級，強化了用戶視頻搜索認知，降低了視頻觸達成本。通過對視頻自動播能力升級、播放器信息布局的統一、播放與瀏覽體驗流暢性的打磨，搜索視頻品質感全面升級，用戶體驗也更加細膩、流暢、自然。經過以上一系列優化后，用戶瀏覽消費視頻的數量和時長等指標均顯著增長。未來視頻化方向的角逐會愈發激烈，我們將進一步探索百度搜索自身特色，一起做體驗最好的視頻搜索。

歡迎關注作者的微信公眾號：「百度MEUX」