設(shè)計(jì)升級(jí)!重塑知識(shí)探索體驗(yàn)

1 評(píng)論 3642 瀏覽 27 收藏 13 分鐘

為了成功在同類型產(chǎn)品中脫穎而出,并促進(jìn)業(yè)務(wù)的長(zhǎng)效增長(zhǎng),有時(shí)候,設(shè)計(jì)團(tuán)隊(duì)需要做好設(shè)計(jì)革新。這篇文章里,作者就結(jié)合實(shí)際案例,拆解了設(shè)計(jì)團(tuán)隊(duì)如何從體驗(yàn)視角重塑內(nèi)容消費(fèi)模式,并梳理了相應(yīng)的設(shè)計(jì)策略,一起來看看吧。

導(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)化頁面框架結(jié)構(gòu)、融入全新設(shè)計(jì)語言,探索從被動(dòng)到主動(dòng)的瀏覽模式,升級(jí)百科知識(shí)瀏覽新體驗(yàn),進(jìn)一步建立品牌權(quán)威感知。

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

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

  1. 百科詞條頁內(nèi)容體量龐大,頁面信息臃腫雜亂,內(nèi)容堆砌感強(qiáng),導(dǎo)致用戶信息獲取效率低。
  2. 舊版詞條頁的頁面設(shè)計(jì)風(fēng)格陳舊、內(nèi)容堆疊感強(qiáng)等問題,與當(dāng)前市場(chǎng)主流設(shè)計(jì)脫節(jié),間接影響百科專業(yè)、權(quán)威用戶感知建立。
  3. 詞條頁缺乏新穎的玩法和個(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),提高頁面承載力和瀏覽效率

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

1)沉浸式容器????

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

2)信息結(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)信息的效率。

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

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

4)底bar升級(jí)????

舊版詞條頁功能分布散亂,底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è)感知滲透。

1)卡片化設(shè)計(jì)????

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

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

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

3)透?jìng)髌放圃?/strong>????

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

4)提升閱讀體驗(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)主題頁,匯總詞條精華內(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é)

新版詞條頁上線后,客觀維度通過數(shù)據(jù)對(duì)比,得出頁面停留時(shí)間和瀏覽量均有顯著的增長(zhǎng)。 主觀維度上通過用戶訪談,表明用戶對(duì)詞條改版體驗(yàn)滿意度較高。用戶認(rèn)可當(dāng)前的新詞條設(shè)計(jì)形式新穎,瀏覽方便舒適,頁面內(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)先地位。

作者:MEUX

原文標(biāo)題:重塑知識(shí)探索體驗(yàn):百度百科設(shè)計(jì)升級(jí)

來源公眾號(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é)議

該文觀點(diǎn)僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺(tái)僅提供信息存儲(chǔ)空間服務(wù)。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 結(jié)構(gòu)化知識(shí)感覺很有意思

    來自亞太地區(qū) 回復(fù)