上億人使用的百度貼吧，是這么做設(shè)計改版的！

2017/11/30 16:49:20來源：互聯(lián)網(wǎng)

隨著產(chǎn)品的發(fā)展和用戶群體的演變，用戶對產(chǎn)品的認(rèn)知也在發(fā)生轉(zhuǎn)變，當(dāng)用戶認(rèn)知和產(chǎn)品形象發(fā)生誤差時，體驗(yàn)升級就勢在必行了。而用戶對產(chǎn)品的認(rèn)知也許表現(xiàn)在視覺感受（品牌形象）和使用感受（交互操作）上。對此我們從用戶出發(fā)探求設(shè)計上的突破口。

一. 洞察用戶讓設(shè)計對癥下藥

視覺感受對于大多數(shù)人是一種難以言說的東西，難以通過簡單的體例得到答案。面對這個題目，我們選擇迎難而上，通過精巧的實(shí)驗(yàn)、可視化的體例來解決，約請用戶與設(shè)計師一路，參與到品牌升級中。以達(dá)到體驗(yàn)升級的同時，使貼吧品牌形象與用戶的理解、期望更加貼合。

1.關(guān)鍵詞探索與確定

約請用戶參與深度訪談，凝聽真實(shí)的聲音，了解他們眼中的貼吧，他們對貼吧有哪些期待，并由此構(gòu)成，原始的貼吧品牌形象關(guān)鍵詞庫：

收集到大量的原始關(guān)鍵詞后，如何有用地確定在用戶心中，哪些關(guān)鍵詞與貼吧的關(guān)系更為密切，成為了破題的關(guān)鍵點(diǎn)。在這里我們引入了內(nèi)隱聯(lián)想測試的范式，通過同時記錄用戶對關(guān)鍵詞與貼吧關(guān)聯(lián)的評分、以及做出評分的反合時，甄選出最能代表貼吧的品牌關(guān)鍵詞，增補(bǔ)以在訪談中用戶透露表現(xiàn)強(qiáng)期待的「簡潔」，形成了如下五大核心關(guān)鍵詞。

2.衍生關(guān)鍵詞發(fā)散

確認(rèn)核心關(guān)鍵詞后，便必要建立與關(guān)鍵詞相對應(yīng)的圖片素材庫，假如通過關(guān)鍵詞直接收集，易導(dǎo)致圖片素材同質(zhì)化過高的題目。因此在預(yù)備圖片素材庫前，我們組織了一場設(shè)計師為主力的頭腦風(fēng)暴，分別針對五大核心關(guān)鍵詞從視覺、心境、歸天的角度進(jìn)行發(fā)散，并根據(jù)發(fā)散后的衍生關(guān)鍵詞建立了多維度的視覺素材庫。

3.視覺風(fēng)格偏好測試

最后約請用戶參與測試，從素材庫中選出最貼近他們對關(guān)鍵詞理解的圖片，并配合定性訪談了解偏好背后的緣故原由，最終分析提掏出不同關(guān)鍵詞的情緒板，如下所示：

在這五個關(guān)鍵詞中，多元化、開放、風(fēng)趣是用戶對貼吧的基礎(chǔ)感知，年輕是對貼吧的生理投射，而簡潔是目前用戶對貼吧的重要期待，因此根據(jù)用戶的認(rèn)知，可在貼吧品牌形象升級中的不同場景做到有響應(yīng)的側(cè)重。

二. 提煉核心舉動路徑指導(dǎo)交互框架升級

用戶研究通過情緒板發(fā)掘出目前用戶對貼吧的重要期望——簡潔。然而簡潔對用戶來說，是一種團(tuán)體感受，這種感受也貫徹整個貼吧的框架、流程、細(xì)節(jié)。因此在交互層面，我們從框架到細(xì)節(jié)逐級進(jìn)行了輕量化改造。

移動端的交互框架趨于成熟，但卻不能套用，產(chǎn)品的框架要基于用戶的「核心舉動路徑」，換句話說用戶在產(chǎn)品中做什么決定了產(chǎn)品的形態(tài)。對于貼吧來說，用戶的核心舉動路徑比較清晰，重要是獲取信息的路徑和輸出信息的路徑。接下來我們對此進(jìn)行了分析，并制訂了輕量化改造策略。

1.獲取信息的路徑分析及框架設(shè)計

路徑分析：用戶在貼吧重要通過看貼獲取信息。升級前用戶除了從首頁保舉看貼，只能進(jìn)吧。路徑如下：點(diǎn)擊進(jìn)吧Tab—點(diǎn)擊吧—點(diǎn)擊貼子—看貼。想要切換貼吧只能退出當(dāng)前貼吧重新選擇。假如是新用戶，只能先關(guān)注貼吧才能進(jìn)貼吧。

定位題目：對于老用戶來說，進(jìn)貼吧、切換貼吧的成本高，貼吧與貼吧之間的壁壘大，內(nèi)容比較封閉；對新用戶不友愛，關(guān)注貼吧、進(jìn)貼吧的路徑太長，流失較大。

策略和目標(biāo)：優(yōu)質(zhì)內(nèi)容顯性化，降低用戶獲取內(nèi)容的成本。貼吧在產(chǎn)品層面已經(jīng)做了許多針對性工作，如首頁保舉、智能FRS頁等，但產(chǎn)品策略只有配合合理的交互框架才能行之有用。因此，新框架要具備以方便吧與吧之間的切換、進(jìn)吧路徑更短，更容易獲取優(yōu)質(zhì)內(nèi)容的特點(diǎn)。

2.輸出信息的舉動分析及框架設(shè)計

路徑分析：UGC內(nèi)容是社區(qū)類產(chǎn)品最緊張的內(nèi)容來源之一。和PGC用戶有目的有策略的發(fā)布內(nèi)容不同，UGC用戶發(fā)布的以瞬時的、碎片化的內(nèi)容居多。升級前，用戶如許發(fā)貼：點(diǎn)擊進(jìn)貼吧tab——選擇貼吧——點(diǎn)擊發(fā)貼——選擇發(fā)貼類型——編輯內(nèi)容。對于新用戶來說，學(xué)習(xí)成本很高。

定位題目：和競品相比，貼吧發(fā)布內(nèi)容路徑較長，就像流程中有多個漏斗，降低了到達(dá)率。

策略和目標(biāo)：發(fā)布入口前置，簡化發(fā)貼流程，降低用戶發(fā)貼難度。貼吧用戶基于愛好聚集，用戶對貼吧的認(rèn)知根深蒂固。既然貼吧不能消散，我們便將復(fù)雜性適當(dāng)轉(zhuǎn)移，并通過策略降低復(fù)雜性。將復(fù)雜的選吧的流程后置，讓用戶快速找到發(fā)布入口，避免創(chuàng)作熱情消散。在選貼吧時，通過算法保舉適合發(fā)布到的貼吧，降低用戶選擇成本。

基于以上兩個核心舉動路徑的分析，我們確定了貼吧的新框架：保舉內(nèi)容+貼吧tab切換（內(nèi)容顯性化，用戶可以調(diào)整貼吧順序）發(fā)布入口提前到主Tab（入口前置，選擇流程后置）。

框架層面核心路徑的優(yōu)化拉近了用戶與內(nèi)容之間的距離，為內(nèi)容生成和內(nèi)容消耗搭好了橋梁。這是UGC社區(qū)運(yùn)轉(zhuǎn)的基礎(chǔ)，接下來必要考慮的就是用戶與內(nèi)容之間，以及用戶與用戶之間產(chǎn)生關(guān)聯(lián)的場景，也就是聚焦到社區(qū)內(nèi)的互動。

三. 拆解用戶舉動指導(dǎo)交互細(xì)節(jié)創(chuàng)新

在貼吧，傳統(tǒng)互動文化就是蓋樓（回貼）。用戶通過蓋樓實(shí)現(xiàn)與內(nèi)容、人的互動交流，通過筆墨或表情來表達(dá)本身的觀點(diǎn)態(tài)度。但回貼舉動自己有肯定門檻，操作成本較高，不利于內(nèi)容消耗用戶向活躍用戶的轉(zhuǎn)化。所以數(shù)據(jù)上能看到貼吧中內(nèi)容消耗的用戶數(shù)量遠(yuǎn)宏大于參與回復(fù)的用戶數(shù)量，而給用戶提供更加輕量化的互動體例，可能會增長用戶參與社區(qū)互動的意愿和舉動。在這個假設(shè)下，我們開始在互動層面的探索和嘗試。

1.目標(biāo)期望

在輕量化的互動體例中，點(diǎn)贊好像成了社交產(chǎn)品的標(biāo)配，一個點(diǎn)擊就能承載許多社友誼緒，用戶的接受度也更高。因此我們也加入了融合貼吧文化的點(diǎn)贊，以示友愛又無需多言，降低用戶互動門檻，還能通過點(diǎn)贊為內(nèi)容沉淀帶來一些利好。除了基本的點(diǎn)贊玩法外，我們還嘗試做了長按贊的彩蛋，對于嘗鮮用戶盼望有一些風(fēng)趣的反饋。

2.設(shè)計過程

點(diǎn)贊的設(shè)計過程可以大致拆分為兩個階段：操作與反饋。

操作——側(cè)重操作的輕量高效

單擊和雙擊：在操作環(huán)節(jié)中，單擊點(diǎn)贊作為表態(tài)體例也契合輕量高效的目標(biāo)。其次，貼吧做為一個較為雄厚的產(chǎn)品，點(diǎn)贊的引入必然必要同步到其他的內(nèi)容層面。在直播和視頻中，我們也盼望能夠讓用戶在觀看過程中快速、輕量的表達(dá)態(tài)度，因此加入了雙擊的交互體例來實(shí)現(xiàn)點(diǎn)贊。而從產(chǎn)品團(tuán)體性方面考量，也要考慮互動體例的同等性，所以在貼子中也同步了雙擊的點(diǎn)贊結(jié)果。

長按：我們把長按觸發(fā)的表態(tài)作為彩蛋，用戶可以選擇怒贊或怒踩，更雄厚的表達(dá)自我。在設(shè)計長按表態(tài)時，我們盼望讓用戶輕松快速的選擇表態(tài)，同時讓表達(dá)變得更風(fēng)趣，并針對這一構(gòu)想開展設(shè)計。

設(shè)計過程中產(chǎn)出了不同方案，例如長按后通過滑動選擇，類似Pinterest的圖片長按操作；長按后觸發(fā)面板后面板常駐類似Facebook的Reaction。

在此過程中，我們又衍生出了不同的思考：

點(diǎn)踩的情況相對于點(diǎn)贊來說較為低頻。
在產(chǎn)品策略上也是更盼望鼓勵用戶點(diǎn)贊，沉淀內(nèi)容。

因此我們做了一些調(diào)整：用戶在長按過程中默認(rèn)選擇怒贊。長按過程中通過動效告訴用戶此時正在選擇怒贊；若用戶想選擇怒踩，只需向下滑動，選擇怒踩。整個表態(tài)的過程又進(jìn)一步簡化，也知足了我們之前輕量表達(dá)的設(shè)計思路，最終選擇了此方案。

反饋——重點(diǎn)落在對用戶情緒給予足夠的反饋

在操作后的反饋環(huán)節(jié)方面，我們盼望通過一些風(fēng)趣的設(shè)計指導(dǎo)用戶舉動。例如，在貼子無人點(diǎn)贊時，用戶首次點(diǎn)贊給予用戶風(fēng)趣的視覺反饋?zhàn)鳛橛脩羰踪澋墓膭睢?/p>

同時，用戶給本身的貼子點(diǎn)贊我們也認(rèn)為是一個風(fēng)趣的生理活動，在設(shè)計中加入了滑稽笑貌與用戶情感進(jìn)行互動。

而在長按選擇表態(tài)后的設(shè)計上，盼望給用戶更強(qiáng)的氛圍感受，因此在用戶表態(tài)后設(shè)計了對應(yīng)的動畫結(jié)果作為反饋，讓整個表態(tài)過程顯得更加風(fēng)趣?？紤]到用戶既然選擇了這種高成本的長按，應(yīng)該是出于心里肯定程度的感情訴求，也盼望通過這種體例激勵用戶舉動循環(huán)，讓用戶賡續(xù)的玩下去。