如何進行「個人主頁」的設(shè)計
發(fā)布時間:2022-01-19 09:17 [ 我要自學(xué)網(wǎng)原創(chuàng) ] 發(fā)布人: hh71427-2

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

高級設(shè)計師出品!「個人主頁」設(shè)計指南

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

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

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

高級設(shè)計師出品!「個人主頁」設(shè)計指南

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

講「個人主頁」前,先跟大家捋一下它倆的區(qū)別,避免混淆。

首先,并沒有官方定義它們的名字,只是喊的人多了也就成了它們的名字了。

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

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

1. 什么是個人中心?

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

它常見于「工具類」產(chǎn)品中,如下:

高級設(shè)計師出品!「個人主頁」設(shè)計指南

對于「個人中心」,設(shè)計師要考慮的最核心是:如何解決「效率」問題。

因此信息布局合理,視覺盡可能減少干擾,變得格外重要。

2. 什么是個人主頁?

個人主頁,一般承載著用戶個人信息、個人影響力、生產(chǎn)的內(nèi)容等等,以此突顯自己魅力或定位。

常出現(xiàn)在內(nèi)容、社交、社區(qū)類產(chǎn)品中,比如以下產(chǎn)品:

高級設(shè)計師出品!「個人主頁」設(shè)計指南

當(dāng)然,還有一些產(chǎn)品,它既包含「個人中心」,也包含「個人主頁」,如下:

高級設(shè)計師出品!「個人主頁」設(shè)計指南

整體來看,「個人中心」偏向于個人信息的管理,更關(guān)注于「效率」;

而「個人主頁」偏向于展示自我,關(guān)注點更「多元」,會復(fù)雜一些,下面會細講。

搞明白了它們的區(qū)別之后,大家會發(fā)現(xiàn)「個人中心」相對更簡單一些。

所以,這次我們先聚焦聊聊「個人主頁」。

設(shè)計「個人主頁」前思考什么?

在工作中,做任何需求都應(yīng)該有其目的或目標(biāo),不然所有的忙碌都容易淪為資源的浪費。

「個人主頁」也應(yīng)有其價值和使命。

像上一趴所說,「個人主頁」是為了讓用戶突顯或塑造自己的魅力,很像是一個人的「個人名片」。

那么,用戶塑造個人魅力對產(chǎn)品有什么價值和收益呢?目標(biāo)是什么呢?

高級設(shè)計師出品!「個人主頁」設(shè)計指南

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

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

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

高級設(shè)計師出品!「個人主頁」設(shè)計指南

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

如何進行「個人主頁」的設(shè)計?

了解完「個人主頁」存在的價值和目標(biāo)之后,那么,作為產(chǎn)品或設(shè)計師們需要幫助用戶解決幾個問題:樹立人設(shè);輔助吸粉; 助力變現(xiàn)。

1. 樹立人設(shè)

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

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

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

個人主頁里有幾個區(qū)域,影響著用戶建立人設(shè):頭圖區(qū);個人信息區(qū);作品區(qū);

頭圖區(qū)。頭圖,指的是「個人主頁」頂部的圖片區(qū)域。
為了讓瀏覽者進入「個人主頁」快速了解作者,頭圖這種處理手法,是很多社交/社區(qū)/內(nèi)容類產(chǎn)品,「樹立人設(shè)」的標(biāo)配。

比如:社交類產(chǎn)品的頭圖,用戶要么放自己照片,要么放風(fēng)景;

高級設(shè)計師出品!「個人主頁」設(shè)計指南

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

高級設(shè)計師出品!「個人主頁」設(shè)計指南

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

尺寸大小會影響界面的「屏效比」和用戶「上傳門檻兒」,對產(chǎn)品核心數(shù)據(jù)也有著千絲萬縷的關(guān)系。

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

一般包含著:用戶的昵稱、賬號、簡介、標(biāo)簽、粉絲關(guān)注量、關(guān)系鏈等信息。

這個區(qū)域設(shè)計時需要重點考慮「信息親密度」和「信息優(yōu)先級」。

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

比如下圖,常見的社區(qū)或內(nèi)容類產(chǎn)品針對「個人信息區(qū)」的處理方式(同一顏色的色塊代表親密度更強的信息。)

高級設(shè)計師出品!「個人主頁」設(shè)計指南

高級設(shè)計師出品!「個人主頁」設(shè)計指南

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

高級設(shè)計師出品!「個人主頁」設(shè)計指南

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

「作品區(qū)」設(shè)計時,有2個重要因素需要考慮:「作品尺寸占比」、「作品信息外顯」。

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

高級設(shè)計師出品!「個人主頁」設(shè)計指南

單從排版美丑來評價是不負責(zé)的,那么如何決策哪種處理手法「對」的呢?

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

作品信息外顯。除了作品本身,它的「輔助信息」也是幫助用戶做決策的重要因素。

比如:「Before」除了對作品熱度信息(瀏覽量、評論量等)外顯以外,更強調(diào)和引導(dǎo)用戶進行互動,如:收藏、分享、評論、充電;

「剪映」根據(jù)產(chǎn)品屬性,更強調(diào)「使用數(shù)」和「作品的描述文案」;

「抖音」作品僅外顯「點贊數(shù)‘,同時通過「置頂」和「剛剛看過」提升用戶決策效率。

高級設(shè)計師出品!「個人主頁」設(shè)計指南

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

2. 輔助吸粉

輔助吸粉,換句話說也是輔助用戶提升「關(guān)注率」。

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

所以,在做此類「個人主頁」時,我們需要通過設(shè)計手段做個靠譜「奶媽」,有幾個維度可以嘗試:強化關(guān)注;沉淀粉絲。

強化關(guān)注

衡量粉絲多少,是通過用戶是否點擊「關(guān)注」了內(nèi)容創(chuàng)作者。

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

高級設(shè)計師出品!「個人主頁」設(shè)計指南

沉淀粉絲

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

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

高級設(shè)計師出品!「個人主頁」設(shè)計指南

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

3. 助力變現(xiàn)

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

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

高級設(shè)計師出品!「個人主頁」設(shè)計指南

也可以開通付費咨詢模塊,通過幫助用戶解答問題實現(xiàn)變現(xiàn)。

高級設(shè)計師出品!「個人主頁」設(shè)計指南

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

高級設(shè)計師出品!「個人主頁」設(shè)計指南

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

高級設(shè)計師出品!「個人主頁」設(shè)計指南

下面是「聲撩」,利用用戶聲音的優(yōu)勢去變現(xiàn),比如:陪打游戲(軟妹子聲音讓王者峽谷的漢子們興奮)、睡前陪聊、睡前連麥等等。

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

高級設(shè)計師出品!「個人主頁」設(shè)計指南

這么做滿足土豪訴求(博取主播注意),滿足主播訴求(變現(xiàn)),滿足平臺訴求(抽成),何樂而不為。

同時,也越來越多了產(chǎn)品不僅解決C端用戶的變現(xiàn)訴求,同時解決B端用戶變現(xiàn)訴求。

比如,抖音賦能商家,商家號的「個人主頁」可以自定義tab,默認展示「商品」tab。

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

高級設(shè)計師出品!「個人主頁」設(shè)計指南

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

高級設(shè)計師出品!「個人主頁」設(shè)計指南

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

總結(jié)

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

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

以上,是「個人主頁」設(shè)計相關(guān)思考,希望對你們有所幫助。

文章評論
0 條評論 按熱度排序 按時間排序 /350
添加表情
遵守中華人民共和國的各項道德法規(guī),
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任,
本站有權(quán)保留或刪除有爭議評論。
參與本評論即表明您已經(jīng)閱讀并接受
上述條款。
V
特惠充值
聯(lián)系客服
APP下載
官方微信
返回頂部
分類選擇:
電腦辦公 平面設(shè)計 室內(nèi)設(shè)計 室外設(shè)計 機械設(shè)計 工業(yè)自動化 影視動畫 程序開發(fā) 網(wǎng)頁設(shè)計 會計課程 興趣成長 AIGC