導語
 

作為定義性知識平臺的行業領導者，百度百科市場份額及優質內容占比均行業領先，但當前產品過于依賴搜索導流，在步入穩定期后增長緩慢。另外，行業同類競品在體驗層面也有較多嘗試和主張。為促進業務長效增長，嘗試探索新策略突圍，從「知識查找模式」向「知識探索模式」轉變。面對這場挑戰，設計團隊率先探索革新，從體驗視角重塑百科詞條內容消費模式。通過優化頁面框架結構、融入全新設計語言，探索從被動到主動的瀏覽模式，升級百科知識瀏覽新體驗，進一步建立品牌權威感知。

一、全方位分析產品體驗，探索正確的方向
 

首先，設計基于線上詞條頁場景，從產品層、體驗層深入剖析問題：

1、百科詞條頁內容體量龐大，頁面信息臃腫雜亂，內容堆砌感強，導致用戶信息獲取效率低。

2、舊版詞條頁的頁面設計風格陳舊、內容堆疊感強等問題，與當前市場主流設計脫節，間接影響百科專業、權威用戶感知建立。

3、詞條頁缺乏新穎的玩法和個性化功能，用戶在瀏覽學習的過程中，互動和探索欲較低。

4、詞條之間的關聯性較弱，難以形成完整、連貫的知識網絡。

其次，針對以上4個核心問題，我們聚焦體驗、視覺、互動、內容四個層面，探索設計發力點：

通過升級瀏覽體驗、創新設計風格、豐富互動玩法和構建詞條體系這四個設計手段，全面提升百科產品基礎體驗和專業感知，從而強化詞條品牌的滲透力。

二、拆解設計目標，全面規劃設計策略
 

為了滿足用戶在信息獲取和知識探索方面的多元需求，我們根據設計目標，從模式、框架、內容三個方面出發，拆分了五個核心設計策略，進行了深入全面的設計規劃。

1、優化框架結構，提高頁面承載力和瀏覽效率
 

舊版詞條頁內容結構扁平、元素分布混亂、信息堆砌，影響用戶的信息獲取效率。針對這些問題，我們在框架層對詞條頁進行系統性重構，強化頁面結構，去繁從簡使頁面更加清晰簡潔，提升頁面信息可讀性和瀏覽體驗，具體規劃為以下四個設計策略：

沉浸式容器

為了提升頁面空間利用率，我們去除舊版詞條頁頭部的多余元素，將頁面頭部整體升級為多功能沉浸式容器，提高用戶的多媒體內容消費體驗，同時強化用戶閱覽的心流體驗。

信息結構化

詞條內容具有客觀定義性，存在天然的信息邏輯性及信息整體性。針對詞條內容這些屬性，我們重新對信息進行重組調優，對詞條內容進行分層，重組結構布局，增強信息的條理性和結構感，從而提升用戶獲取詞條重點信息的效率。

導航提權

由于詞條篇幅較長，用戶很難快速感知內容維度。通過調整目錄導航位置，前置曝光并在滑動中吸頂，提高用戶對內容感知及掌控，進而提升內容獲取效率。

底bar升級

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

2、設計語言升級，提升產品體驗競爭力，促進品牌感知滲透
 

在重構設計中，著重解決了視覺方面存在的問題，如設計風格老舊、文字堆砌感強、結構展示不清晰等。我們從設計風格、信息排版、閱讀體驗三個方面著手，重點升級設計語言，減少視覺噪點、降低閱讀負擔，創造清晰、專業、沉浸的閱讀場景，從而促進品牌專業感知滲透。

卡片化設計

將原來分散瑣碎的信息排版，升級為卡片化設計，創建清晰的視覺層次，增強信息傳達的有效性。另外，卡片化設計的靈活性，便于拓展不同的內容模塊，為多種內容類型提供統一的視覺，增強頁面整體性。

強化視覺表現

詞條內容的全面詳盡，需要設計著重考慮頁面的信息傳達。通過圖形化的設計元素凸顯詞條的核心特征，同時使用分級的色彩策略，具像化表現保護等級，將核心知識點信息以可視化內容形式呈現，有效提高用戶獲取信息的效率。

透傳品牌元素

在主要視覺焦點位置融入品牌元素圖形，通過百科logo較強的用戶品牌感知度，強化信息內容權威性透傳。

提升閱讀體驗

通過簡化收斂字號行間距、重新優化顏色色相及對比度，對整體閱讀體驗視覺降噪，確保用戶在閱讀過程中舒適友好。

3、構建滾軸式結構化布局，打造全新互動體驗
 

詞條之間的串聯是構建知識面的關鍵，通過增加創新性的滾軸式布局，實現關聯詞條的結構化呈現，促進用戶對主題相關知識直觀、多維理解，有效引導用戶在復雜的知識體系中進行更深層次的探索。

4、創新玩法，搭建豐富多維的知識探索體驗
 

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

5、創新獨特的詞條知識體系，建立學科知識場域
 

通過構建與詞條有機互聯的全面學科知識樹，我們希望塑造一個既高度結構化又層次豐富的知識場域。在結構化場景中，設計縱向串聯的卡片式視覺布局，實現知識點之間的快速串聯。并采用階梯式的顏色分類機制，以視覺方式區分不同層級的學科知識，進一步促使用戶在復雜的知識體系中建立清晰、有層次的認知結構。這一設計不僅解決了詞條關聯性弱的問題，也為用戶拓展了多維知識的瀏覽路徑。

總結
 

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

結合主客觀數據，有效驗證改版提升體驗，同時能有效激發用戶深入探索詞條的興趣，進而論證此次設計改版方案的有效性和價值性。

通過升級，我們與業務進一步明確百科未來發展新方向：未來的百科百科不僅是一個定義性知識平臺，而是要成為最具影響力的知識探索平臺。

此外，此次體驗升級，進一步建立起在行業競品中的體驗差異性。在提升用戶對百科內容認可度和滿意度同時，鞏固了百科在知識行業中的領先地位。

寫在最后
 

邀請大家使用百度APP，搜索百科小程序（向日葵、櫻花等植物類詞條），體驗更多元的知識內容，我們將繼續與業務深度協同，努力推動百度百科在知識領域探索更多的可能。

百度MEUX團隊

2024校園招聘提前批次

全面開啟

更多精彩作品展示，請關注「百度MEUX」小紅書賬號869010907

感謝閱讀，以上內容均由百度MEUX團隊原創設計，以及百度MEUX版權所有，轉載請注明出處，違者必究，謝謝您的合作。申請轉載授權后臺回復【轉載】。也歡迎加入MEUX,交互/視覺/用研，可投簡歷至meux-talent@baidu.com  (注明信息獲取來源如：UI中國）

關于我們：
MEUX,百度移動生態用戶體驗設計中心，負責百度移動生態體系的用戶/商業產品的全鏈路體驗設計。服務的產品包括百度APP、百度搜索、百度百科、百度貼吧、百度商業產品等。MEUX以「簡單極致」為設計理念，創造極致用戶體驗的同時賦能商業，推動設計行業的價值和影響力，讓生活因設計而更美好。

Powered by Froala Editor