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