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

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

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

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

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

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

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

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

 什么是個人中心？

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

它常見于“工具類”產品中，如下：

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

什么是個人主頁？

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

常出現在內容、社交、社區(qū)類產品中，比如以下產品：

當然，還有一些產品，它既包含“個人中心”，也包含“個人主頁”，如下：

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

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

 設計“個人主頁”前思考什么？

在工作中，做任何需求都應該有其目的或目標，不然所有的忙碌都容易淪為資源的浪費。“個人主頁”也應有其價值和使命。

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

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

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

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

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

 如何進行“個人主頁”的設計？

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

 1.樹立人設 

人為什么需要樹立人設？

樹立人設，本質上是兩種目的：獲得認可（提升關注/約X），獲得收入（提升變現能力）。

如何幫助用戶快速建立人設？

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

a.頭圖區(qū)

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

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

比如：社交類產品的頭圖，用戶要么放自己照片，要么放風景；

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

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

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

b.個人信息區(qū)

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

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

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

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

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

c.作品區(qū)

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

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

1）作品尺寸占比:

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

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

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

2）作品信息外顯:

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

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

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

 2.輔助吸粉 

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

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

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

a.強化關注

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

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

b.沉淀粉絲

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

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

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

 3.助力變現 

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

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

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

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

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

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

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

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

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

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

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

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

   總結   

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

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

以上，是“個人主頁”設計相關思考，希望對你們有所幫助。

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

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