2020-9-11 資深UI設計者
“個人主頁”是一個聽起來很熟悉，但又跟“個人中心”傻傻分不清楚的一個模塊，一般情況下處于APP底Tab的最右邊，通常喊它為“我的”。
這個界面看似沒什么挑戰可言，給設計師一種“不就是排排版的事兒嘛”的膨脹誤解，認為完全在自己射程范圍內，整個人都有點飄。
但最近發現，它并不像表面所呈現出的那么簡單，其實里面有很多小揪揪需要深挖和思考，所以千萬不能小瞧它。
好，廢話不多說，上才藝。
個人主頁和個人中心的區別是？
講“個人主頁”前，先跟大家捋一下它倆的區別，避免混淆。首先，并沒有官方定義它們的名字，只是喊的人多了也就成了它們的名字了。
所以“個人主頁”也好、“個人中心”也罷，只是大家習慣性稱呼，為了合作過程中大家在同一個話語體系，提效而已。
要說它們倆的區別，其實還是有的。
什么是個人中心？
個人中心，承載著自己賬號信息、設置管理、福利信息等功能的聚合地，主要用于個人信息的管理。
它常見于“工具類”產品中，如下：
對于“個人中心”，設計師要考慮的最核心是：如何解決“效率”問題。因此信息布局合理，視覺盡可能減少干擾，變得格外重要。
什么是個人主頁？
個人主頁，一般承載著用戶個人信息、個人影響力、生產的內容等等，以此突顯自己魅力或定位。
常出現在內容、社交、社區類產品中，比如以下產品：
當然，還有一些產品，它既包含“個人中心”，也包含“個人主頁”，如下：
整體來看，“個人中心”偏向于個人信息的管理，更關注于“效率”；而“個人主頁”偏向于展示自我，關注點更“多元”，會復雜一些，下面會細講。搞明白了它們的區別之后，大家會發現“個人中心”相對更簡單一些。
所以，這次我們先聚焦聊聊“個人主頁”。
設計“個人主頁”前思考什么？
在工作中，做任何需求都應該有其目的或目標，不然所有的忙碌都容易淪為資源的浪費。“個人主頁”也應有其價值和使命。
像上一趴所說，“個人主頁”是為了讓用戶突顯或塑造自己的魅力，很像是一個人的“個人名片”。那么，用戶塑造個人魅力對產品有什么價值和收益呢？目標是什么呢？
拿短視頻產品舉例：如果用戶能夠在“個人主頁”充分展現自己的才華和魅力，從而帶來了更多瀏覽者的“關注”，那他們就更有動力分享或生產優質內容，進而使產品內容更加豐富；從而吸引更多新用戶的瀏覽、留存。
更多新用戶的加入、瀏覽、留存，讓內容生產者有更多的漲粉空間，粉絲規模做起來之后再進行商業化。
這樣對消費型用戶、內容生產者、平臺方都有利，進而處于良性循環。
這就是“個人主頁”背后的大概邏輯和目的。
如何進行“個人主頁”的設計？
了解完“個人主頁”存在的價值和目標之后，那么，作為產品或設計師們需要幫助用戶解決幾個問題：1.樹立人設；2.輔助吸粉; 3.助力變現。
1.樹立人設
人為什么需要樹立人設？
樹立人設，本質上是兩種目的：獲得認可（提升關注/約X），獲得收入（提升變現能力）。
如何幫助用戶快速建立人設？
個人主頁里有幾個區域，影響著用戶建立人設：a.頭圖區；b.個人信息區；c.作品區；
a.頭圖區
頭圖，指的是“個人主頁”頂部的圖片區域。
為了讓瀏覽者進入“個人主頁”快速了解作者，頭圖這種處理手法，是很多社交/社區/內容類產品，“樹立人設”的標配。
比如：社交類產品的頭圖，用戶要么放自己照片，要么放風景；
大V、商家等角色的用戶，會把頭圖打造成自己品牌的招牌，輔助瀏覽者快速了解自己定位。
不過，頭圖尺寸占比要把控好。
尺寸大小會影響界面的“屏效比”和用戶“上傳門檻兒”，對產品核心數據也有著千絲萬縷的關系。
b.個人信息區
個人信息區，也是作者的基礎資料。
一般包含著：用戶的昵稱、賬號、簡介、標簽、粉絲關注量、關系鏈等信息。這個區域設計時需要重點考慮“信息親密度”和“信息優先級”。
信息親密度：指的是如何將更親近的信息，以信息組的形式傳遞，減少用戶認知成本。
比如下圖，常見的社區或內容類產品針對“個人信息區”的處理方式（同一顏色的色塊代表親密度更強的信息。）
同時，“信息組”與“信息組”之間也需要處理好親密度，比如“小紅書”和“instagram”的“好友關系鏈”與“關注按鈕”是放一起的，方便用戶快速作出“關注”決策。
c.作品區
作品區的重要性不用多說了，它是作者“樹立人設”的重要組成部分，也直接影響著瀏覽者是否愿意關注的關鍵因素。
“作品區”設計時，有2個重要因素需要考慮：“作品尺寸占比”、“作品信息外顯”。
1）作品尺寸占比:
比如下圖，同樣是短視頻產品，Before作品區一排僅1個作品，剪映2個作品，而抖音3個作品。
單從排版美丑來評價是不負責的，那么如何決策哪種處理手法“對”的呢？
這需要通過自己產品定位分析，以及通過不同布局方式進行上線測試，重點觀測核心數據（用戶消費時長/作品消費個數/關注率等）的影響情況來決策。
2）作品信息外顯:
除了作品本身，它的“輔助信息”也是幫助用戶做決策的重要因素。
比如：“Before”除了對作品熱度信息（瀏覽量、評論量等）外顯以外，更強調和引導用戶進行互動，如：收藏、分享、評論、充電；“剪映”根據產品屬性，更強調“使用數”和“作品的描述文案”；“抖音”作品僅外顯“點贊數‘，同時通過“置頂”和“剛剛看過”提升用戶決策效率。
以上可以看出，頭圖區、個人信息區、作品區，是讓瀏覽者快速且準確的了解或關注內容創作者重要組成部分，也是內容創作者“樹立人設”的主要手段。
2.輔助吸粉
輔助吸粉，換句話說也是輔助用戶提升“關注率”。
不可否認，清晰的編輯個人信息，產出優質的內容，是用戶吸粉的根本，我們能做的只是“助攻”。
所以，在做此類“個人主頁”時，我們需要通過設計手段做個靠譜“奶媽”，有幾個維度可以嘗試：a.強化關注；b.沉淀粉絲。
a.強化關注
衡量粉絲多少，是通過用戶是否點擊“關注”了內容創作者。
因此身為產品工作人員，在個人主頁設計時，除了其它信息呈現以外，在不影響頁面信息合理性的情況下，盡可能強化“關注”按鈕，引導用戶操作。
b.沉淀粉絲
有了粉絲之后，提升粉絲忠誠度和粘性，是每一個內容生產者面臨的問題，也是工作人員們需要幫內容創作者解決的。
左邊是“快手”，在個人主頁內有粉絲群入口；右邊是“火山”，打造自己的“圈子”，粉絲們可以在里面發自己的動態，或進行互動。
這么做是為了提升內容創作者的粉絲粘性，給他們更大的空間去運營粉絲，培養感情，打造更忠誠的私域流量。
3.助力變現
除了樹立人設、輔助吸粉以外，助力他們變現，才能使他們長期扎根于此（留在自己平臺）。不然大V們會帶著自己圈到的粉絲，去別的地兒賺錢，給你的產品帶綠帽子。
拿知乎舉例，內容創作者可以在個人主頁掛自己的商品櫥窗，給符合自己人設的商品帶貨。
也可以開通付費咨詢模塊，通過幫助用戶解答問題實現變現。
除此之外，還可以做付費Live課程。
再來看下像嗶哩嗶哩、抖音、火山、QQ音樂等平臺，在個人主頁都有輔助用戶變現的入口。
下面是“聲撩”，利用用戶聲音的優勢去變現，比如：陪打游戲（軟妹子聲音讓王者峽谷的漢子們興奮）、睡前陪聊、睡前連麥等等。
如果你真的很富有，且不想讓妹子陪聊陪打游戲，就是單純的想砸禮物引起注意，右圖可以看出，有個入口是直接“送禮”。
這么做滿足土豪訴求（博取主播注意），滿足主播訴求（變現），滿足平臺訴求（抽成），何樂而不為。
同時，也越來越多了產品不僅解決C端用戶的變現訴求，同時解決B端用戶變現訴求。比如，抖音賦能商家，商家號的“個人主頁”可以自定義tab，默認展示“商品”tab。
用戶不僅能在這里消費作品，還能通過作品建立的信任促進購買行為。
再比如，instagram也提供B端用戶開店鋪功能。
以上，是關于“個人主頁”如何助力用戶變現的案例，其實玩法還有很多，這里僅提供一些思路，大家平常玩APP時可以多關注下。
總結
總的來說，“個人中心”與“個人主頁”最大的區別在于：“個人中心”主要是“給自己看的”，更注重使用效率。
“個人主頁”主要是“給他人看的”，更注重突顯自己魅力。在滿足使用效率的基礎上，需要通過產品設計手段幫助用戶“樹立人設”、“輔助吸粉”、“助力變現”，從而使用戶和平臺實現雙贏，打造一個更完善的生態。
以上，是“個人主頁”設計相關思考，希望對你們有所幫助。
文章來源：UI中國 作者：大牙
藍藍設計( m.ssll180.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
