編輯導語：如今，短視頻無處不在，視頻搜索功能就顯得尤為重要。在內(nèi)容時代，短視頻平臺越來越重視視頻種類以及創(chuàng)作的多樣化，面對這樣的背景，設計師如何優(yōu)化視頻搜索，發(fā)揮自己的價值？

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

背景

百度搜索作為傳統(tǒng)搜索引擎，內(nèi)容瀏覽框架與內(nèi)容消費體驗都更符合圖文類資源的特點。在視頻化趨勢下，用戶搜索、瀏覽、消費視頻的需求日益增長，原有的瀏覽框架導致用戶在搜索后難以觸達視頻結果、消費時難以切換不同場景。

此外在視頻消費體驗上還存在播放流暢性不佳、視頻品質(zhì)感較差等問題，用戶感知未到達最佳水平。故我們綜合百度自身特點與用戶使用習慣，從強化認知、提升品質(zhì)兩方面出發(fā)，升級視頻搜索全鏈路框架，提升搜索視頻體驗及品質(zhì)。

一、升級視頻搜索全鏈路框架

在對百度搜索所有視頻場景梳理的過程中，我們發(fā)現(xiàn)用戶篩選與消費視頻的過程中存在篩選效率低、消費不暢快等問題：在綜合搜索結果頁由于其他資源類型的存在，用戶很難暢快消費視頻；

視頻結果頁雖能滿足用戶消費視頻的訴求，但該路徑的用戶認知較弱，操作成本也較高；

此外橫豎不同形態(tài)的視頻各有獨立的結果頁與落地頁，消費場景割裂。為強化用戶對視頻搜索的認知，降低視頻觸達成本，我們對視頻搜索全鏈路框架進行了升級。

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

綜合搜索結果頁是用戶最先觸達的場景，為平衡用戶暢快瀏覽視頻與消費綜合搜索結果的訴求，我們開拓了負一樓平行框架，即上層頁面展示綜合結果，下層負一樓頁面展示視頻結果。

當用戶搜索與視頻關聯(lián)度較高的搜索詞時會自動進入負一樓頁面，用戶可上滑瀏覽視頻，也可上拉或點擊上層面板返回綜合結果。設計實施過程中，我們圍繞“打造可暢快瀏覽的視頻消費框架”的目標，第一步定義頁面框架結構，第二步打磨感知體驗，第三步輔助用戶認知。

1-1定義框架結構

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

1-2打磨感知體驗

確定框架結構后我們分別從視覺層與觸覺層打磨感知體驗。歷史實驗數(shù)據(jù)表明，深色系的背景色比淺色系的背景色更能幫助用戶聚焦于視頻內(nèi)容本身，從而提升視頻消費數(shù)量與時長，于是我們在負一樓通過較深的氛圍底色帶給用戶更沉浸的消費感知，同時也與綜合結果形成對比差異，加深用戶記憶。

在手勢切換框架的過程中存在觸發(fā)框架移動的臨界值，當拖動位置到達臨界值時會產(chǎn)生1次震動反饋，提示用戶此時松手后框架自動切換，以降低用戶認知成本。

1-3輔助用戶認知

為輔助用戶建立對負一樓新框架的認知，我們通過三階引導在不同時機引導用戶進行不同操作。

當一個新用戶進入負一樓后【引導1】會通過面板上下彈動的效果引導用戶上拉面板，幫助用戶理解框架結構，引導用戶進入綜合結果；進入綜合結果后【引導2】通過頁面自動下拉的效果幫用戶認知返回路徑；當用戶重新進入負一樓且一段時間內(nèi)無操作【引導3】會引導用戶上滑瀏覽視頻。

這三個引導緊密配合，有效輔助用戶快速建立全新的使用習慣。

2.【五合框架】強化認知，操作提效

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

3.【融合框架】橫豎融合，場景打通

在不同資源的分發(fā)方式上我們也做了一些改變，過去橫版視頻由【視頻結果頁】承載，豎版視頻由【小視頻結果頁】承載，需手動點擊tab進行切換，而對應的2個落地頁也分別獨立，互不打通。

隨著中視頻的發(fā)展，橫豎視頻的時長與內(nèi)容類型越來越接近，消費場景也逐步趨近。而原有框架消費場景割裂，操作成本高，消費路徑長，已不足以支撐用戶便捷篩選瀏覽的需求。于是我們將兩個獨立的tab合并為視頻頻道下二級tab，并將兩個獨立的落地頁進行融合。

3-1融合結果頁

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

3-2融合落地頁

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

二、提升搜索視頻體驗及品質(zhì)

百度搜索結果為多類型資源混排構成，隨搜索視頻化戰(zhàn)略轉(zhuǎn)型，視頻資源在結果頁占比大幅提升，視頻既需遵循整頁基礎設計規(guī)范，保障用戶搜索體驗一致性；同時又需持續(xù)打磨，提升視頻資源獨有的播放體驗品質(zhì)感。

所以如何在保障整頁消費體驗基礎上，最大限度的提升視頻品質(zhì)感是我們面對的一大難題?；诖宋覀儾捎脙刹阶叽蚍ǎ谝徊揭曨l資源播出來，第二步品質(zhì)體驗提起來。

第一步：視頻資源播出來

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

1-1 強化視頻展示

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

1-2 視頻自動播放

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

1-3 信息合理布局

視頻能力升級后，多個引入視頻載體的業(yè)務同步升級。首先我們對引入視頻資源的11個業(yè)務進行全面摸底，將信息歸納為兩大類：

1. 通用基礎信息
2. 定制化信息

接下來制定信息展示原則：通用基礎信息為必備，保證視頻核心信息傳達完整性；定制化信息根據(jù)各業(yè)務需求自選，確認特殊訴求兼容性。最后根據(jù)用戶觀看和使用習慣將功能、信息進行分區(qū)，保障用戶統(tǒng)一認知，提升多業(yè)務引用效率及后續(xù)可拓展性。

第二步：品質(zhì)體驗提起來

視頻升級為自動播放后，用戶對視頻播放、瀏覽體驗的要求隨之提高，細微的不順暢也會被肉眼放大為強烈的卡頓感。故此時升級視頻播放品質(zhì)變得至關重要。

我們根據(jù)用戶消費行為，將優(yōu)化分為兩個維度：單一播放和聯(lián)動瀏覽。再將兩個維度細分為三種場景：

1. 單一視頻在單頁面內(nèi)的播放；
2. 單一視頻跨頁面瀏覽；
3. 多視頻在單頁面輪換瀏覽。

最終確認兩大優(yōu)化方向：播放體驗流暢性提升、瀏覽體驗順暢性升級，并制定針對性解法。

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

數(shù)據(jù)研究表明，用戶觀看視頻的深入程度，可劃分為3個階段，我們針對不同階段精準匹配信息交互規(guī)則。

第一階段視頻未播放，用戶在眾多結果中粗略篩選，應盡可能全面的展示信息，輔助用戶決策。

第二階段視頻起播用戶開始觀看，此時展示操作功能，并突出展示正向信息，吸引用戶點擊。

第三階段視頻播放5秒以上，用戶進入沉浸觀看狀態(tài)，此時各類信息退化，保證清爽、沉浸的消費體驗。最后增加信息精細化動效，規(guī)避卡頓感，保證視頻播放流暢性。

2-2 瀏覽體驗流暢性

針對單一視頻跨頁面消費場景，續(xù)播精準度和銜接順暢性至關重要。

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

2-2-1 視頻播放聯(lián)動

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

• 降低起播條件，視頻外露比例由70%降低為超過30%，播放器可視區(qū)域滿足用戶可真實觀看條件即起播，強化視頻搜索認知；
• 升級優(yōu)先播邏輯，當頁面存在多個視頻時，播放器外露比例PK，外露比例大的優(yōu)先播放，符合用戶預期保障觀看體驗；
• 新增手勢聯(lián)動，當頁面存在多個外露比例相同的視頻時，根據(jù)手勢滑動方向判斷視頻播放情況，智能預判用戶觀看意圖；
• 優(yōu)化續(xù)播交互，支持視頻暫停在當前幀，二次起播不再展示封面；點擊跳轉(zhuǎn)落地頁后返回精準續(xù)播點擊過的視頻，提高消費及分發(fā)效率；
• 新增自動連播，在純視頻瀏覽態(tài)場景下，當前視頻完播后自動連播下一條，減少操作步長保障視頻消費流暢性。

2-2-2 視頻聲音聯(lián)動

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

• 分場景定狀態(tài)：綜合搜索結果頁為篩選瀏覽場景默認無聲狀態(tài)，融合落地頁為沉浸消費場景默認有聲；
• 交互智能響應：用戶有對聲音的主動交互行為（佩戴耳機、調(diào)節(jié)物理聲音按鍵、點擊聲音按鈕）后，切換為有聲播放；

• 頁面聲音聯(lián)動：在綜合搜索結果頁、視頻結果頁任一頁面調(diào)節(jié)聲音后，頁面發(fā)生滑動或跳轉(zhuǎn)，聲音狀態(tài)聯(lián)動跟隨。

寫在最后

在搜索視頻化進擊的過程中，我們從體驗視角出發(fā)，通過對視頻搜索全鏈路框架的升級，強化了用戶視頻搜索認知，降低了視頻觸達成本。通過對視頻自動播能力升級、播放器信息布局的統(tǒng)一、播放與瀏覽體驗流暢性的打磨，搜索視頻品質(zhì)感全面升級，用戶體驗也更加細膩、流暢、自然。

經(jīng)過以上一系列優(yōu)化后，用戶瀏覽消費視頻的數(shù)量和時長等指標均顯著增長。未來視頻化方向的角逐會愈發(fā)激烈，我們將進一步探索百度搜索自身特色，以期做體驗最好的視頻搜索。

作者：百度MEUX

來源公眾號：百度MEUX（ID：baidumeux），百度移動生態(tài)用戶體驗設計中心，負責百度移動生態(tài)體系的用戶/商業(yè)產(chǎn)品的全鏈路體驗設計。

本文由人人都是產(chǎn)品經(jīng)理合作媒體 @百度MEUX 授權發(fā)布，未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來自Unsplash，基于 CC0 協(xié)議