背景
百度搜索作為傳統(tǒng)搜索引擎，內(nèi)容瀏覽框架與內(nèi)容消費(fèi)體驗都更符合圖文類資源的特點。在視頻化趨勢下，用戶搜索、瀏覽、消費(fèi)視頻的需求日益增長，原有的瀏覽框架導(dǎo)致用戶在搜索后難以觸達(dá)視頻結(jié)果、消費(fèi)時難以切換不同場景。此外在視頻消費(fèi)體驗上還存在播放流暢性不佳、視頻品質(zhì)感較差等問題，用戶感知未到達(dá)最佳水平。故我們綜合百度自身特點與用戶使用習(xí)慣，從強(qiáng)化認(rèn)知、提升品質(zhì)兩方面出發(fā)，升級視頻搜索全鏈路框架，提升搜索視頻體驗及品質(zhì)。
一、升級視頻搜索全鏈路框架
在對百度搜索所有視頻場景梳理的過程中，我們發(fā)現(xiàn)用戶篩選與消費(fèi)視頻的過程中存在篩選效率低、消費(fèi)不暢快等問題：在綜合搜索結(jié)果頁由于其他資源類型的存在，用戶很難暢快消費(fèi)視頻；視頻結(jié)果頁雖能滿足用戶消費(fèi)視頻的訴求，但該路徑的用戶認(rèn)知較弱，操作成本也較高；此外橫豎不同形態(tài)的視頻各有獨(dú)立的結(jié)果頁與落地頁，消費(fèi)場景割裂。為強(qiáng)化用戶對視頻搜索的認(rèn)知，降低視頻觸達(dá)成本，我們對視頻搜索全鏈路框架進(jìn)行了升級。
1.【負(fù)一樓框架】前置滿足，暢快瀏覽
綜合搜索結(jié)果頁是用戶最先觸達(dá)的場景，為平衡用戶暢快瀏覽視頻與消費(fèi)綜合搜索結(jié)果的訴求，我們開拓了負(fù)一樓平行框架，即上層頁面展示綜合結(jié)果，下層負(fù)一樓頁面展示視頻結(jié)果。當(dāng)用戶搜索與視頻關(guān)聯(lián)度較高的搜索詞時會自動進(jìn)入負(fù)一樓頁面，用戶可上滑瀏覽視頻，也可上拉或點擊上層面板返回綜合結(jié)果。設(shè)計實施過程中，我們圍繞“打造可暢快瀏覽的視頻消費(fèi)框架”的目標(biāo)，第一步定義頁面框架結(jié)構(gòu)，第二步打磨感知體驗，第三步輔助用戶認(rèn)知。
1-1 定義框架結(jié)構(gòu)
首先明確頁面層級，從下至上分別為視頻結(jié)果層、綜合搜索結(jié)果層與全局框架層。接著劃定視頻結(jié)果與綜合結(jié)果的布局占比，用戶消費(fèi)視頻結(jié)果的速度與滑動頻率均高于綜合結(jié)果，為保證視頻瀏覽的順暢感與操作效率，需保證視頻占比盡可能更多。所以綜合結(jié)果面板僅露出tab，不展示搜索結(jié)果，讓用戶的注意力更聚焦于視頻內(nèi)容的同時保證用戶可以來去自由。
1-2 打磨感知體驗
確定框架結(jié)構(gòu)后我們分別從視覺層與觸覺層打磨感知體驗。歷史實驗數(shù)據(jù)表明，深色系的背景色比淺色系的背景色更能幫助用戶聚焦于視頻內(nèi)容本身，從而提升視頻消費(fèi)數(shù)量與時長，于是我們在負(fù)一樓通過較深的氛圍底色帶給用戶更沉浸的消費(fèi)感知，同時也與綜合結(jié)果形成對比差異，加深用戶記憶。在手勢切換框架的過程中存在觸發(fā)框架移動的臨界值，當(dāng)拖動位置到達(dá)臨界值時會產(chǎn)生1次震動反饋，提示用戶此時松手后框架自動切換，以降低用戶認(rèn)知成本。
1-3 輔助用戶認(rèn)知
為輔助用戶建立對負(fù)一樓新框架的認(rèn)知，我們通過三階引導(dǎo)在不同時機(jī)引導(dǎo)用戶進(jìn)行不同操作。當(dāng)一個新用戶進(jìn)入負(fù)一樓后【引導(dǎo)1】會通過面板上下彈動的效果引導(dǎo)用戶上拉面板，幫助用戶理解框架結(jié)構(gòu)，引導(dǎo)用戶進(jìn)入綜合結(jié)果；進(jìn)入綜合結(jié)果后【引導(dǎo)2】通過頁面自動下拉的效果幫用戶認(rèn)知返回路徑；當(dāng)用戶重新進(jìn)入負(fù)一樓且一段時間內(nèi)無操作【引導(dǎo)3】會引導(dǎo)用戶上滑瀏覽視頻。這三個引導(dǎo)緊密配合，有效輔助用戶快速建立全新的使用習(xí)慣。
2.【五合框架】強(qiáng)化認(rèn)知，操作提效
為養(yǎng)成用戶視頻垂直搜索的認(rèn)知，縮短綜合結(jié)果頁到視頻tab的路徑，我們將原有的19個tab框架，精簡為僅外露5個tab的五合框架，同時視頻tab固定在各頻道首位，形成強(qiáng)聚焦，減少信息干擾，降低篩選成本；新增橫劃切tab手勢交互，用戶在搜索結(jié)果頁輕松一滑，即可快速觸達(dá)視頻tab。雙管齊下降低用戶視頻搜索成本，養(yǎng)成百度視頻搜索認(rèn)知。
3.【融合框架】橫豎融合，場景打通
在不同資源的分發(fā)方式上我們也做了一些改變，過去橫版視頻由【視頻結(jié)果頁】承載，豎版視頻由【小視頻結(jié)果頁】承載，需手動點擊tab進(jìn)行切換，而對應(yīng)的2個落地頁也分別獨(dú)立，互不打通。隨著中視頻的發(fā)展，橫豎視頻的時長與內(nèi)容類型越來越接近，消費(fèi)場景也逐步趨近。而原有框架消費(fèi)場景割裂，操作成本高，消費(fèi)路徑長，已不足以支撐用戶便捷篩選瀏覽的需求。于是我們將兩個獨(dú)立的tab合并為視頻頻道下二級tab，并將兩個獨(dú)立的落地頁進(jìn)行融合。
3-1 融合結(jié)果頁
場景融合后二級tab供用戶初步資源篩選；接下來新增排序功能，供用戶進(jìn)一步針對時效、熱度篩選；最后tag search供用戶深度精細(xì)化篩選，最終通過三層遞進(jìn)式篩選得到精準(zhǔn)的需求滿足。同時加入智能化交互反饋，跟隨用戶手勢預(yù)判當(dāng)前階段用戶訴求，決定二級tab、排序、tag search功能的展開收起。
3-2 融合落地頁
結(jié)果頁通過合并二級tab有效縮短了用戶路徑，而落地頁作為視頻消費(fèi)的主要場景也存在著消費(fèi)場景割裂的問題。于是我們將原有的兩個落地頁進(jìn)行了打通融合，用戶可在一個落地頁混合瀏覽視頻，此外還拓展了橫屏分發(fā)新場景，用戶在橫屏也可上滑瀏覽推薦視頻。經(jīng)過以上一系列升級，搜索視頻的分發(fā)效率進(jìn)一步提升。
二、提升搜索視頻體驗及品質(zhì)
百度搜索結(jié)果為多類型資源混排構(gòu)成，隨搜索視頻化戰(zhàn)略轉(zhuǎn)型，視頻資源在結(jié)果頁占比大幅提升，視頻既需遵循整頁基礎(chǔ)設(shè)計規(guī)范，保障用戶搜索體驗一致性；同時又需持續(xù)打磨，提升視頻資源獨(dú)有的播放體驗品質(zhì)感。所以如何在保障整頁消費(fèi)體驗基礎(chǔ)上，最大限度的提升視頻品質(zhì)感是我們面對的一大難題?；诖宋覀儾捎脙刹阶叽蚍?，第一步視頻資源播出來，第二步品質(zhì)體驗提起來。
第一步：視頻資源播出來
原搜索結(jié)果頁各類資源采用統(tǒng)一模版結(jié)構(gòu)，資源展示趨同，視頻相關(guān)正向描述元素不突出，用戶快速篩選、識別視頻資源的成本較高，視頻播放器較小且不支持自動播放，需點擊進(jìn)入落地頁觀看消費(fèi)，整體操作成本較高，導(dǎo)致用戶消費(fèi)路徑變長，效率降低。我們將問題歸納分為3類，并逐一擊破。
1. 強(qiáng)化視頻展示
為解決視頻展示不突出，用戶難以在眾多資源中快速識別的問題，我們優(yōu)化視頻資源卡結(jié)構(gòu)，將播放器按照百度搜索柵格規(guī)范放至最大化，強(qiáng)化視頻展示。
2. 視頻自動播放
同時引入視頻自動播放能力，將消費(fèi)場景前置，縮短路徑，使用戶方便快捷的在當(dāng)前頁觀看視頻。
3. 信息合理布局
視頻能力升級后，多個引入視頻載體的業(yè)務(wù)同步升級。首先我們對引入視頻資源的11個業(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ì)體驗提起來
視頻升級為自動播放后，用戶對視頻播放、瀏覽體驗的要求隨之提高，細(xì)微的不順暢也會被肉眼放大為強(qiáng)烈的卡頓感。故此時升級視頻播放品質(zhì)變得至關(guān)重要。我們根據(jù)用戶消費(fèi)行為，將優(yōu)化分為兩個維度：單一播放和聯(lián)動瀏覽。再將兩個維度細(xì)分為三種場景：1、單一視頻在單頁面內(nèi)的播放；2、單一視頻跨頁面瀏覽；3、多視頻在單頁面輪換瀏覽。最終確認(rèn)兩大優(yōu)化方向：播放體驗流暢性提升、瀏覽體驗順暢性升級，并制定針對性解法。
1. 播放體驗流暢性-信息交互動效升級
數(shù)據(jù)研究表明，用戶觀看視頻的深入程度，可劃分為3個階段，我們針對不同階段精準(zhǔn)匹配信息交互規(guī)則。第一階段視頻未播放，用戶在眾多結(jié)果中粗略篩選，應(yīng)盡可能全面的展示信息，輔助用戶決策。第二階段視頻起播用戶開始觀看，此時展示操作功能，并突出展示正向信息，吸引用戶點擊。第三階段視頻播放5秒以上，用戶進(jìn)入沉浸觀看狀態(tài)，此時各類信息退化，保證清爽、沉浸的消費(fèi)體驗。最后增加信息精細(xì)化動效，規(guī)避卡頓感，保證視頻播放流暢性。
2. 瀏覽體驗流暢性
針對單一視頻跨頁面消費(fèi)場景，續(xù)播精準(zhǔn)度和銜接順暢性至關(guān)重要。針對單一頁面內(nèi)多個視頻輪換播放，如何在不影響用戶瀏覽其他資源的前提下，保證多視頻輪換播放順暢性也是重中之重。視覺和聽覺是用戶獲取視頻內(nèi)容的感官，所以視頻播放畫面、聲音順暢性成為了瀏覽流暢性的關(guān)鍵因素。所以我們從體驗視角出發(fā)，建立搜索場景各頁面播放、聲音雙聯(lián)動機(jī)制。
2-1 視頻播放聯(lián)動
首先是視頻播放聯(lián)動，我們將視頻播放拆分為起播、續(xù)播、連播3部分，分析現(xiàn)狀并找出核心問題點。由于頁面資源混排，視頻化未發(fā)力前遺留一系列問題：視頻起播門檻高、優(yōu)先播放邏輯混亂、同一視頻播放進(jìn)度各頁面不聯(lián)動，視頻消費(fèi)不連貫等，已嚴(yán)重影響視頻搜索體驗與品質(zhì)感。
- 降低起播條件，視頻外露比例由70%降低為超過30%，播放器可視區(qū)域滿足用戶可真實觀看條件即起播，強(qiáng)化視頻搜索認(rèn)知；
- 升級優(yōu)先播邏輯，當(dāng)頁面存在多個視頻時，播放器外露比例PK，外露比例大的優(yōu)先播放，符合用戶預(yù)期保障觀看體驗；
- 新增手勢聯(lián)動，當(dāng)頁面存在多個外露比例相同的視頻時，根據(jù)手勢滑動方向判斷視頻播放情況，智能預(yù)判用戶觀看意圖；
- 優(yōu)化續(xù)播交互，支持視頻暫停在當(dāng)前幀，二次起播不再展示封面；點擊跳轉(zhuǎn)落地頁后返回精準(zhǔn)續(xù)播點擊過的視頻，提高消費(fèi)及分發(fā)效率；
- 新增自動連播，在純視頻瀏覽態(tài)場景下，當(dāng)前視頻完播后自動連播下一條，減少操作步長保障視頻消費(fèi)流暢性。
2-2 視頻聲音聯(lián)動
然后是聲音聯(lián)動，原搜索場景內(nèi)各頁面以及搜索結(jié)果頁各視頻，聲音狀態(tài)各自獨(dú)立互不影響，而聲音作為視頻傳達(dá)的核心內(nèi)容之一，狀態(tài)不聯(lián)動導(dǎo)致用戶針對聲音頻繁重復(fù)操作，各場景割裂感強(qiáng)烈，視頻瀏覽體驗極差，故在視頻搜索場景下升級聲音聯(lián)動機(jī)制。
- 分場景定狀態(tài)：綜合搜索結(jié)果頁為篩選瀏覽場景默認(rèn)無聲狀態(tài)，融合落地頁為沉浸消費(fèi)場景默認(rèn)有聲；
- 交互智能響應(yīng)：用戶有對聲音的主動交互行為（佩戴耳機(jī)、調(diào)節(jié)物理聲音按鍵、點擊聲音按鈕）后，切換為有聲播放；
- 頁面聲音聯(lián)動：在綜合搜索結(jié)果頁、視頻結(jié)果頁任一頁面調(diào)節(jié)聲音后，頁面發(fā)生滑動或跳轉(zhuǎn)，聲音狀態(tài)聯(lián)動跟隨。
寫在最后
在搜索視頻化進(jìn)擊的過程中，我們從體驗視角出發(fā)，通過對視頻搜索全鏈路框架的升級，強(qiáng)化了用戶視頻搜索認(rèn)知，降低了視頻觸達(dá)成本。通過對視頻自動播能力升級、播放器信息布局的統(tǒng)一、播放與瀏覽體驗流暢性的打磨，搜索視頻品質(zhì)感全面升級，用戶體驗也更加細(xì)膩、流暢、自然。經(jīng)過以上一系列優(yōu)化后，用戶瀏覽消費(fèi)視頻的數(shù)量和時長等指標(biāo)均顯著增長。未來視頻化方向的角逐會愈發(fā)激烈，我們將進(jìn)一步探索百度搜索自身特色，以期做體驗最好的視頻搜索。
原文地址：百度MEUX（公眾號）
作者：百度APP用戶體驗
轉(zhuǎn)載請注明：學(xué)UI網(wǎng)》視頻搜索體驗價值論
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計( www.wnxcall.com )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、
UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司