騰訊動漫 7.0 沒過多久之後，我們就緊鑼密鼓地進入了 8.0 改版的階段。

改版思維的升級

每一次改版都有不同的側重點，騰訊動漫一路走來已經經歷了很多次重大改版，與以往不同的是，8.0 改版我們在業務理解、數據關注度方面都有明顯提升：

• 6.0 改版：被動接受需求，主要負責視覺及體驗優化，沒有完整系統性的設計語言
• 7.0 改版 ：主動提出優化方案，打造完整、體系化的設計語言，但較為感性、主觀
• 8.0 改版 ：深度參与需求制定，全局性思考業務目標，以數據為導向，量化設計價值

這次的視覺體系升級並不是核心，也不是孤立存在的系統，它完全是基於產品和業務需求而產生的升級優化，並且以數據為導向重新回歸用戶視角，避免過度設計，圍繞「人（用戶視角）」這個概念進行各個體系的新增、重構、優化。

本次改版設計師開通了大部分的後台數據權限，洞察改版后的數據變化，並以此來為支撐點，量化設計的價值。

產品現狀及問題

1. 外部

隨着短視頻、5G 的到來，以及動漫平台的增加，造成外部競品分流極其嚴重：

用戶的注意力被分散了太多太多。

2. 內部

而內部由於版權引入成本高、內容製作周期長等因素，導致內容更新過慢，久而久之，用戶的閱讀時長、活躍度、轉化率都有下降趨勢：

改版目標

基於以上目前產品面臨的問題，本次改版我們主要聚焦在閱讀轉化和促活兩個方面，當然，視覺體系也是一定要升級的，但它是輔助前兩點的，並不是為了優化而優化，總的來說，我們希望通過這次改版做到以下三點：

• 提高用戶的閱讀轉化
• 促進用戶的活躍度
• 打造以業務為導向的視覺體驗

提高閱讀轉化

先科普一下什麼是閱讀轉化，其實就是從啟動 app 開始到進入閱讀頁開始閱讀行為的過程，就是閱讀轉化。

那想提高閱讀轉化，就必須在過程中幫助用戶更好的進行決策，吸引用戶快速進入閱讀。

簡單舉幾個助力用戶進入閱讀頁的例子，比如封面圖做的超級好看，再比如有個評分 100 分的漫畫，這些都是可以吸引用戶進行閱讀行為的方法。

那為了更加系統地進行優化升級，我們把用戶核心的閱讀轉化路徑進行了梳理，如下圖：

基於這張路徑圖，我們重點優化了很多觸點，比如詳情頁、分類、排行榜、標籤系統（標籤在首頁、分類、排行頁面都有露出）、評分系統等等，下面我們依次解析。

1. 詳情頁的架構優化

看剛才閱讀轉化路徑不難發現，基本所有的路徑都要經過詳情頁再到閱讀頁，所以詳情頁是非常重要的轉化觸點。

舊版的詳情頁結構十分混亂，到處都是重點，還分有詳情和目錄兩個子 tab，用戶無法輕易找到想看的信息：

新版詳情頁，我們將所有信息進行整合，去掉那些無用信息，基於讓用戶更容易決策的理念，把重點的決策信息進行突出，比如強化了評分、運營標籤，新增章節封面（讓用戶更好地感受每個章節的大概內容，從而決策要不要進行觀看）：

新舊對比圖：

2. 標籤系統的升級

涉及到的觸點頁面有：首頁、分類、排行、詳情頁。

我們在標籤系統增加了更多維度的信息來幫助用戶進行決策，比如男生、女生榜 top10、月票榜 top10、收藏數破多少萬、在看人數破多少萬等等，相比之前單一的分類標籤，可以讓用戶更直觀的感受作品值不值得閱讀：

除此之外，我們把很多標籤的表達形式變得更加符合用戶視角，基於一些熱點和用戶常用詞彙來進行改造，比如在分類就增加了運營標籤篩選器，其中霸道與廢柴逆襲的數據非常可觀：

• 「霸道」標籤：點擊率 47%、閱讀率 67%
• 「廢柴逆襲」：點擊率 54%、閱讀率 62%

分類新舊對比：

3. 排行榜的多維篩選信息

我們優化了 top 100 榜，把平台評分前 100 的優質漫畫做了整合來讓用戶進行選擇，並且除了評分以外，排行榜還有其他很多維度的決策信息露出，比如月票量、閱讀量等等：

4. 讓用戶更好的識別內容屬性

如果你想讓用戶更好的進行選擇，那就應該讓用戶更容易識別正在看的是什麼內容。

舉個例子，我們在查看首頁各個模塊點擊率的時候，發現小說模塊的點擊率非常低，於是就隨機採訪了幾個用戶，在採訪的過程中我們發現用戶並不是對小說模塊的內容不感興趣，而是根本沒有發現它的存在，在用戶的認知里，小說的封面應該是小豎封的形式，而我們原來採用的卻是橫封的形式，在這樣的背景下，我們把小說的封面從橫封變成豎封，並且對排版也做了優化，更加的透氣：

優化后，小說模塊點擊率提高了 115%。

打造以業務為導向的視覺語言

7.0 的時候，我們的設計是感性的，而 8.0 最大的不同就是我們增加了理性的部分。

我們的出發點很簡單，怎麼能讓用戶更好的進行決策？

如果總是讓用戶分散注意力，那用戶就很難聚焦在內容本身，所以我們做的就是降噪，弱化框架，避免過於花哨，比如在首頁框架優化的時候，橙色的干擾太多了：

所以我們將之前的頁面中繁多的橙色進行無彩色處理，效果對比如下：

效果很明顯，這樣用戶就可以更好的聚焦內容本身。

同樣的道理，書架頁面也是一樣的優化方式：

以上這種優化方式，我們提煉出一個核心的關鍵詞叫做：「色彩降噪」，整個 8.0 的視覺語言也是圍繞這樣一個點提煉出來的，為了避免花哨，我們從7.0 的三色升級為 8.0 的「重色與點綴色的配合使用」：

但是，其實僅僅只是「重色點綴色的配合使用」就可以有很多種玩法，比如純扁平風格、純描邊風格、描邊與扁平結合等等：

這時候選擇使用哪種風格呢？

可以從兩個角度出發，一個是產品屬性、再有一個就是競品分析，比如我們是漫畫平台，所以黑色描邊可以很好的體現漫畫的屬性，其次我們做了一些視覺上的競品分析，我們會發現，前兩種純描邊與純扁平風格已經有很多產品在用了：

於是經過綜合考慮，我們選擇用描邊和扁平結合的設計語言來貫穿始終：

基於這個視覺語言，我們做了圖形延展和插畫延展。

圖形延展包括圖標、按鈕、輔助圖形等等：

插畫延展包括空白頁、表情、性別選擇插圖等等：

所有的延展都是基於「降噪」的設計語言，而「降噪」的設計語言又完全以業務目標為導向，這就是 8.0 改版與以往最大的不同。

7.0 與 8.0 的部分視覺對比：

促進用戶活躍度

在促活方面，我們主要做了等級體系、V 會員體系。

1. 等級體系

等級體系面臨的最大問題就是等級區分不明顯，1 級與 40 級樣式相同，這樣很難激勵用戶去提高等級，在這樣的的問題之下，我們希望能夠讓用戶有一個明顯的等級認知，以此來促進用戶的活躍度，整體等級圖標的樣式也是在 8.0 大的設計語言之下完成的。

對於等級體系的優化，起到了很好的促活效果，可以看下數據對比，平時官方發布的帖子，用戶留言數平均為 100 條，而兩條關於等級體系的帖子，留言數高達 5000+ 條：

這對於我們一期的目標：讓用戶有一個很好的等級認知」 已經算是完成的很好了。

對於等級體系，很多用戶反饋升級升的太快了，而且還有滿級 40 級，不應該封頂，對於這些問題，我們都還在持續優化中。

2. V會員體系

為了提高用戶活躍度以及付費轉化，我們做了 V 會員體系，給出用戶相應的特權，每日禮包、免費領券、漫畫限免、5 折購券等等，整體在 8.0 視覺體系的基礎上，打造一種有趣的、酷酷的會員感覺，為此我們設計了 V 會員的形象，黑子+蛤蟆鏡+傾斜的 V

為了更加的有吸引力，我們採用了 3d 的設計手法來做頭部：

目前 V 會員處在灰度階段，後面全亮後會持續跟進數據情況。

總結

1. 角色定位

在角色方面，設計側以前屬於被動接受需求的一方，現在主動參与前期需求探討，並給出相對應的建議和方案。

2. 視覺體驗

在視覺語言方案，雖然 7.0 已經有了體系化設計語言的意識，但是相對較為感性、主觀，而 8.0 我們完全以業務為導向來進行設計提煉，更好的服務產品。

3. 數據關注

對於數據的關注度，8.0 版本之前是比較零散的，相對沒有那麼敏感，目前設計師都已經開通了相應的數據權限，逐步學習數據的使用。

以上就是 8.0 改版的內容，雖然時間比較緊張，人力資源有限，但在最後的結果反饋，不論是數據、體驗、視覺都有一個較為正向的反饋，這可能只是我們的一個起點，後續我們會持續跟進、優化、升級！

2020 年，繼續加油鴨！

設計相關人員：ouou、菜心、小夢、tina、喬喬。

更多通過改版提升數據的實戰案例：

閱讀文章 >>

閱讀文章 >>

未经-摩登3注册-摩登3测速官网-允许不得转载：摩登3注册-摩登3测速官网 » 無極5登錄_點擊率提升115%！騰訊動漫8.0改版實戰完整復盤