在內(nèi)容消費(fèi)趨勢(shì)之中，用戶越發(fā)在意瀏覽內(nèi)容的體驗(yàn)與獲得的價(jià)值。

借此萌生了淘寶評(píng)價(jià)、問(wèn)大家產(chǎn)品的改版想法。

▲ 問(wèn)大家（左）評(píng)價(jià)（右）

設(shè)計(jì)改版怎么做呢？基礎(chǔ)UGC（User generated-content，用戶生產(chǎn)內(nèi)容）產(chǎn)品又該如何積極面對(duì)年輕化的內(nèi)容趨勢(shì)？又兼顧十?dāng)?shù)年來(lái)養(yǎng)成的用戶習(xí)慣呢？

#01

情緒設(shè)定幫助體驗(yàn)改版

01.挑戰(zhàn)：老產(chǎn)品改版顧慮多

老產(chǎn)品體驗(yàn)改版的難度在于突破歷史束縛，團(tuán)隊(duì)需要凝聚共識(shí)，找到一個(gè)契機(jī)來(lái)做出改變，單純的樣式優(yōu)化和圖標(biāo)替換并不能說(shuō)服團(tuán)隊(duì)投入資源。

所以我們希望通過(guò)找到大家都有感的「感覺(jué)」，不僅是描繪出愿景，更可以作為改版依據(jù)，指導(dǎo)結(jié)構(gòu)框架、瀏覽動(dòng)線、視覺(jué)畫面等方面的改進(jìn)。

▲ 評(píng)價(jià)UGC卡片（改版前）

▲ 問(wèn)大家UGC卡片（改版前）

02.積極的感覺(jué)：交流、個(gè)性、活力

透過(guò)「情緒設(shè)定」，團(tuán)隊(duì)對(duì)評(píng)價(jià)、問(wèn)大家這類平臺(tái)基礎(chǔ)UGC產(chǎn)品有了這樣的體驗(yàn)發(fā)展期待：

消費(fèi)社區(qū)體驗(yàn)是呈現(xiàn)出好多人討論、真誠(chéng)地分享自己對(duì)商品的感覺(jué)，一個(gè)大家共同交流的活力UGC社區(qū)。

評(píng)價(jià)產(chǎn)品一直以來(lái)承載了消費(fèi)者購(gòu)買商品后，包含評(píng)分以及對(duì)商品及店家的想法，是潛力消費(fèi)者決定購(gòu)買的因素之一。

如果用戶的困惑在評(píng)價(jià)產(chǎn)品無(wú)法得到答案時(shí)，問(wèn)大家產(chǎn)品讓用戶可以直接對(duì)已購(gòu)買者發(fā)起回答邀約，形成更加寬泛甚至玩梗的氛圍。

業(yè)務(wù)產(chǎn)品發(fā)展至今早不只是平臺(tái)評(píng)估店家販?zhǔn)酆脡牡墓ぞ撸兄?strong>用戶幫用戶 User helps user」氣息，體驗(yàn)改版就是想塑造一套更適合這股積極力量的框架。

▲ 情緒版

因此交流、個(gè)性、活力，3個(gè)關(guān)鍵詞成為了體驗(yàn)衡量標(biāo)準(zhǔn)，作為評(píng)價(jià)、問(wèn)大家40多個(gè)界面改版的指導(dǎo)原則，影響：

• 設(shè)計(jì)主要目標(biāo)制定
• 用戶瀏覽動(dòng)線調(diào)整
• 持續(xù)發(fā)展的迭代方向

#02

目標(biāo)結(jié)合業(yè)務(wù)指標(biāo)

對(duì)于基礎(chǔ)UGC產(chǎn)品而言，存在兩種經(jīng)典的用戶行為即「瀏覽消費(fèi)內(nèi)容」及「生產(chǎn)發(fā)布內(nèi)容」。

01.業(yè)務(wù)指標(biāo)是設(shè)計(jì)改版推動(dòng)的關(guān)鍵

從基礎(chǔ)體驗(yàn)的改善到略大幅度的框架重組，我們努力在業(yè)務(wù)指標(biāo)預(yù)期提升的前提下，兼顧老用戶習(xí)慣，盡量縮短改版陣痛期，逐步迭代逐漸達(dá)到從「僅消費(fèi)決策」到「逛內(nèi)容種草」的心智變化。

UGC用戶滿意度是綜合性的指標(biāo)，包含了內(nèi)容可信度、內(nèi)容參考性、發(fā)布便捷性，根據(jù)用戶行為可以拆分得更細(xì)：

• 瀏覽體驗(yàn)－點(diǎn)擊率、停留時(shí)長(zhǎng)、互動(dòng)深度
• 發(fā)布體驗(yàn)－發(fā)布成功率、有內(nèi)容率、優(yōu)質(zhì)內(nèi)容率

02.設(shè)計(jì)目標(biāo)要帶來(lái)直接或間接的指標(biāo)提升

對(duì)應(yīng)用戶行為，除了改善瀏覽體驗(yàn)跟升級(jí)發(fā)布體驗(yàn)以外，還加強(qiáng)了互動(dòng)功能，讓寫內(nèi)容的人收獲更多正向反饋，看內(nèi)容的人更容易發(fā)現(xiàn)有價(jià)值的內(nèi)容，讓「雞生蛋—蛋生雞」的內(nèi)容循環(huán)得更快。

• 「看」改善－優(yōu)化字號(hào)行距、減少樣式 ，舍棄圖文穿插讓閱讀體感更簡(jiǎn)單、舒適

▲ 瀏覽體驗(yàn)設(shè)計(jì)目標(biāo)

• 「寫」升級(jí)－統(tǒng)一評(píng)價(jià)/問(wèn)大家發(fā)布器，重組簡(jiǎn)化結(jié)構(gòu)讓用戶能寫得更有品質(zhì)、寫得更多

▲ 發(fā)布體驗(yàn)設(shè)計(jì)目標(biāo)

• 「互動(dòng)」促進(jìn)－鼓勵(lì)評(píng)論，將「有用」升級(jí)為「表態(tài)」，使用戶之間更能相互激勵(lì)

▲ 互動(dòng)體驗(yàn)設(shè)計(jì)目標(biāo)

#03

改版實(shí)踐

根據(jù)目標(biāo)及「交流、個(gè)性、活力」的出發(fā)點(diǎn)，在為期近一年幾十個(gè)版本反復(fù)溝通與線上實(shí)驗(yàn)，我們不斷地調(diào)整及權(quán)衡效果確保從圖標(biāo)組件到框架鏈路，逐步實(shí)現(xiàn)的體驗(yàn)效果。

01.視覺(jué)系統(tǒng)煥新鏈路感受

簡(jiǎn)單、去雕飾的直觀感受，讓用戶能夠便利且舒適地使用產(chǎn)品各項(xiàng)功能。移除過(guò)往復(fù)雜的視覺(jué)噪聲，注重清晰的功能表達(dá)、符合內(nèi)容瀏覽的易用性，建立一套可以滿足各式各樣圖文、視頻展示的視覺(jué)樣式邏輯。

字級(jí)放大、適合長(zhǎng)文閱讀的1.6行距等優(yōu)化外，并在符合平臺(tái)規(guī)范的同時(shí)，增添漸變等細(xì)節(jié)，呈現(xiàn)新穎感。

▲ 視覺(jué)樣式制定

針對(duì)內(nèi)容瀏覽，我們調(diào)研了年輕用戶的內(nèi)容閱讀喜好，且結(jié)合了業(yè)務(wù)強(qiáng)調(diào)「人」的需求，調(diào)整與統(tǒng)一評(píng)價(jià)、問(wèn)大家產(chǎn)品框架：

• 內(nèi)容列表－強(qiáng)調(diào)發(fā)言以卡片突出「交流內(nèi)容」，內(nèi)容縮進(jìn)的做法使用戶信息更加明顯。
• 內(nèi)容詳情－用戶的個(gè)性往往在圖片中一覽無(wú)遺，其他人通過(guò)圖片也能更快的接收到信息，所以相比圖文穿插的專業(yè)感，先圖后文更加適合我們想提供的簡(jiǎn)單體驗(yàn)。
• 內(nèi)容互動(dòng)－UGC產(chǎn)品自然是鼓勵(lì)用戶評(píng)論，除此提供更輕量的表態(tài)互動(dòng)，以活潑的表情設(shè)計(jì)來(lái)激發(fā)用戶表達(dá)情緒。

▲ 內(nèi)容瀏覽鏈路

02.交互重組讓內(nèi)容好看好寫

長(zhǎng)期內(nèi)容發(fā)展趨勢(shì)顯示圖片、視頻必然是比文字更能提升閱讀者體驗(yàn)，在展示突出圖片的背后，我們采取了重組發(fā)布器交互框架，來(lái)鼓勵(lì)用戶多發(fā)布圖片、視頻等富媒體內(nèi)容。

▲ 評(píng)價(jià)（左）問(wèn)大家（右）改版前發(fā)布器界面

▲ 發(fā)布器交互重組

評(píng)價(jià)、問(wèn)大家發(fā)布器與一般的創(chuàng)作型發(fā)布器不同。

其內(nèi)容發(fā)布具有獨(dú)特的電商特色，是用戶之間基于商品的內(nèi)容交流，如用戶發(fā)布評(píng)價(jià)是為了給其他用戶選購(gòu)提供經(jīng)驗(yàn)分享，購(gòu)買種草；問(wèn)大家產(chǎn)品則是用戶與用戶之間的直接互助。因此，針對(duì)不同的內(nèi)容交流場(chǎng)景，發(fā)布器進(jìn)行了相應(yīng)的改造升級(jí)。

評(píng)價(jià)發(fā)布器在鼓勵(lì)富媒體內(nèi)容發(fā)布的基礎(chǔ)上，尊重不同用戶的輸入習(xí)慣，用戶可以自行選擇打分與評(píng)價(jià)描述的輸入順序，并根據(jù)用戶輸入意愿與能力，提供快速打分、沉浸書寫、進(jìn)階編輯的分層能力，讓不同的用戶更愿意發(fā)布評(píng)價(jià)，愿意發(fā)布有信息價(jià)值的評(píng)價(jià)。

▲ 評(píng)價(jià)發(fā)布器升級(jí)界面

問(wèn)大家產(chǎn)品主要為文本內(nèi)容交流場(chǎng)景，因此在交互上便利文字輸入任務(wù)，直接拉起鍵盤減少用戶操作。同時(shí)，突出“人”與“對(duì)話感”，強(qiáng)化用戶之間的情感連結(jié)。此外，我們發(fā)現(xiàn)在生產(chǎn)引導(dǎo)方面，問(wèn)更好才能答更好，提問(wèn)精細(xì)化能幫助用戶獲得更精準(zhǔn)的回答。

▲ 問(wèn)大家發(fā)布器升級(jí)界面

針對(duì)不同發(fā)布情況生產(chǎn)出的用戶內(nèi)容，在評(píng)價(jià)內(nèi)容詳情（首次評(píng)價(jià)、追加評(píng)價(jià)）、問(wèn)大家問(wèn)答詳情，設(shè)計(jì)了強(qiáng)調(diào)時(shí)序的閱讀動(dòng)線，提高內(nèi)容可信度。兼容各種狀態(tài)，盡最大可能保障未來(lái)幾年內(nèi)框架適用性，不去反復(fù)改版折騰用戶。

▲ 評(píng)價(jià)（左）問(wèn)大家（右）改版前詳情界面

▲ 詳情交互重組

▲ 彈性的框架設(shè)計(jì)

#04

初衷：為每一個(gè)人設(shè)計(jì)

縱使改版起始于「年輕化」，但包容性是我們非常在意的，通過(guò)大屏手機(jī)適配、暗黑模式適配、無(wú)障礙版適配、長(zhǎng)輩版大字適配，提供語(yǔ)音輸入能力、連續(xù)多拍圖片等功能。

兼顧多樣人群需求，提升每一個(gè)人的體驗(yàn)才能做到我們的初衷，真正打造出讓大家都能參與的活力UGC社區(qū)。

▲ 暗黑模式適配

要營(yíng)造活力十足的UGC社區(qū)感，上線了全新的表態(tài)功能，是原有的「有用」功能的升級(jí)版。我們希望這個(gè)輕量的功能可以激發(fā)用戶在評(píng)論時(shí)有更多的互動(dòng)想法和內(nèi)容靈感。

探索了每個(gè)人不同正負(fù)向情緒，以及有電商特色的交流表情。

▲ 全新表態(tài)功能

為了持續(xù)且穩(wěn)定地提供良好體驗(yàn)，也為了避免重蹈覆轍過(guò)去樣式復(fù)雜，產(chǎn)生的負(fù)面感受。

迭代過(guò)程里設(shè)計(jì)資產(chǎn)管理不僅起到在兩個(gè)業(yè)務(wù)產(chǎn)品雙軌同步發(fā)展中，設(shè)計(jì)師、產(chǎn)品經(jīng)理及研發(fā)之間的協(xié)作順暢，更能保持住用戶體驗(yàn)的理解認(rèn)知及一致。

▲ 設(shè)計(jì)資產(chǎn)管理

寫在最后

有些設(shè)計(jì)是隱形的。

平時(shí)UGC產(chǎn)品的用戶根本不在意界面設(shè)計(jì)，它應(yīng)該讓用戶專注于UGC內(nèi)容而不是引起注意。

評(píng)價(jià)、問(wèn)大家改版僅僅是個(gè)起點(diǎn)，開始改變了老化感受來(lái)打好年輕化基礎(chǔ)，提高愉悅體感。用戶滿意度及關(guān)鍵數(shù)據(jù)的提升，激勵(lì)我們持續(xù)打磨閱讀及發(fā)布體驗(yàn)，挖掘促進(jìn)交流的互動(dòng)可能性，甚至是結(jié)合電商特色提供創(chuàng)新的功能。