編輯導(dǎo)讀：每天都在上網(wǎng)，你知道個(gè)人主頁(yè)和個(gè)人中心有什么區(qū)別嗎？?jī)烧呗?tīng)起來(lái)雖然很像，但是在頁(yè)面展示方面卻有著不同的設(shè)計(jì)邏輯。本文作者從兩者的基礎(chǔ)概念出發(fā)，重點(diǎn)對(duì)個(gè)人主頁(yè)的設(shè)計(jì)邏輯和步驟展開(kāi)了梳理分析，供大家一同學(xué)習(xí)參考。

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

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

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

好，廢話不多說(shuō)，上才藝。

一、個(gè)人主頁(yè)和個(gè)人中心的區(qū)別是？

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

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

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

1. 什么是個(gè)人中心？

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

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

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

2. 什么是個(gè)人主頁(yè)？

個(gè)人主頁(yè)，一般承載著用戶(hù)個(gè)人信息、個(gè)人影響力、生產(chǎn)的內(nèi)容等等，以此突顯自己魅力或定位。常出現(xiàn)在內(nèi)容、社交、社區(qū)類(lèi)產(chǎn)品中，比如以下產(chǎn)品：

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

整體來(lái)看，“個(gè)人中心”偏向于個(gè)人信息的管理，更關(guān)注于“效率”；而“個(gè)人主頁(yè)”偏向于展示自我，關(guān)注點(diǎn)更“多元”，會(huì)復(fù)雜一些，下面會(huì)細(xì)講。

搞明白了它們的區(qū)別之后，大家會(huì)發(fā)現(xiàn)“個(gè)人中心”相對(duì)更簡(jiǎn)單一些。所以，這次我們先聚焦聊聊“個(gè)人主頁(yè)”。

二、設(shè)計(jì)“個(gè)人主頁(yè)”前思考什么？

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

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

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

更多新用戶(hù)的加入、瀏覽、留存，讓內(nèi)容生產(chǎn)者有更多的漲粉空間，粉絲規(guī)模做起來(lái)之后再進(jìn)行商業(yè)化。這樣對(duì)消費(fèi)型用戶(hù)、內(nèi)容生產(chǎn)者、平臺(tái)方都有利，進(jìn)而處于良性循環(huán)。

這就是“個(gè)人主頁(yè)”背后的大概邏輯和目的。

三、如何進(jìn)行“個(gè)人主頁(yè)”的設(shè)計(jì)？

了解完“個(gè)人主頁(yè)”存在的價(jià)值和目標(biāo)之后，那么，作為產(chǎn)品或設(shè)計(jì)師們需要幫助用戶(hù)解決幾個(gè)問(wèn)題：

1. 樹(shù)立人設(shè)；
2. 輔助吸粉;?
3. 助力變現(xiàn)。

1. 樹(shù)立人設(shè)

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

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

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

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

a.頭圖區(qū)

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

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

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

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

不過(guò)，頭圖尺寸占比要把控好。尺寸大小會(huì)影響界面的“屏效比”和用戶(hù)“上傳門(mén)檻兒”，對(duì)產(chǎn)品核心數(shù)據(jù)也有著千絲萬(wàn)縷的關(guān)系。

b.個(gè)人信息區(qū)

個(gè)人信息區(qū)，也是作者的基礎(chǔ)資料。一般包含著：用戶(hù)的昵稱(chēng)、賬號(hào)、簡(jiǎn)介、標(biāo)簽、粉絲關(guān)注量、關(guān)系鏈等信息。這個(gè)區(qū)域設(shè)計(jì)時(shí)需要重點(diǎn)考慮“信息親密度”和“信息優(yōu)先級(jí)”。

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

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

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

c.作品區(qū)

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

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

1）作品尺寸占比

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

單從排版美丑來(lái)評(píng)價(jià)是不負(fù)責(zé)的，那么如何決策哪種處理手法“對(duì)”的呢？

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

2）作品信息外顯

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

比如：“Before”除了對(duì)作品熱度信息（瀏覽量、評(píng)論量等）外顯以外，更強(qiáng)調(diào)和引導(dǎo)用戶(hù)進(jìn)行互動(dòng)，如：收藏、分享、評(píng)論、充電；

“剪映”根據(jù)產(chǎn)品屬性，更強(qiáng)調(diào)“使用數(shù)”和“作品的描述文案”；“抖音”作品僅外顯“點(diǎn)贊數(shù)‘，同時(shí)通過(guò)“置頂”和“剛剛看過(guò)”提升用戶(hù)決策效率。

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

2. 輔助吸粉

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

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

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

a.強(qiáng)化關(guān)注

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

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

b.沉淀粉絲

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

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

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

3. 助力變現(xiàn)

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

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

也可以開(kāi)通付費(fèi)咨詢(xún)模塊，通過(guò)幫助用戶(hù)解答問(wèn)題實(shí)現(xiàn)變現(xiàn)。

除此之外，還可以做付費(fèi)Live課程。

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

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

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

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

同時(shí)，也越來(lái)越多了產(chǎn)品不僅解決C端用戶(hù)的變現(xiàn)訴求，同時(shí)解決B端用戶(hù)變現(xiàn)訴求。

比如，抖音賦能商家，商家號(hào)的“個(gè)人主頁(yè)”可以自定義tab，默認(rèn)展示“商品”tab。

用戶(hù)不僅能在這里消費(fèi)作品，還能通過(guò)作品建立的信任促進(jìn)購(gòu)買(mǎi)行為。

再比如，instagram也提供B端用戶(hù)開(kāi)店鋪功能。

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

總結(jié)

總的來(lái)說(shuō)，“個(gè)人中心”與“個(gè)人主頁(yè)”最大的區(qū)別在于：“個(gè)人中心”主要是“給自己看的”，更注重使用效率。“個(gè)人主頁(yè)”主要是“給他人看的”，更注重突顯自己魅力。在滿足使用效率的基礎(chǔ)上，需要通過(guò)產(chǎn)品設(shè)計(jì)手段幫助用戶(hù)“樹(shù)立人設(shè)”、“輔助吸粉”、“助力變現(xiàn)”，從而使用戶(hù)和平臺(tái)實(shí)現(xiàn)雙贏，打造一個(gè)更完善的生態(tài)。

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

＃專(zhuān)欄作家＃

大牙，微信公眾號(hào)：大牙的設(shè)計(jì)筆記，人人都是產(chǎn)品經(jīng)理專(zhuān)欄作家。一個(gè)對(duì)生活充滿好奇心，擅長(zhǎng)用直白的語(yǔ)言去分析產(chǎn)品、交互、視覺(jué)的同學(xué)。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來(lái)自Unsplash，基于CC0協(xié)議。