導(dǎo)語

作為定義性知識(shí)平臺(tái)的行業(yè)領(lǐng)導(dǎo)者，百度百科市場(chǎng)份額及優(yōu)質(zhì)內(nèi)容占比均行業(yè)領(lǐng)先，但當(dāng)前產(chǎn)品過于依賴搜索導(dǎo)流，在步入穩(wěn)定期后增長(zhǎng)緩慢。另外，行業(yè)同類競(jìng)品在體驗(yàn)層面也有較多嘗試和主張。為促進(jìn)業(yè)務(wù)長(zhǎng)效增長(zhǎng)，嘗試探索新策略突圍，從「知識(shí)查找模式」向「知識(shí)探索模式」轉(zhuǎn)變。面對(duì)這場(chǎng)挑戰(zhàn)，設(shè)計(jì)團(tuán)隊(duì)率先探索革新，從體驗(yàn)視角重塑百科詞條內(nèi)容消費(fèi)模式。通過優(yōu)化頁(yè)面框架結(jié)構(gòu)、融入全新設(shè)計(jì)語言，探索從被動(dòng)到主動(dòng)的瀏覽模式，升級(jí)百科知識(shí)瀏覽新體驗(yàn)，進(jìn)一步建立品牌權(quán)威感知。

往期案例：

一、全方位分析產(chǎn)品體驗(yàn)，探索正確的方向

首先，設(shè)計(jì)基于線上詞條頁(yè)場(chǎng)景，從產(chǎn)品層、體驗(yàn)層深入剖析問題：

1. 百科詞條頁(yè)內(nèi)容體量龐大，頁(yè)面信息臃腫雜亂，內(nèi)容堆砌感強(qiáng)，導(dǎo)致用戶信息獲取效率低。
2. 舊版詞條頁(yè)的頁(yè)面設(shè)計(jì)風(fēng)格陳舊、內(nèi)容堆疊感強(qiáng)等問題，與當(dāng)前市場(chǎng)主流設(shè)計(jì)脫節(jié)，間接影響百科專業(yè)、權(quán)威用戶感知建立。
3. 詞條頁(yè)缺乏新穎的玩法和個(gè)性化功能，用戶在瀏覽學(xué)習(xí)的過程中，互動(dòng)和探索欲較低。
4. 詞條之間的關(guān)聯(lián)性較弱，難以形成完整、連貫的知識(shí)網(wǎng)絡(luò)。

其次，針對(duì)以上 4 個(gè)核心問題，我們聚焦體驗(yàn)、視覺、互動(dòng)、內(nèi)容四個(gè)層面，探索設(shè)計(jì)發(fā)力點(diǎn)：

通過升級(jí)瀏覽體驗(yàn)、創(chuàng)新設(shè)計(jì)風(fēng)格、豐富互動(dòng)玩法和構(gòu)建詞條體系這四個(gè)設(shè)計(jì)手段，全面提升百科產(chǎn)品基礎(chǔ)體驗(yàn)和專業(yè)感知，從而強(qiáng)化詞條品牌的滲透力。

二、拆解設(shè)計(jì)目標(biāo)，全面規(guī)劃設(shè)計(jì)策略

為了滿足用戶在信息獲取和知識(shí)探索方面的多元需求，我們根據(jù)設(shè)計(jì)目標(biāo)，從模式、框架、內(nèi)容三個(gè)方面出發(fā)，拆分了五個(gè)核心設(shè)計(jì)策略，進(jìn)行了深入全面的設(shè)計(jì)規(guī)劃。

1. 優(yōu)化框架結(jié)構(gòu)，提高頁(yè)面承載力和瀏覽效率

舊版詞條頁(yè)內(nèi)容結(jié)構(gòu)扁平、元素分布混亂、信息堆砌，影響用戶的信息獲取效率。針對(duì)這些問題，我們?cè)诳蚣軐訉?duì)詞條頁(yè)進(jìn)行系統(tǒng)性重構(gòu)，強(qiáng)化頁(yè)面結(jié)構(gòu)，去繁從簡(jiǎn)使頁(yè)面更加清晰簡(jiǎn)潔，提升頁(yè)面信息可讀性和瀏覽體驗(yàn)，具體規(guī)劃為以下四個(gè)設(shè)計(jì)策略：

①沉浸式容器

為了提升頁(yè)面空間利用率，我們?nèi)コf版詞條頁(yè)頭部的多余元素，將頁(yè)面頭部整體升級(jí)為多功能沉浸式容器，提高用戶的多媒體內(nèi)容消費(fèi)體驗(yàn)，同時(shí)強(qiáng)化用戶閱覽的心流體驗(yàn)。

②信息結(jié)構(gòu)化

詞條內(nèi)容具有客觀定義性，存在天然的信息邏輯性及信息整體性。針對(duì)詞條內(nèi)容這些屬性，我們重新對(duì)信息進(jìn)行重組調(diào)優(yōu)，對(duì)詞條內(nèi)容進(jìn)行分層，重組結(jié)構(gòu)布局，增強(qiáng)信息的條理性和結(jié)構(gòu)感，從而提升用戶獲取詞條重點(diǎn)信息的效率。

③導(dǎo)航提權(quán)

由于詞條篇幅較長(zhǎng)，用戶很難快速感知內(nèi)容維度。通過調(diào)整目錄導(dǎo)航位置，前置曝光并在滑動(dòng)中吸頂，提高用戶對(duì)內(nèi)容感知及掌控，進(jìn)而提升內(nèi)容獲取效率。

④底 bar 升級(jí)

舊版詞條頁(yè)功能分布散亂，底 bar 和雙懸浮按鈕的設(shè)計(jì)打擾用戶瀏覽，無法形成統(tǒng)一操作感知。通過將常用功能整合，建立工具欄認(rèn)知，方便統(tǒng)一查找及使用，提升操作便捷性。

2. 設(shè)計(jì)語言升級(jí)，提升產(chǎn)品體驗(yàn)競(jìng)爭(zhēng)力，促進(jìn)品牌感知滲透

在重構(gòu)設(shè)計(jì)中，著重解決了視覺方面存在的問題，如設(shè)計(jì)風(fēng)格老舊、文字堆砌感強(qiáng)、結(jié)構(gòu)展示不清晰等。我們從設(shè)計(jì)風(fēng)格、信息排版、閱讀體驗(yàn)三個(gè)方面著手，重點(diǎn)升級(jí)設(shè)計(jì)語言，減少視覺噪點(diǎn)、降低閱讀負(fù)擔(dān)，創(chuàng)造清晰、專業(yè)、沉浸的閱讀場(chǎng)景，從而促進(jìn)品牌專業(yè)感知滲透。

①卡片化設(shè)計(jì)

將原來分散瑣碎的信息排版，升級(jí)為卡片化設(shè)計(jì)，創(chuàng)建清晰的視覺層次，增強(qiáng)信息傳達(dá)的有效性。另外，卡片化設(shè)計(jì)的靈活性，便于拓展不同的內(nèi)容模塊，為多種內(nèi)容類型提供統(tǒng)一的視覺，增強(qiáng)頁(yè)面整體性。

②強(qiáng)化視覺表現(xiàn)

詞條內(nèi)容的全面詳盡，需要設(shè)計(jì)著重考慮頁(yè)面的信息傳達(dá)。通過圖形化的設(shè)計(jì)元素凸顯詞條的核心特征，同時(shí)使用分級(jí)的色彩策略，具像化表現(xiàn)保護(hù)等級(jí)，將核心知識(shí)點(diǎn)信息以可視化內(nèi)容形式呈現(xiàn)，有效提高用戶獲取信息的效率。

③透?jìng)髌放圃?/p>

在主要視覺焦點(diǎn)位置融入品牌元素圖形，通過百科 logo 較強(qiáng)的用戶品牌感知度，強(qiáng)化信息內(nèi)容權(quán)威性透?jìng)鳌?/p>

④提升閱讀體驗(yàn)

通過簡(jiǎn)化收斂字號(hào)行間距、重新優(yōu)化顏色色相及對(duì)比度，對(duì)整體閱讀體驗(yàn)視覺降噪，確保用戶在閱讀過程中舒適友好。

3. 構(gòu)建滾軸式結(jié)構(gòu)化布局，打造全新互動(dòng)體驗(yàn)

詞條之間的串聯(lián)是構(gòu)建知識(shí)面的關(guān)鍵，通過增加創(chuàng)新性的滾軸式布局，實(shí)現(xiàn)關(guān)聯(lián)詞條的結(jié)構(gòu)化呈現(xiàn)，促進(jìn)用戶對(duì)主題相關(guān)知識(shí)直觀、多維理解，有效引導(dǎo)用戶在復(fù)雜的知識(shí)體系中進(jìn)行更深層次的探索。

4. 創(chuàng)新玩法，搭建豐富多維的知識(shí)探索體驗(yàn)

為了讓用戶更容易找到感興趣的內(nèi)容，我們將詞條中的關(guān)鍵信息提煉為簡(jiǎn)潔明了的特性要點(diǎn)，便于用戶快速獲取知識(shí)。并搭建知識(shí)點(diǎn)主題頁(yè)，匯總詞條精華內(nèi)容，幫助用戶發(fā)現(xiàn)相關(guān)知識(shí)，拓寬學(xué)習(xí)視野。通過擴(kuò)展詞條內(nèi)容形式，設(shè)計(jì)知識(shí)探索路徑，吸引用戶深入探索詞條完整知識(shí)，從而獲得更豐富、多維的知識(shí)探索體驗(yàn)。

5. 創(chuàng)新獨(dú)特的詞條知識(shí)體系，建立學(xué)科知識(shí)場(chǎng)域

通過構(gòu)建與詞條有機(jī)互聯(lián)的全面學(xué)科知識(shí)樹，我們希望塑造一個(gè)既高度結(jié)構(gòu)化又層次豐富的知識(shí)場(chǎng)域。在結(jié)構(gòu)化場(chǎng)景中，設(shè)計(jì)縱向串聯(lián)的卡片式視覺布局，實(shí)現(xiàn)知識(shí)點(diǎn)之間的快速串聯(lián)。并采用階梯式的顏色分類機(jī)制，以視覺方式區(qū)分不同層級(jí)的學(xué)科知識(shí)，進(jìn)一步促使用戶在復(fù)雜的知識(shí)體系中建立清晰、有層次的認(rèn)知結(jié)構(gòu)。這一設(shè)計(jì)不僅解決了詞條關(guān)聯(lián)性弱的問題，也為用戶拓展了多維知識(shí)的瀏覽路徑。

總結(jié)

新版詞條頁(yè)上線后，客觀維度通過數(shù)據(jù)對(duì)比，得出頁(yè)面停留時(shí)間和瀏覽量均有顯著的增長(zhǎng)。 主觀維度上通過用戶訪談，表明用戶對(duì)詞條改版體驗(yàn)滿意度較高。用戶認(rèn)可當(dāng)前的新詞條設(shè)計(jì)形式新穎，瀏覽方便舒適，頁(yè)面內(nèi)容相較之前更專業(yè)可信，新增的內(nèi)容和功能能夠吸引人深入了解并體驗(yàn)。

結(jié)合主客觀數(shù)據(jù)，有效驗(yàn)證改版提升體驗(yàn)，同時(shí)能有效激發(fā)用戶深入探索詞條的興趣，進(jìn)而論證此次設(shè)計(jì)改版方案的有效性和價(jià)值性。

通過升級(jí)，我們與業(yè)務(wù)進(jìn)一步明確百科未來發(fā)展新方向：未來的百科百科不僅是一個(gè)定義性知識(shí)平臺(tái)，而是要成為最具影響力的知識(shí)探索平臺(tái)。

此外，此次體驗(yàn)升級(jí)，進(jìn)一步建立起在行業(yè)競(jìng)品中的體驗(yàn)差異性。在提升用戶對(duì)百科內(nèi)容認(rèn)可度和滿意度同時(shí)，鞏固了百科在知識(shí)行業(yè)中的領(lǐng)先地位。

寫在最后

邀請(qǐng)大家使用百度 APP，搜索百科小程序（向日葵、櫻花等植物類詞條），體驗(yàn)更多元的知識(shí)內(nèi)容，我們將繼續(xù)與業(yè)務(wù)深度協(xié)同，努力推動(dòng)百度百科在知識(shí)領(lǐng)域探索更多的可能。

歡迎關(guān)注作者的微信公眾號(hào)：「百度MEUX」