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

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

背景

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

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

一、升級(jí)視頻搜索全鏈路框架

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

視頻結(jié)果頁雖能滿足用戶消費(fèi)視頻的訴求，但該路徑的用戶認(rèn)知較弱，操作成本也較高；

此外橫豎不同形態(tài)的視頻各有獨(dú)立的結(jié)果頁與落地頁，消費(fèi)場(chǎng)景割裂。為強(qiáng)化用戶對(duì)視頻搜索的認(rèn)知，降低視頻觸達(dá)成本，我們對(duì)視頻搜索全鏈路框架進(jìn)行了升級(jí)。

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

綜合搜索結(jié)果頁是用戶最先觸達(dá)的場(chǎng)景，為平衡用戶暢快瀏覽視頻與消費(fèi)綜合搜索結(jié)果的訴求，我們開拓了負(fù)一樓平行框架，即上層頁面展示綜合結(jié)果，下層負(fù)一樓頁面展示視頻結(jié)果。

當(dāng)用戶搜索與視頻關(guān)聯(lián)度較高的搜索詞時(shí)會(huì)自動(dòng)進(jìn)入負(fù)一樓頁面，用戶可上滑瀏覽視頻，也可上拉或點(diǎn)擊上層面板返回綜合結(jié)果。設(shè)計(jì)實(shí)施過程中，我們圍繞“打造可暢快瀏覽的視頻消費(fèi)框架”的目標(biāo)，第一步定義頁面框架結(jié)構(gòu)，第二步打磨感知體驗(yàn)，第三步輔助用戶認(rèn)知。

1-1定義框架結(jié)構(gòu)

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

1-2打磨感知體驗(yàn)

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

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

1-3輔助用戶認(rèn)知

為輔助用戶建立對(duì)負(fù)一樓新框架的認(rèn)知，我們通過三階引導(dǎo)在不同時(shí)機(jī)引導(dǎo)用戶進(jìn)行不同操作。

當(dāng)一個(gè)新用戶進(jìn)入負(fù)一樓后【引導(dǎo)1】會(huì)通過面板上下彈動(dòng)的效果引導(dǎo)用戶上拉面板，幫助用戶理解框架結(jié)構(gòu)，引導(dǎo)用戶進(jìn)入綜合結(jié)果；進(jìn)入綜合結(jié)果后【引導(dǎo)2】通過頁面自動(dòng)下拉的效果幫用戶認(rèn)知返回路徑；當(dāng)用戶重新進(jìn)入負(fù)一樓且一段時(shí)間內(nèi)無操作【引導(dǎo)3】會(huì)引導(dǎo)用戶上滑瀏覽視頻。

這三個(gè)引導(dǎo)緊密配合，有效輔助用戶快速建立全新的使用習(xí)慣。

2.【五合框架】強(qiáng)化認(rèn)知，操作提效

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

3.【融合框架】橫豎融合，場(chǎng)景打通

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

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

3-1融合結(jié)果頁

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

3-2融合落地頁

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

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

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

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

第一步：視頻資源播出來

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

1-1 強(qiáng)化視頻展示

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

1-2 視頻自動(dòng)播放

同時(shí)引入視頻自動(dòng)播放能力，將消費(fèi)場(chǎng)景前置，縮短路徑，使用戶方便快捷的在當(dāng)前頁觀看視頻。

1-3 信息合理布局

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

1. 通用基礎(chǔ)信息
2. 定制化信息

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

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

視頻升級(jí)為自動(dòng)播放后，用戶對(duì)視頻播放、瀏覽體驗(yàn)的要求隨之提高，細(xì)微的不順暢也會(huì)被肉眼放大為強(qiáng)烈的卡頓感。故此時(shí)升級(jí)視頻播放品質(zhì)變得至關(guān)重要。

我們根據(jù)用戶消費(fèi)行為，將優(yōu)化分為兩個(gè)維度：?jiǎn)我徊シ藕吐?lián)動(dòng)瀏覽。再將兩個(gè)維度細(xì)分為三種場(chǎng)景：

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

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

2-1 播放體驗(yàn)流暢性-信息交互動(dòng)效升級(jí)

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

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

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

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

2-2 瀏覽體驗(yàn)流暢性

針對(duì)單一視頻跨頁面消費(fèi)場(chǎng)景，續(xù)播精準(zhǔn)度和銜接順暢性至關(guān)重要。

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

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

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

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

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

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

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

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

寫在最后

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

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

?

作者：百度MEUX

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

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

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