2020-9-11 資深UI設(shè)計者
“個人主頁”是一個聽起來很熟悉，但又跟“個人中心”傻傻分不清楚的一個模塊，一般情況下處于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ù)雜一些，下面會細(xì)講。搞明白了它們的區(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)容，進(jìn)而使產(chǎn)品內(nèi)容更加豐富；從而吸引更多新用戶的瀏覽、留存。
更多新用戶的加入、瀏覽、留存，讓內(nèi)容生產(chǎn)者有更多的漲粉空間，粉絲規(guī)模做起來之后再進(jìn)行商業(yè)化。
這樣對消費型用戶、內(nèi)容生產(chǎn)者、平臺方都有利，進(jìn)而處于良性循環(huán)。
這就是“個人主頁”背后的大概邏輯和目的。
如何進(jì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ū)域。
為了讓瀏覽者進(jìn)入“個人主頁”快速了解作者，頭圖這種處理手法，是很多社交/社區(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ū)”的處理方式（同一顏色的色塊代表親密度更強(qiáng)的信息。）
同時，“信息組”與“信息組”之間也需要處理好親密度，比如“小紅書”和“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個作品。
單從排版美丑來評價是不負(fù)責(zé)的，那么如何決策哪種處理手法“對”的呢？
這需要通過自己產(chǎn)品定位分析，以及通過不同布局方式進(jìn)行上線測試，重點觀測核心數(shù)據(jù)（用戶消費時長/作品消費個數(shù)/關(guān)注率等）的影響情況來決策。
2）作品信息外顯:
除了作品本身，它的“輔助信息”也是幫助用戶做決策的重要因素。
比如：“Before”除了對作品熱度信息（瀏覽量、評論量等）外顯以外，更強(qiáng)調(diào)和引導(dǎo)用戶進(jìn)行互動，如：收藏、分享、評論、充電；“剪映”根據(jù)產(chǎn)品屬性，更強(qiáng)調(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.強(qiáng)化關(guān)注；b.沉淀粉絲。
a.強(qiáng)化關(guān)注
衡量粉絲多少，是通過用戶是否點擊“關(guān)注”了內(nèi)容創(chuàng)作者。
因此身為產(chǎn)品工作人員，在個人主頁設(shè)計時，除了其它信息呈現(xiàn)以外，在不影響頁面信息合理性的情況下，盡可能強(qiáng)化“關(guān)注”按鈕，引導(dǎo)用戶操作。
b.沉淀粉絲
有了粉絲之后，提升粉絲忠誠度和粘性，是每一個內(nèi)容生產(chǎn)者面臨的問題，也是工作人員們需要幫內(nèi)容創(chuàng)作者解決的。
左邊是“快手”，在個人主頁內(nèi)有粉絲群入口；右邊是“火山”，打造自己的“圈子”，粉絲們可以在里面發(fā)自己的動態(tài)，或進(jìn)行互動。
這么做是為了提升內(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。
用戶不僅能在這里消費作品，還能通過作品建立的信任促進(jìn)購買行為。
再比如，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中國 作者：大牙
藍(lán)藍(lán)設(shè)計( www.gyxygd.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
藍(lán)藍(lán)設(shè)計的小編 http://www.gyxygd.cn
