“個人主頁”是一個聽起來很熟悉，但又跟“個人中心”傻傻分不清楚的一個模塊，一般情況下處于APP底Tab的最右邊，通常喊它為“我的”。

這個界面看似沒什么挑戰(zhàn)可言，給設(shè)計師一種“不就是排排版的事兒嘛”的膨脹誤解，認(rèn)為完全在自己射程范圍內(nèi)，整個人都有點飄。

但最近發(fā)現(xiàn)，它并不像表面所呈現(xiàn)出的那么簡單，其實里面有很多小揪揪需要深挖和思考，所以千萬不能小瞧它。

好，廢話不多說，上才藝。

 個人主頁和個人中心的區(qū)別是？ 

講“個人主頁”前，先跟大家捋一下它倆的區(qū)別，避免混淆。首先，并沒有官方定義它們的名字，只是喊的人多了也就成了它們的名字了。

所以“個人主頁”也好、“個人中心”也罷，只是大家習(xí)慣性稱呼，為了合作過程中大家在同一個話語體系，提效而已。

要說它們倆的區(qū)別，其實還是有的。

 什么是個人中心？

個人中心，承載著自己賬號信息、設(shè)置管理、福利信息等功能的聚合地，主要用于個人信息的管理。

它常見于“工具類”產(chǎn)品中，如下：

對于“個人中心”，設(shè)計師要考慮的最核心是：如何解決“效率”問題。因此信息布局合理，視覺盡可能減少干擾，變得格外重要。

什么是個人主頁？

個人主頁，一般承載著用戶個人信息、個人影響力、生產(chǎn)的內(nèi)容等等，以此突顯自己魅力或定位。

常出現(xiàn)在內(nèi)容、社交、社區(qū)類產(chǎn)品中，比如以下產(chǎn)品：

當(dāng)然，還有一些產(chǎn)品，它既包含“個人中心”，也包含“個人主頁”，如下：

整體來看，“個人中心”偏向于個人信息的管理，更關(guān)注于“效率”；而“個人主頁”偏向于展示自我，關(guān)注點更“多元”，會復(fù)雜一些，下面會細講。搞明白了它們的區(qū)別之后，大家會發(fā)現(xiàn)“個人中心”相對更簡單一些。

所以，這次我們先聚焦聊聊“個人主頁”。

 設(shè)計“個人主頁”前思考什么？

在工作中，做任何需求都應(yīng)該有其目的或目標(biāo)，不然所有的忙碌都容易淪為資源的浪費?！皞€人主頁”也應(yīng)有其價值和使命。

像上一趴所說，“個人主頁”是為了讓用戶突顯或塑造自己的魅力，很像是一個人的“個人名片”。那么，用戶塑造個人魅力對產(chǎn)品有什么價值和收益呢？目標(biāo)是什么呢？

拿短視頻產(chǎn)品舉例：如果用戶能夠在“個人主頁”充分展現(xiàn)自己的才華和魅力，從而帶來了更多瀏覽者的“關(guān)注”，那他們就更有動力分享或生產(chǎn)優(yōu)質(zhì)內(nèi)容，進而使產(chǎn)品內(nèi)容更加豐富；從而吸引更多新用戶的瀏覽、留存。

更多新用戶的加入、瀏覽、留存，讓內(nèi)容生產(chǎn)者有更多的漲粉空間，粉絲規(guī)模做起來之后再進行商業(yè)化。

這樣對消費型用戶、內(nèi)容生產(chǎn)者、平臺方都有利，進而處于良性循環(huán)。

這就是“個人主頁”背后的大概邏輯和目的。

 如何進行“個人主頁”的設(shè)計？

了解完“個人主頁”存在的價值和目標(biāo)之后，那么，作為產(chǎn)品或設(shè)計師們需要幫助用戶解決幾個問題：1.樹立人設(shè)；2.輔助吸粉; 3.助力變現(xiàn)。

 1.樹立人設(shè) 

人為什么需要樹立人設(shè)？

樹立人設(shè)，本質(zhì)上是兩種目的：獲得認(rèn)可（提升關(guān)注/約X），獲得收入（提升變現(xiàn)能力）。

如何幫助用戶快速建立人設(shè)？

個人主頁里有幾個區(qū)域，影響著用戶建立人設(shè)：a.頭圖區(qū)；b.個人信息區(qū)；c.作品區(qū)；

a.頭圖區(qū)

頭圖，指的是“個人主頁”頂部的圖片區(qū)域。

為了讓瀏覽者進入“個人主頁”快速了解作者，頭圖這種處理手法，是很多社交/社區(qū)/內(nèi)容類產(chǎn)品，“樹立人設(shè)”的標(biāo)配。

比如：社交類產(chǎn)品的頭圖，用戶要么放自己照片，要么放風(fēng)景；

大V、商家等角色的用戶，會把頭圖打造成自己品牌的招牌，輔助瀏覽者快速了解自己定位。

不過，頭圖尺寸占比要把控好。

尺寸大小會影響界面的“屏效比”和用戶“上傳門檻兒”，對產(chǎn)品核心數(shù)據(jù)也有著千絲萬縷的關(guān)系。

b.個人信息區(qū)

個人信息區(qū)，也是作者的基礎(chǔ)資料。

一般包含著：用戶的昵稱、賬號、簡介、標(biāo)簽、粉絲關(guān)注量、關(guān)系鏈等信息。這個區(qū)域設(shè)計時需要重點考慮“信息親密度”和“信息優(yōu)先級”。

信息親密度：指的是如何將更親近的信息，以信息組的形式傳遞，減少用戶認(rèn)知成本。

比如下圖，常見的社區(qū)或內(nèi)容類產(chǎn)品針對“個人信息區(qū)”的處理方式（同一顏色的色塊代表親密度更強的信息。）

同時，“信息組”與“信息組”之間也需要處理好親密度，比如“小紅書”和“instagram”的“好友關(guān)系鏈”與“關(guān)注按鈕”是放一起的，方便用戶快速作出“關(guān)注”決策。

c.作品區(qū)

作品區(qū)的重要性不用多說了，它是作者“樹立人設(shè)”的重要組成部分，也直接影響著瀏覽者是否愿意關(guān)注的關(guān)鍵因素。

“作品區(qū)”設(shè)計時，有2個重要因素需要考慮：“作品尺寸占比”、“作品信息外顯”。

1）作品尺寸占比:

比如下圖，同樣是短視頻產(chǎn)品，Before作品區(qū)一排僅1個作品，剪映2個作品，而抖音3個作品。

單從排版美丑來評價是不負責(zé)的，那么如何決策哪種處理手法“對”的呢？

這需要通過自己產(chǎn)品定位分析，以及通過不同布局方式進行上線測試，重點觀測核心數(shù)據(jù)（用戶消費時長/作品消費個數(shù)/關(guān)注率等）的影響情況來決策。

2）作品信息外顯:

除了作品本身，它的“輔助信息”也是幫助用戶做決策的重要因素。

比如：“Before”除了對作品熱度信息（瀏覽量、評論量等）外顯以外，更強調(diào)和引導(dǎo)用戶進行互動，如：收藏、分享、評論、充電；“剪映”根據(jù)產(chǎn)品屬性，更強調(diào)“使用數(shù)”和“作品的描述文案”；“抖音”作品僅外顯“點贊數(shù)‘，同時通過“置頂”和“剛剛看過”提升用戶決策效率。

以上可以看出，頭圖區(qū)、個人信息區(qū)、作品區(qū)，是讓瀏覽者快速且準(zhǔn)確的了解或關(guān)注內(nèi)容創(chuàng)作者重要組成部分，也是內(nèi)容創(chuàng)作者“樹立人設(shè)”的主要手段。

 2.輔助吸粉 

輔助吸粉，換句話說也是輔助用戶提升“關(guān)注率”。

不可否認(rèn)，清晰的編輯個人信息，產(chǎn)出優(yōu)質(zhì)的內(nèi)容，是用戶吸粉的根本，我們能做的只是“助攻”。

所以，在做此類“個人主頁”時，我們需要通過設(shè)計手段做個靠譜“奶媽”，有幾個維度可以嘗試：a.強化關(guān)注；b.沉淀粉絲。

a.強化關(guān)注

衡量粉絲多少，是通過用戶是否點擊“關(guān)注”了內(nèi)容創(chuàng)作者。

因此身為產(chǎn)品工作人員，在個人主頁設(shè)計時，除了其它信息呈現(xiàn)以外，在不影響頁面信息合理性的情況下，盡可能強化“關(guān)注”按鈕，引導(dǎo)用戶操作。

b.沉淀粉絲

有了粉絲之后，提升粉絲忠誠度和粘性，是每一個內(nèi)容生產(chǎn)者面臨的問題，也是工作人員們需要幫內(nèi)容創(chuàng)作者解決的。

左邊是“快手”，在個人主頁內(nèi)有粉絲群入口；右邊是“火山”，打造自己的“圈子”，粉絲們可以在里面發(fā)自己的動態(tài)，或進行互動。

這么做是為了提升內(nèi)容創(chuàng)作者的粉絲粘性，給他們更大的空間去運營粉絲，培養(yǎng)感情，打造更忠誠的私域流量。

 3.助力變現(xiàn) 

除了樹立人設(shè)、輔助吸粉以外，助力他們變現(xiàn)，才能使他們長期扎根于此（留在自己平臺）。不然大V們會帶著自己圈到的粉絲，去別的地兒賺錢，給你的產(chǎn)品帶綠帽子。

拿知乎舉例，內(nèi)容創(chuàng)作者可以在個人主頁掛自己的商品櫥窗，給符合自己人設(shè)的商品帶貨。

也可以開通付費咨詢模塊，通過幫助用戶解答問題實現(xiàn)變現(xiàn)。

除此之外，還可以做付費Live課程。

再來看下像嗶哩嗶哩、抖音、火山、QQ音樂等平臺，在個人主頁都有輔助用戶變現(xiàn)的入口。

下面是“聲撩”，利用用戶聲音的優(yōu)勢去變現(xiàn)，比如：陪打游戲（軟妹子聲音讓王者峽谷的漢子們興奮）、睡前陪聊、睡前連麥等等。

如果你真的很富有，且不想讓妹子陪聊陪打游戲，就是單純的想砸禮物引起注意，右圖可以看出，有個入口是直接“送禮”。

這么做滿足土豪訴求（博取主播注意），滿足主播訴求（變現(xiàn)），滿足平臺訴求（抽成），何樂而不為。

同時，也越來越多了產(chǎn)品不僅解決C端用戶的變現(xiàn)訴求，同時解決B端用戶變現(xiàn)訴求。比如，抖音賦能商家，商家號的“個人主頁”可以自定義tab，默認(rèn)展示“商品”tab。

用戶不僅能在這里消費作品，還能通過作品建立的信任促進購買行為。

再比如，instagram也提供B端用戶開店鋪功能。

以上，是關(guān)于“個人主頁”如何助力用戶變現(xiàn)的案例，其實玩法還有很多，這里僅提供一些思路，大家平常玩APP時可以多關(guān)注下。

   總結(jié)   

總的來說，“個人中心”與“個人主頁”最大的區(qū)別在于：“個人中心”主要是“給自己看的”，更注重使用效率。

“個人主頁”主要是“給他人看的”，更注重突顯自己魅力。在滿足使用效率的基礎(chǔ)上，需要通過產(chǎn)品設(shè)計手段幫助用戶“樹立人設(shè)”、“輔助吸粉”、“助力變現(xiàn)”，從而使用戶和平臺實現(xiàn)雙贏，打造一個更完善的生態(tài)。

以上，是“個人主頁”設(shè)計相關(guān)思考，希望對你們有所幫助。

文章來源：UI中國    作者：大牙

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