起點課堂會員權益
職業體系課特權
線下行業大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業技能直播
會員專屬社群
榮耀標識信息流產品個人資料卡如何設計？騰訊產品的這些思路供你參考！
編輯導語：個人資料卡頁面可以讓用戶更加了解創作者及其創作內容，吸引用戶關注，推動后續留存，進而推動有效的內容漲粉變現。那么，應該如何針對性地做好相應頁面設計？本篇文章里，作者結合實際案例，就信息流產品如何設計個人資料卡做了總結，一起來看一下。
在信息流產品中，個人資料卡是一個很重要的頁面。一方面，創作者通過這個頁面展示賬號價值，突顯賬號魅力，引導用戶關注；另一方面，消費型用戶通過這個頁面了解創作者，查看創作者更多內容，是眾多消費型用戶消費內容中重要的一環。只有把這個循環做好才能長期促進平臺生態發展。
這個頁面承載著這么多的價值，該如何設計？本篇將以QB看點號資料卡升級的設計思路為例，進行分析解答。
一、前言
在前期分析過程中，我們發現當前版本存在諸多問題。從數據上看，對比公司內同類產品，關注按鈕轉化率較低（出于數據保護、數據隱藏）。
從樣式上看，信息布局較亂，重點不突出。
基于以上背景，我們開始對資料卡進行改版升級。
二、設計前應該思考什么
做任何一個設計前，都應該思考設計目標，否則設計出來的結果沒有意義，也缺乏過程依據和支撐。那么資料卡的設計目標是什么呢？這要從資料卡在信息流產品中的使命和價值說起。
一方面，消費型用戶通過這個頁面了解創作者，查看更多內容；另一方面，創作者通過這個頁面展示賬號價值，突顯賬號魅力，引導瀏覽者關注。
如果創作者能夠在資料卡充分展現自己的才華和魅力，帶來了更多瀏覽者的“關注”，那他們就更有動力分享或生產優質內容，進而使產品內容更加豐富；從而吸引更多新用戶的瀏覽、留存。
更多新用戶的加入、瀏覽、留存，讓內容生產者有更多的漲粉空間，粉絲規模做起來之后再進行商業化。這樣對消費型用戶、內容生產者、平臺方都有利，進而處于良性循環。
三、如何進行資料卡設計
了解了資料卡的使命和價值，設計目標也呼之欲出，作為平臺方，我們需要幫創作者解決兩個問題：輔助創作者吸粉 & 助力商業化變現。
當然，創作者產出優質的內容才是吸粉的關鍵，平臺方只能助攻。但不同的信息流產品有著不同的定位和側重點，吸引著不同的用戶，所以資料卡設計的樣式也不盡相同。
1. 輔助創作者吸粉
在輔助創作者吸粉這里，有兩個維度可以思考：
- 內容展示維度；
- 用戶關注維度。
1）內容展示分析
在資料卡中，有三個大區域：頭圖區，信息區和作品區。
- 頭圖區：指的是頂部的頭圖區域，這里可以讓創作者設置個性化頭圖，展示個性。
- 個人信息區：主要是作者的基本信息，包括昵稱、賬號名、簡介、粉絲數、認證信息等……這里通常還承載著一些等級、榜單，屬于信息展示和官方背書區。
- 作品區：主要展示賬號發布的內容，這部分通常是瀏覽者最關注、瀏覽時間最長的部分。
通過對比市面20+信息流產品，我們發現了一些有趣的規律：
① 頭圖區：越是社區向產品，對頭圖個性化重視程度越高，而資訊類的產品則不太重視。
從產品功能上來看，越是偏向于社區類屬性產品，頭圖區域越大，可自定義替換的范圍也越廣。從用戶使用角度來看，社區類產品的用戶也更愛展示自我，頭圖替換的比例也更大，風格更多樣化。而資訊類產品的創作者大多使用默認頭圖，并不進行個性化設置，自定義頭圖的比例很小。
所以我們在設計頁面布局時，需要思考自身產品定位以及創作者需求，把有限的空間利用在刀刃上。
② 信息區：越是追求多元化收益商業化的產品，信息區承載量越大。
創作者不是活雷鋒，想讓他長久的留在平臺必然需要給到創作者更多收益（收益除了顯性也有隱形的，比如B站，很多創作者在B站發文平臺收益相比其他平臺少，但因為品牌聲量大、氛圍好，獲得了巨大的關注和曝光，所以即使收益低，創作者也會持續在平臺投稿）。
除了流量分成外，平臺們也在幫助創作者實現多元化的收益，比如商鋪、直播、付費課程粉絲圈等。甚至抖音很多創作者直接把商務合作寫在了個人簡介中招商引資。所以這個區域，隨著多元化商業收入的更多嘗試，信息承載量也越來越大。
③ 內容區：越是長內容，越傾向于展示更多作品和更多信息；越是短內容，越是“看就完了”。
對比多款產品我們發現，越是長內容的產品，在內容區越是注重效率選擇。通常會顯示更多內容，且單條內容會顯示更多維度幫助瀏覽者決策是否點擊查看。猜測可能是因為內容較長，瀏覽者通常會花費更多精力在選擇上。而越是短內容，把單條內容放大，促進瀏覽者點擊，直接“看就完了”，反正一條也沒太長時間。
所以設計資料卡時，需要設計者清晰了解自己平臺內容特征以及用戶行為偏好，做出更合適自己平臺風格的設計。
綜上，在做內容布局展示時，需要綜合考慮產品定位，思考這些區域對于產品和創作者瀏覽者意味著什么。
比如頭圖區域，資訊類產品并不重視，畢竟賬號還是靠內容說話，即便是放張個性化頭圖，瀏覽者也不會因此而關注。而且大家都使用默認頭圖，個性化無從說起，就更沒有什么意義了。
那么如何讓頭圖有價值？創作者愿意為此更換，而瀏覽者看到能夠感受到帳號的特殊性？
筆者提供一個思路拋磚引玉，參考App Store的編輯精選：只有精選的APP才可以有頭圖權利，其他APP都是默認樣式。而稀缺性和被認可，正是人類所追逐和渴望的。如果平臺選出一些精選帳號，賦予其設置頭圖資格。作為創作者，非常有意愿去更換，因為可以體現出和其他賬號的不同。瀏覽者也可以通過頭圖感受到當前賬號的優質屬性。
2）用戶行為關注調研
既然要幫賬號吸粉，那么我需要了解瀏覽者的行為偏好，知曉瀏覽者根據哪些內容判斷是否關注該賬號。
這里我們線下調研了12名用戶，了解他們在信息流產品中（產品不限于B站、抖音、小紅書、知乎、快手等）進入資料卡后，通過哪些信息和元素來決策是否關注賬號。
通過訪談，我們得到了12名用戶的原始表述。
我們發現，瀏覽者在關注賬號的時候，主要在意“內容是不是感興趣” 、“粉絲量多少” 和 “內容領域”。少量同學提到了會關注下作品數，其他信息基本不看。
原話摘錄：
〇主要看作者發的內容，把高播放量的看一下，如果都比較感興趣就會關注。會看一下粉絲量，粉絲量多代表質量比較好，關注不會踩坑。作品數會看一眼，如果作品太少，比如5個以下就不關注了直接看。
〇只看內容，其他作者資料基本都不看，偶爾看一下粉絲數。教程不看粉絲數，教程如果是我需要的內容，就算粉絲少我也會關注。
〇主要看作者別的視頻，關注主要是為收藏，不看別的只看所有視頻。會關注最近內容的播放量怎么樣，其他基本不看。
〇那肯定是看內容是不是感興趣啊，關鍵還是看內容，粉絲量和點贊作品數會看一下，但不會作為關注的主要原因。如果粉絲量作品數多的話，關注動力會大一些。其他的都不看。
〇還是看內容是不是感興趣。粉絲量分情況，特別需要的內容不關注粉絲量，搞笑類生活類的會看下粉絲量再考慮是不是關注。有一些作者如果只看個別內容感興趣但整個領域不感興趣的話不會關注。通過標題大概判斷是不是自己喜歡的類型，最主要的還是內容，其他的不看，粉絲量會看一下別太差就行。
而在操作路徑上，進入資料卡后：先到作品區查看內容列表→拖動頁面向上查看更多內容→返回信息區查看粉絲量→關注賬號。呈現先下后上的操作路徑。
行為路徑結合關注決策，有三個關鍵元素是形成操作鏈條并綁定在一起：內容、粉絲數、關注按鈕。且內容為高播放量內容，所以高播放量內容，粉絲數是決策關鍵，激發下一步關注行為。
而且我們在訪談中發現，關注行為也是一個偏沖動行為，用戶通常在進入資料卡的幾分鐘內做出決定，在頁面停留時間越長，越不容易發生關注行為。所以在設計中，盡量縮短決策路徑，減少決策時間。
基于以上結論我們做了兩個方案再次進行測試：
- 方案1：傳統樣式；
- 方案2：高播放量內容，粉絲量，關注按鈕放置在同一區域，縮短決策路徑。
為什么做一個傳統方案進行對比測試也是因為現在很多產品資料卡頁面趨同，大家已經形成了認知慣性，而尊重用戶習慣也是產品設計中需要考量的因素。接下來，我們又找了12名同學進行訪談和測試。
出乎意料的是，大家對于新事物的接受程度很高，有八名同學選擇方案2。雖然只是理論上的選擇，并沒有延伸到實際行為，但也佐證了大家對于高播放量內容確實存在很高的需求。對于選擇方案1（傳統樣式）的同學來說，主要是不喜歡橫滑操作和不想改變既有習慣。
原話摘錄：
〇喜歡方案1，不喜歡橫滑，習慣豎著操作，標題清晰。
〇喜歡方案1，橫著這樣展示好像沒有豎著這樣展示清晰，喜歡這種長條的樣式。
〇喜歡方案2，喜歡這個，重點突出，符合我的習慣，如果高播放量內容都不錯我就會關注，省得找來找去了。
〇喜歡方案2，上面這個類似youtube的popular uploads的東西能讓你第一眼看出這個UP主牛在哪。
不管哪種樣式，內容都是重中之重。既然是重中之重，大家也會注意到，有些內容區視頻是雙列形式，有些視頻是單列形式。那么瀏覽者如何看待這種區別呢？會對關注產生影響嗎？
基于兩種樣式進行訪談，比分最后打成平手。雖然在2選1的要求下大家各有各的選擇，但最后也都表示差不太多，都能接受。從信息利用率上來講，雙列的形態展示的內容更多，而且對視頻更加友好，預覽圖比較大。所以如果是視頻內容，可以使用雙列大預覽圖樣式。
以上是關注吸粉的部分，設計時需要綜合考慮產品定位和用戶行為特征進行頁面布局。
2. 助力商業化變現
商業化能力是創作者與平臺形成強關系的紐帶。平臺為幫助創作者變現，不僅通過各類扶持政策給予補貼， 更是通過整合各類商業資源，不斷拓展商業化渠道，打通全流程商業鏈條，幫助創作者實現內容價值最大化。一般平臺提供商業化有三種類型。
1）基礎工具
- 商業基礎：平臺提供流量分成、現金獎勵等；
- 商業化功能：打賞、電商功能、內容付費功能、直播功能等；
- 精準推送功能：粉絲分組推送、粉絲必達等。
2）平臺政策
- 扶持計劃：出臺各類流量扶持政策，賦能變現；
- 獎勵政策：MCN簽約、創作活動。
3）資源整合
商業資源整合：整合平臺內外部的廣告主資源、商業活動資源、投融資服務、新媒體賬號孵化等各類資源。
資料卡涉及到的商業化展示主要為：電商能力、內容付費、粉絲圈/粉絲付費。當有這些商業化內容的時候，通常占用信息區一行區域，大多數信息流產品多如此。
但當多種商業化能力同時提供時，不同的產品給出了不同的解決方案。比如大多數產品合并在信息區的一行，通過橫劃展示更多，以保證其他內容的露出。畢竟對于瀏覽者來講，內容才是最重要的。
有一些產品則沒有選擇合并的方式而每個占用一行空間，與此同時，把創作者的信息展示的也更為詳細，可能和本身社區類產品的定位有關，希望更能關注除了內容以外，創作者自身的獨特價值。
還有一些產品則利用了內容tab區域承載櫥窗和付費服務，減少信息區的占用，還可以通過邏輯把不同渠道或不同場景的用戶引導不同tab，讓瀏覽者看到更適合自己的內容。
四、總結
資料卡里承載了很多的信息，從創作者的個性展示到內容到商業化變現，需要我們不斷平衡每個區域的關系。
別的產品這么做，并不一定適合自己的業務，需要我們找準自己產品的定位，結合當下業務重點去綜合考慮。
業務是偏資訊的還是偏社區的？是偏短內容平臺還是長內容？有沒有提供足夠多的商業變現能力給到創作者？商業化能力做得如何？不同模塊的用戶數據怎么樣？只有對現有業務充分了解，才知道哪些是現階段的重點，才能對一個頁面做出更有依據的設計。
參考資料：
大牙，《設計思考：個人主頁和個人中心有什么區別？》
http://www.aharts.cn/pd/4174672.html
作者：fifisama，來自騰訊?FXD 設計團隊
推薦關注公眾號 “騰訊設計”（ 微信ID：TencentDesign ），第一時間獲取騰訊官方的設計方法論
本文由 @騰訊設計 原創發布于人人都是產品經理，未經許可，禁止轉載
題圖來自Pexels，基于CC0協議
- 目前還沒評論，等你發揮！
