對外行業(yè)角度+對內(nèi)產(chǎn)品角度 

◆對外行業(yè)角度：

漫畫行業(yè)近幾年屬于紅海市場，隨著行列競爭日益激烈，除了騰訊動漫國內(nèi)市場上也出現(xiàn)了不少頭部動漫產(chǎn)品如快看漫畫、嗶哩嗶哩漫畫、咚漫漫畫等，加上短視頻沖擊，導(dǎo)致動漫內(nèi)容整體大盤逐步開始出現(xiàn)被分流的狀態(tài)，這是從行業(yè)角度能夠觀察到的行業(yè)形態(tài)上的變化。 

◆對內(nèi)產(chǎn)品角度：

行業(yè)+數(shù)據(jù)+用戶 

通過行業(yè)趨勢的變化和產(chǎn)品內(nèi)部數(shù)據(jù)表現(xiàn)可以發(fā)現(xiàn)產(chǎn)品目前處于生命周期的哪一個階段，但想要了解產(chǎn)品具體滑落的原因，還需要進(jìn)一步對問題進(jìn)行定位和分析。 

◆外部競爭：

橫向了解自己產(chǎn)品所處的環(huán)境以及競爭對手可以幫助判斷產(chǎn)品發(fā)展趨勢。我們對市面上分流產(chǎn)品都做了調(diào)研，發(fā)現(xiàn)外部除了同類內(nèi)容型產(chǎn)品，短視頻產(chǎn)品沖擊最為劇烈，抖音快手分流嚴(yán)重。同時，在內(nèi)容行業(yè)這片紅海也涌現(xiàn)出了非常多的漫畫類型產(chǎn)品，同類競爭非常激烈，產(chǎn)品形態(tài)和內(nèi)容題材同質(zhì)化越來越嚴(yán)重。 

◆內(nèi)部困境：

縱向知道自身產(chǎn)品的運(yùn)轉(zhuǎn)邏輯以及長短板有助于站在業(yè)務(wù)角度去思考問題。漫畫是內(nèi)容型產(chǎn)品，除了自制，大多數(shù)內(nèi)容依靠采買，版權(quán)成本投入非常高；相比小說這類文字內(nèi)容，漫畫的制作時間周期長，更新頻率相對比較慢；以及漫畫作為娛樂內(nèi)容產(chǎn)業(yè)，并不是日常功能類的剛需型產(chǎn)品，可被替代性成本很低；這些都是我們產(chǎn)品面臨的客觀問題。

◆數(shù)據(jù)拆分：

除了對于產(chǎn)品大盤數(shù)據(jù)起伏有基礎(chǔ)的了解，更需要知道產(chǎn)品每一個模塊兒具體數(shù)據(jù)變化，以便了解用戶在產(chǎn)品各個場景的使用情況和具體問題。通過對騰訊動漫用戶產(chǎn)品使用路徑分段拆分，能夠從：用戶新進(jìn)-內(nèi)容消費(fèi)-評論互動等不同場景數(shù)據(jù)分析能夠看出用戶的整體活躍度有明顯下降。

◆用戶分層：

通過對產(chǎn)品各場景數(shù)據(jù)模塊兒的拆分能夠了解用戶使用產(chǎn)品情況，如果想要進(jìn)一步知道為什么這些數(shù)據(jù)會發(fā)生變化，就需要從使用者本身，也就是用戶角度來進(jìn)行具體分析。

明確目標(biāo)+目測拆解+設(shè)計(jì)策略 

明確產(chǎn)品存在的痛點(diǎn)之后，核心要做的事情就是尋求解決這些痛點(diǎn)的方案，這些解決方案可能并不是直接和設(shè)計(jì)關(guān)聯(lián)的，以及在解決方案方向比較模糊的情況下我們?nèi)绾螠?zhǔn)確定位到設(shè)計(jì)目標(biāo)并執(zhí)行具體實(shí)施策略非常關(guān)鍵。  

◆明確目標(biāo)： 

產(chǎn)品體驗(yàn)設(shè)計(jì)的價值核心體現(xiàn)在兩個方面：1 幫助業(yè)務(wù)更好達(dá)成目標(biāo)；2 給用戶帶來體驗(yàn)價值。體驗(yàn)設(shè)計(jì)在制定目標(biāo)的時候，會圍繞這兩點(diǎn)去進(jìn)行切入。通過前期對于產(chǎn)品問題定位發(fā)現(xiàn)從行業(yè)、數(shù)據(jù)、用戶等不同維度分析出來的問題可以歸類為兩大類：業(yè)務(wù)訴求和用戶需求。再根據(jù)這兩大類問題結(jié)合我們產(chǎn)品實(shí)際情況分析出目前需要解決的問題是：1提升產(chǎn)品用戶價值；2實(shí)現(xiàn)產(chǎn)品數(shù)據(jù)的增長；而設(shè)計(jì)目標(biāo)就是通過設(shè)計(jì)手段去實(shí)現(xiàn)這兩點(diǎn)。 

◆目標(biāo)拆解：

設(shè)計(jì)目標(biāo)的明確決定項(xiàng)目在上的設(shè)計(jì)方向和預(yù)期，要找到設(shè)計(jì)著力點(diǎn)還需要進(jìn)行目標(biāo)拆解，根據(jù)不同目標(biāo)制定不同的設(shè)計(jì)策略。騰訊動漫是內(nèi)容型產(chǎn)品，我們根據(jù)用戶使用行為梳理了用戶在產(chǎn)品時的內(nèi)容消費(fèi)模型（吸引-感興趣-體驗(yàn)-滿足-留存）。這個模型和用戶體驗(yàn)地圖類似，用戶在不同階段所關(guān)注的核心點(diǎn)以及體驗(yàn)訴求會發(fā)生變化，所以我們將模型進(jìn)行分段拆分，分為前期內(nèi)容基礎(chǔ)體驗(yàn)和后期消費(fèi)轉(zhuǎn)化兩個部分，并且針對這兩個部分不同體驗(yàn)場景進(jìn)行要點(diǎn)提煉。 

◆設(shè)計(jì)策略：

有了設(shè)計(jì)目標(biāo)和內(nèi)容體驗(yàn)?zāi)Ｐ?，如何讓兩者有效的結(jié)合起來形成可推動落地的方案，就是設(shè)計(jì)策略要做的核心內(nèi)容。

• 1基礎(chǔ)體驗(yàn)升級，通過滿足用戶在不同場景下的體驗(yàn)訴求，提升產(chǎn)品對于用戶的體驗(yàn)價值。

• 2消費(fèi)轉(zhuǎn)化部分，基于用戶內(nèi)容消費(fèi)閱讀路徑，建立付費(fèi)轉(zhuǎn)化機(jī)制，從而帶來付費(fèi)營收的增長，實(shí)現(xiàn)產(chǎn)品商業(yè)化閉環(huán)。 

◆基礎(chǔ)體驗(yàn)

基于內(nèi)容消費(fèi)模型，我們分別對用戶尋找內(nèi)容進(jìn)行了：視覺聚焦-建立視覺降噪體系、內(nèi)容識別-加強(qiáng)內(nèi)容拓展性、信息決策-提供有效決策信息等不同策略的優(yōu)化。 

◆視覺聚焦-建立視覺降噪體系

首先是色彩和設(shè)計(jì)樣式上做減法，再根據(jù)簡化后的色彩和樣式搭建了圖形體系、圖標(biāo)、插畫體系，用在產(chǎn)品全局的視覺降噪體系上。 

◆內(nèi)容識別-加強(qiáng)內(nèi)容拓展性

從品類拓展和特性打造入手。首先是結(jié)構(gòu)的拓展，3種增加到9種，并且可以在首頁隨意組合，提升內(nèi)容組成的多樣性。內(nèi)容模塊兒的特性上，根據(jù)模塊兒不同內(nèi)容屬性進(jìn)行了重新打造，調(diào)整后數(shù)據(jù)效果非常不錯。 

◆信息決策-提供有效決策信息

為了提升決策效率，我們在內(nèi)容篩選和決策上做了比較大的調(diào)整。對排行榜的結(jié)構(gòu)和信息組成都進(jìn)行了大的調(diào)整，對分類標(biāo)簽進(jìn)行了優(yōu)化，作品標(biāo)簽由官方維度轉(zhuǎn)換為了用戶維度和作品維度，同時除了配置官方分類標(biāo)簽以外，新增符合用戶認(rèn)知和當(dāng)下潮流的個性化分類標(biāo)簽。 

排行榜以前榜單形式是固定且單一的，在拓展性，品類以及公信力上都會有很多的問題。為了提升篩選效率，我們將排行榜單重新梳理，采用縱向結(jié)構(gòu)滿足不同綁帶配置訴求；同時將榜單進(jìn)行拓充，新增不同維度的榜單豐富榜單品類；在每個上榜作品上添加了作品評分以及用戶評論數(shù)，提升榜單公信力。 

然后是詳情頁決策，從頁面底層結(jié)構(gòu)開始著手開始梳理，用戶訪談發(fā)現(xiàn)，線上詳情頁結(jié)構(gòu)和用戶視角的結(jié)構(gòu)重合度非常低，于是我們對詳情頁架構(gòu)進(jìn)行了優(yōu)化調(diào)整，新版的詳情頁架構(gòu)結(jié)構(gòu)順序以及信息層級上，都更符合用戶的認(rèn)知。在整個決策過程中，我們通過優(yōu)化詳情頁信息結(jié)構(gòu)，在用戶瀏覽過程中用不斷吸引-刺激-加強(qiáng)用戶的決策，更有效提升決策效率。 

基礎(chǔ)體驗(yàn)的第二部分是看內(nèi)容，對于看內(nèi)容的體驗(yàn)，我們基于漫畫內(nèi)容特性和用戶核心的操作體驗(yàn)去進(jìn)行了在觀看體驗(yàn)和閱讀操作上的體驗(yàn)優(yōu)化。 

• 第一點(diǎn)是終端適配，將傳統(tǒng)頁漫去進(jìn)行條漫的分鏡優(yōu)化，讓其更好的適配手機(jī)閱讀體驗(yàn)；

• 第二點(diǎn)是畫質(zhì)賽選，淘汰掉小尺寸的漫畫圖源，新增800PX以上高清圖源，確保顯示清晰度；

• 第三點(diǎn)是建立后臺上傳系統(tǒng)，規(guī)范上傳的尺寸、格式、以及大小等，從根源去解決漫畫品質(zhì)的問題。 

看內(nèi)容第二個核心環(huán)節(jié)是操作，對整個瀏覽器的色調(diào)進(jìn)行了輕量化設(shè)計(jì)，提升沉浸式觀感和舒適度。同時，簡化了信息欄結(jié)構(gòu)，并且將高頻操作提核，提升操作效率和易用性。 

基礎(chǔ)體驗(yàn)上，我們根據(jù)用戶找內(nèi)容和看內(nèi)容的不同場景，進(jìn)行體驗(yàn)的優(yōu)化，提升產(chǎn)品對于用戶的使用價值，也為我們后續(xù)進(jìn)行進(jìn)一步的內(nèi)容消費(fèi)轉(zhuǎn)化，提供了契機(jī)。

◆付費(fèi)轉(zhuǎn)化

我們根據(jù)用戶找內(nèi)容和看內(nèi)容的不同場景，進(jìn)行了基礎(chǔ)體驗(yàn)的優(yōu)化，提升產(chǎn)品對于用戶的使用價值，也為我們后續(xù)進(jìn)行進(jìn)一步的內(nèi)容消費(fèi)轉(zhuǎn)化，提供了契機(jī)。

良性的消費(fèi)轉(zhuǎn)化機(jī)制建立是我們的第二大設(shè)計(jì)核目標(biāo)，基于用戶內(nèi)容消費(fèi)路徑建立付費(fèi)轉(zhuǎn)化機(jī)制。根據(jù)用戶閱讀路徑下的體驗(yàn)地圖，分析他們不同階段的核心訴求，從而找到設(shè)計(jì)機(jī)會點(diǎn)，再將設(shè)計(jì)機(jī)會點(diǎn)轉(zhuǎn)化成設(shè)計(jì)目標(biāo)，從而制定設(shè)計(jì)策略。分別在用戶閱讀內(nèi)容的不同階段對用戶進(jìn)行付費(fèi)轉(zhuǎn)化上的引導(dǎo)刺激以及養(yǎng)成。 

 這里結(jié)合實(shí)際輸出案例具體分析下：我們根據(jù)用戶閱讀路徑分為閱讀前、閱讀中、閱讀后，分別在不同階段根據(jù)用戶不同訴求去進(jìn)行設(shè)計(jì)目標(biāo)制定和方案實(shí)施。 

閱讀前-閱讀前核心訴求是去引導(dǎo)消費(fèi)，從其他場景進(jìn)入瀏覽頁，用戶最直接的目標(biāo)是希望能夠盡快看到內(nèi)容，所以獲取內(nèi)容的效率非常重要。我們將以前的支付跳轉(zhuǎn)頁面，改為支付彈層，并且將所有付費(fèi)信息整合分層，最大化提升用戶付費(fèi)效率，幫助用戶快速獲取內(nèi)容；針對用戶對于付費(fèi)的抵觸心理，采用情感化的設(shè)計(jì)，在彈窗上加入了品牌形象，并從創(chuàng)作者口吻弱化官方盈利感知，同時也為用戶提供非付費(fèi)的觀看途徑，平衡用戶心理預(yù)期。 

閱讀中-在閱讀中，核心目的是去刺激用戶消費(fèi)，刺激用戶消費(fèi)需要從內(nèi)容本身去挖掘用戶的消費(fèi)點(diǎn)。這里做了兩點(diǎn)優(yōu)化：第一，優(yōu)化彈幕交互形式，新增表情互動功能，用戶可以直接發(fā)布表情包代替文字彈幕，降低彈幕互動門檻；第二提供個性化彈幕皮膚，皮膚有主題性質(zhì)和IP維度，用戶可以根據(jù)自己喜好調(diào)選各自風(fēng)格或者不同作品人物的彈幕皮膚，滿足用戶個性化定制需求。 

閱讀后– 最后是閱讀完作品后的消費(fèi)養(yǎng)成，我們嘗試去搭建用戶的榮譽(yù)體系，首先增加針對作品的打賞道具，用戶可以根據(jù)自己喜好去對作品進(jìn)行打賞或者吐槽，滿足用戶對于作品的情感宣泄。同時我們也進(jìn)行了榮譽(yù)體系的搭建，對整個等級體系進(jìn)行升級，以前我們等級感知，趣味性都很差。于是針對等級體系，我們開展了全民共創(chuàng)模式，在用戶群體中去征集關(guān)于等級的創(chuàng)意想法，強(qiáng)化參與感。新版等級新增6種不同特殊樣式，強(qiáng)化不同等級之間的差異感，刺激用戶升級的活躍度。最后會設(shè)計(jì)用戶專屬個人等級卡片和打賞榜，滿足個人成就感，加強(qiáng)用戶對于榮譽(yù)體系的粘性。 

設(shè)計(jì)體系搭建 

在設(shè)計(jì)方案落地實(shí)現(xiàn)的過程中，經(jīng)常會遇到兩類問題：

• 1.是設(shè)計(jì)上下游協(xié)同過程效率得不到有效保證。

• 2.實(shí)現(xiàn)過程中設(shè)計(jì)方案的還原偏差。為了解決這兩個問題我們進(jìn)行了設(shè)計(jì)體系的初步搭建。首先，為了確保設(shè)計(jì)語言的一致性，我們提前制定了視覺規(guī)范；其次，也將部分模塊組件化封裝上傳到協(xié)同平臺形成組件庫，做到隨用隨?。蝗缓?，在協(xié)同上利用智能標(biāo)注軟件和切圖軟件，效率高且精準(zhǔn)的解決開發(fā)實(shí)現(xiàn)還原的問題；通過設(shè)計(jì)系統(tǒng)的完善，去提升項(xiàng)目的實(shí)現(xiàn)能力和協(xié)作效率。 

數(shù)據(jù)+專業(yè)+口碑 

主觀維度：

在客觀角度：

– 本文小結(jié) –

z

原文地址：TCD設(shè)計(jì)中心（公眾號）

作者： OUOU

轉(zhuǎn)載請注明：學(xué)UI網(wǎng)》【產(chǎn)品體驗(yàn)設(shè)計(jì)】-設(shè)計(jì)實(shí)踐篇

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請掃碼藍(lán)小助，報(bào)下信息，藍(lán)小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( www.bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)