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

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

高級(jí)設(shè)計(jì)師出品!「?jìng)(gè)人主頁(yè)」設(shè)計(jì)指南

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

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

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

高級(jí)設(shè)計(jì)師出品!「?jìng)(gè)人主頁(yè)」設(shè)計(jì)指南

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

講「?jìng)(gè)人主頁(yè)」前,先跟大家捋一下它倆的區(qū)別,避免混淆。

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

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

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

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

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

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

高級(jí)設(shè)計(jì)師出品!「?jìng)(gè)人主頁(yè)」設(shè)計(jì)指南

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

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

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

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

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

高級(jí)設(shè)計(jì)師出品!「?jìng)(gè)人主頁(yè)」設(shè)計(jì)指南

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

高級(jí)設(shè)計(jì)師出品!「?jìng)(gè)人主頁(yè)」設(shè)計(jì)指南

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

而「?jìng)(gè)人主頁(yè)」偏向于展示自我,關(guān)注點(diǎn)更「多元」,會(huì)復(fù)雜一些,下面會(huì)細(xì)講。

搞明白了它們的區(qū)別之后,大家會(huì)發(fā)現(xiàn)「?jìng)(gè)人中心」相對(duì)更簡(jiǎn)單一些。

所以,這次我們先聚焦聊聊「?jìng)(gè)人主頁(yè)」。

設(shè)計(jì)「?jìng)(gè)人主頁(yè)」前思考什么?

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

「?jìng)(gè)人主頁(yè)」也應(yīng)有其價(jià)值和使命。

像上一趴所說,「?jìng)(gè)人主頁(yè)」是為了讓用戶突顯或塑造自己的魅力,很像是一個(gè)人的「?jìng)(gè)人名片」。

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

高級(jí)設(shè)計(jì)師出品!「?jìng)(gè)人主頁(yè)」設(shè)計(jì)指南

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

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

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

高級(jí)設(shè)計(jì)師出品!「?jìng)(gè)人主頁(yè)」設(shè)計(jì)指南

這就是「?jìng)(gè)人主頁(yè)」背后的大概邏輯和目的。

如何進(jìn)行「?jìng)(gè)人主頁(yè)」的設(shè)計(jì)?

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

1. 樹立人設(shè)

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

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

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

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

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

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

高級(jí)設(shè)計(jì)師出品!「?jìng)(gè)人主頁(yè)」設(shè)計(jì)指南

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

高級(jí)設(shè)計(jì)師出品!「?jìng)(gè)人主頁(yè)」設(shè)計(jì)指南

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

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

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

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

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

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

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

高級(jí)設(shè)計(jì)師出品!「?jìng)(gè)人主頁(yè)」設(shè)計(jì)指南

高級(jí)設(shè)計(jì)師出品!「?jìng)(gè)人主頁(yè)」設(shè)計(jì)指南

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

高級(jí)設(shè)計(jì)師出品!「?jìng)(gè)人主頁(yè)」設(shè)計(jì)指南

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

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

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

高級(jí)設(shè)計(jì)師出品!「?jìng)(gè)人主頁(yè)」設(shè)計(jì)指南

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

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

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

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

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

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

高級(jí)設(shè)計(jì)師出品!「?jìng)(gè)人主頁(yè)」設(shè)計(jì)指南

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

2. 輔助吸粉

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

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

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

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

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

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

高級(jí)設(shè)計(jì)師出品!「?jìng)(gè)人主頁(yè)」設(shè)計(jì)指南

沉淀粉絲

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

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

高級(jí)設(shè)計(jì)師出品!「?jìng)(gè)人主頁(yè)」設(shè)計(jì)指南

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

3. 助力變現(xiàn)

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

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

高級(jí)設(shè)計(jì)師出品!「?jìng)(gè)人主頁(yè)」設(shè)計(jì)指南

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

高級(jí)設(shè)計(jì)師出品!「?jìng)(gè)人主頁(yè)」設(shè)計(jì)指南

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

高級(jí)設(shè)計(jì)師出品!「?jìng)(gè)人主頁(yè)」設(shè)計(jì)指南

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

高級(jí)設(shè)計(jì)師出品!「?jìng)(gè)人主頁(yè)」設(shè)計(jì)指南

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

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

高級(jí)設(shè)計(jì)師出品!「?jìng)(gè)人主頁(yè)」設(shè)計(jì)指南

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

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

比如,抖音賦能商家,商家號(hào)的「?jìng)(gè)人主頁(yè)」可以自定義tab,默認(rèn)展示「商品」tab。

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

高級(jí)設(shè)計(jì)師出品!「?jìng)(gè)人主頁(yè)」設(shè)計(jì)指南

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

高級(jí)設(shè)計(jì)師出品!「?jìng)(gè)人主頁(yè)」設(shè)計(jì)指南

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

總結(jié)

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

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

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

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