設計思考:個人主頁和個人中心有什么區別?

6 評論 20480 瀏覽 131 收藏 17 分鐘

編輯導讀:每天都在上網,你知道個人主頁和個人中心有什么區別嗎?兩者聽起來雖然很像,但是在頁面展示方面卻有著不同的設計邏輯。本文作者從兩者的基礎概念出發,重點對個人主頁的設計邏輯和步驟展開了梳理分析,供大家一同學習參考。

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

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

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

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

一、個人主頁和個人中心的區別是?

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

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

要說它們倆的區別,其實還是有的。

1. 什么是個人中心?

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

它常見于“工具類”產品中,如下:

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

2. 什么是個人主頁?

個人主頁,一般承載著用戶個人信息、個人影響力、生產的內容等等,以此突顯自己魅力或定位。常出現在內容、社交、社區類產品中,比如以下產品:

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

整體來看,“個人中心”偏向于個人信息的管理,更關注于“效率”;而“個人主頁”偏向于展示自我,關注點更“多元”,會復雜一些,下面會細講。

搞明白了它們的區別之后,大家會發現“個人中心”相對更簡單一些。所以,這次我們先聚焦聊聊“個人主頁”。

二、設計“個人主頁”前思考什么?

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

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

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

更多新用戶的加入、瀏覽、留存,讓內容生產者有更多的漲粉空間,粉絲規模做起來之后再進行商業化。這樣對消費型用戶、內容生產者、平臺方都有利,進而處于良性循環。

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

三、如何進行“個人主頁”的設計?

了解完“個人主頁”存在的價值和目標之后,那么,作為產品或設計師們需要幫助用戶解決幾個問題:

  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時可以多關注下。

總結

總的來說,“個人中心”與“個人主頁”最大的區別在于:“個人中心”主要是“給自己看的”,更注重使用效率。“個人主頁”主要是“給他人看的”,更注重突顯自己魅力。在滿足使用效率的基礎上,需要通過產品設計手段幫助用戶“樹立人設”、“輔助吸粉”、“助力變現”,從而使用戶和平臺實現雙贏,打造一個更完善的生態。

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

#專欄作家#

大牙,微信公眾號:大牙的設計筆記,人人都是產品經理專欄作家。一個對生活充滿好奇心,擅長用直白的語言去分析產品、交互、視覺的同學。

本文原創發布于人人都是產品經理。未經許可,禁止轉載。

題圖來自Unsplash,基于CC0協議。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 個人中心的用戶是自己,個人主頁的用戶是其他人

    來自廣東 回復
  2. 學習收藏了,今天就當一回課代表吧。搭建私域流量運營,當然必須要有工具。給大家推薦一款由【人人都是產品經理】【起點課堂】旗下獨立研發的私域流量運營工具——糧倉·企微管家。糧倉·企微管家是一款基于企業微信的一款營銷型SCRM系統。集裂變獲客、留存促活、銷售變現、客戶管理于一體的私域增長閉環系統。覆蓋企業客戶運營的生命周期,助力企業私域流量運營,提升售前/售后服務能力。還可以免費開始使用哦~ http://996.pm/M0A06

    來自廣東 回復
  3. 加油啊 大牙 相遇即是有緣 我們又見面了

    來自上海 回復
    1. 123

      回復
    2. 321

      來自廣東 回復
  4. Big tooth又是你

    來自上海 回復