改版設(shè)計｜創(chuàng)造有價值的“我的” | 讓設(shè)計有效且有趣

項目背景與設(shè)計出發(fā)點(diǎn)：

雪球從社區(qū)開始，聚集了一大群聰明的股票和基金投資者，用科技實(shí)現(xiàn)了人與股價、資訊、內(nèi)容和金融產(chǎn)品的鏈接。在雪球12.0改版中，我們將產(chǎn)品的主要結(jié)構(gòu)調(diào)整為“雪球（首頁）、行情、交易”，同時還需要為財富業(yè)務(wù)、社區(qū)運(yùn)營、商業(yè)化運(yùn)營提供入口引流，這些入口比較合適的承載頁面是“我的”?！拔业摹表撁鎸蛹壉惶嵘揭患?，對“我的”頁面進(jìn)行重新梳理并提升頁面使用率成為此次產(chǎn)品改版的目標(biāo)。

12.0產(chǎn)品結(jié)構(gòu)

目前市場上大部分App的“我的”頁面也都是各類入口的集合，很容易形成功能入口的堆疊，而內(nèi)容又過于靜態(tài)，頁面顯得單調(diào)、乏味，導(dǎo)致用戶會覺得“我的”頁面十分雞肋。改版前雪球“我的”頁面是以宮格方式收納功能入口，具備較強(qiáng)的擴(kuò)展性；但不同類型的功能入口混雜在一起，跟用戶內(nèi)容消費(fèi)強(qiáng)關(guān)聯(lián)的入口無法被突出，功能歸類方式并不符合用戶的消費(fèi)習(xí)慣，當(dāng)前的設(shè)計形式和產(chǎn)品結(jié)構(gòu)都需要調(diào)整。

12.0改版前“我的”頁面

希望能做有效的信息整合，不想為用戶提供一個只有功能入口、乏味的“我的”頁面，如何讓“我的”頁面變的有用且有趣，是用戶樂于來看看的地方，成了這次設(shè)計的出發(fā)點(diǎn)。

基于以上背景及思考，設(shè)計從3個方向出發(fā)，重新定義“我的”頁面：

• 信息結(jié)構(gòu)重組

• 為“創(chuàng)作者”創(chuàng)造價值

• 情感化語錄及運(yùn)營空間

  
  

01

信息結(jié)構(gòu)重組

新版本將原有“我的”頁面結(jié)構(gòu)清零，通過模塊化的分類方式將“我的”頁面入口和信息根據(jù)內(nèi)容及業(yè)務(wù)屬性劃分為6大類，對每類的入口進(jìn)行整合梳理，并通過用戶的消費(fèi)行為習(xí)慣及內(nèi)容的重要性進(jìn)行排序：

 “我的” 頁面信息分類整合思路

以“社區(qū)內(nèi)容入口聚合區(qū)域”為例，對雪球用戶來講，帖子是最常消費(fèi)的內(nèi)容，也是最有價值的內(nèi)容，且屬于高頻消費(fèi)。所以產(chǎn)品結(jié)構(gòu)上對社區(qū)內(nèi)容入口如“收藏”、“我的評論”、“我贊過的”、“最近閱讀”都整合進(jìn)同一個模塊，讓用戶在第一屏、第一視覺層次就能發(fā)現(xiàn)這些入口并快速訪問。

 社區(qū)內(nèi)容入口聚合  方便用戶快速訪問

其他內(nèi)容模塊也根據(jù)相似的思路進(jìn)行分類，整合后的頁面信息更符合用戶的使用習(xí)慣，模塊化的處理方式除了讓信息呈現(xiàn)合理，在需要的時候還能支持內(nèi)容之間的替換和擴(kuò)展，頁面結(jié)構(gòu)更為靈活。

“我的”頁面改版前后對比

 那么，“我的”頁面信息結(jié)構(gòu)重組到底是否

 有效？

12.0版本上線后，因“我的”頁面放到了一級Tab，頁面的PV、UV都有大幅上漲，這部分?jǐn)?shù)據(jù)的變化源于產(chǎn)品結(jié)構(gòu)的調(diào)整。

另一組值得關(guān)注的數(shù)據(jù)是頁面的使用率，相較改版前的版本，“我的”頁面使用率從原來的 20%提升至50% 。

也就是說，每100人來到“我的”頁面，老版本只有20人產(chǎn)生了點(diǎn)擊行為；改版后，每100人有50人產(chǎn)生了點(diǎn)擊行為，而頁面提供的信息并沒有太大的變化。

信息結(jié)構(gòu)重組、布局的調(diào)整使頁面使用率得到有效的提升。

改版后 “我的” 頁面使用率提升至50%

頁面使用率的提升代表改版后的頁面對用戶來講更有用了。功能的重組和歸類幫助用戶有效的區(qū)分信息層次，縮短了用戶對常用功能的訪問路徑，強(qiáng)化功能分區(qū)也讓用戶能更好的通過固定分類快速找到功能入口，頁面使用起來更方便。

02

為創(chuàng)作者創(chuàng)造價值

“我的”頁面從產(chǎn)品提供的功能和設(shè)計上區(qū)分了“消費(fèi)者”和“創(chuàng)作者”兩類用戶角色：

左、右分別為“消費(fèi)者”和“創(chuàng)作者”看到的頁面

原因在于這兩種類型的用戶行為差異很大，訴求也不一樣：

“消費(fèi)者”和“創(chuàng)作者”的行為差異

“創(chuàng)作者”區(qū)別于“消費(fèi)者”最大的特征差異在于“寫”，“創(chuàng)作者”更樂于創(chuàng)造內(nèi)容和擅長創(chuàng)造內(nèi)容，對“我的”頁面的訴求除了消費(fèi)屬性的內(nèi)容外，還需要給到創(chuàng)作結(jié)果的反饋，因此可以為創(chuàng)作者提供便利的工具和入口，即“創(chuàng)作者中心”：

創(chuàng)作者中心卡片

創(chuàng)作者中心為創(chuàng)作者提供了與網(wǎng)頁端相匹配的創(chuàng)作者數(shù)據(jù)，可以快速查看文章的閱讀、評論及獲贊數(shù)，并將與創(chuàng)作關(guān)系更強(qiáng)的功能入口整合至創(chuàng)作者中心模塊，方便用戶操作。

目前的創(chuàng)作者中心模塊暫時只提供了比較基礎(chǔ)的數(shù)據(jù)，后續(xù)產(chǎn)品的演進(jìn)方向可以考慮為創(chuàng)作者提供更詳盡的數(shù)據(jù)，方便創(chuàng)作者在手機(jī)端也能快速查看數(shù)據(jù)變化情況。

03

情感化語錄及運(yùn)營空間

實(shí)際上完成1和2后，產(chǎn)品預(yù)期提升頁面使用率的目的已經(jīng)達(dá)成，產(chǎn)品形態(tài)在當(dāng)下這個階段也趨于完整。

但進(jìn)一步思考，設(shè)計僅僅如此嗎？因為不甘心只做一個鋪陳功能的“我的”頁面，在設(shè)計的后半階段我們一直在思考：

有沒有更有意思的事情可以做？

有沒有更能服務(wù)于用戶的有價值的內(nèi)容和

產(chǎn)品形態(tài)？

很多用戶來到雪球都是因為雪球有值得一看的內(nèi)容，雪球社區(qū)有很多有想法的用戶，生產(chǎn)了很多有價值的內(nèi)容。比如雪球創(chuàng)始人“不明真相的群眾”的“您厲害，您賺的多”已成金句，還有很多厲害的投資者也有被人津津樂道的投資箴言，我們能從這些箴言中收獲一些投資經(jīng)驗，偶爾看到有趣的句子也會會心一笑，這些不就是雪球最有價值的內(nèi)容嗎？

每位雪球球友的發(fā)言就像是獨(dú)一無二的雪花，在大家的努力推動下，雪球才能越滾越大，這些雪花是雪球最寶貴的東西，我們希望這份美好能與每一位雪球球友分享。

部分投資語錄

當(dāng)設(shè)計上有了在“我的”頁面刷出球友投資箴言的想法后，我們快速找到產(chǎn)品、運(yùn)營進(jìn)行討論，并順利達(dá)成思路上的一致。在產(chǎn)品和運(yùn)營同事的推動下，我們從雪球社區(qū)搜集了投資大師、雪球球友的200+投資語錄，最終它們都如約出現(xiàn)在雪球用戶的界面里：）

今天你刷到了什么語錄？

基于之前與運(yùn)營提前探討了“下拉語錄”的可能玩法，2019年12月17日我們在雪球社區(qū)里發(fā)起了一輪投資語錄征集活動：

第一期雪球語錄的征集活動

這次的運(yùn)營活動在社區(qū)內(nèi)形成了不錯的反響，短短幾天用戶留下了好幾百條投資語錄并進(jìn)行轉(zhuǎn)發(fā)。后期在社區(qū)內(nèi)不僅可以發(fā)起二期、三期的語錄征集活動，還可以提供很多玩法，比如讓用戶來刷自己的語錄等等，讓用戶能更多的參與進(jìn)來，增進(jìn)雪球與用戶的情感連接。

“我的”頁面設(shè)計無論是信息結(jié)構(gòu)重排、區(qū)分用戶還是情感化語錄的設(shè)計創(chuàng)新，出發(fā)點(diǎn)都是希望基于用戶立場，為用戶提供合理的產(chǎn)品形態(tài)，并提供有價值的、值得一看的內(nèi)容。從業(yè)務(wù)的數(shù)據(jù)變化及雪球社區(qū)用戶反饋來看，“我的”頁面改版設(shè)計基本達(dá)到了預(yù)期的效果。

最后

設(shè)計的價值從來都不止于它“看起來的樣子”，作為設(shè)計師需要打破自己的身份局限，從產(chǎn)品結(jié)構(gòu)的梳理、信息的重組呈現(xiàn)，到未來可能的運(yùn)營空間，去思考產(chǎn)品應(yīng)該為用戶呈現(xiàn)出來的最合理的樣子；甚至在有限的項目時間里和工程師一起想辦法找到降低時間成本的工程實(shí)現(xiàn)方法，都是我們在面對一個項目、和項目組的其他成員合作時需要去考量和努力達(dá)成的事情。

從完整的鏈路、立體的維度多方面思考設(shè)計，讓設(shè)計更全面的服務(wù)于產(chǎn)品和業(yè)務(wù)，會讓設(shè)計創(chuàng)造更有意思，也更有價值：）