最近看了很多大廠/名企的改版復(fù)盤(pán)后，我發(fā)現(xiàn)一個(gè)很常用也很好用的設(shè)計(jì)思路，那就是：

用戶(hù)分層

國(guó)內(nèi)大廠的產(chǎn)品大多綜合性越來(lái)越強(qiáng)，例如賣(mài)菜的打車(chē) APP、做直播的音樂(lè) APP、做家政的外賣(mài) APP……

為了滿(mǎn)足用戶(hù)需求的較大差異，頁(yè)面設(shè)計(jì)不得不變得越來(lái)越臃腫。如果設(shè)計(jì)得好，產(chǎn)品看起來(lái)就會(huì)像便利店一樣，感覺(jué)便利快捷。如果設(shè)計(jì)不好，產(chǎn)品看起來(lái)就會(huì)像雜貨鋪一樣，整個(gè)亂七八糟；

由于用戶(hù)需求差異過(guò)大，如果只用一套界面作為首頁(yè)，難度極高，也很可能導(dǎo)致所有用戶(hù)都不滿(mǎn)意。

為了確保幾類(lèi)主流用戶(hù)的體驗(yàn)，很多產(chǎn)品都會(huì)在設(shè)計(jì)上進(jìn)行用戶(hù)分層。簡(jiǎn)單來(lái)說(shuō)，就是給不同的用戶(hù)展示不同的頁(yè)面。這個(gè)概念一點(diǎn)也不新，甚至對(duì)于信息型產(chǎn)品來(lái)說(shuō)，給用戶(hù)推薦不同的內(nèi)容是最基本的。

例如同樣是視頻網(wǎng)站用戶(hù)，喜歡游戲的和喜歡追星的，看到的內(nèi)容差異就很大。但是這種內(nèi)容差異化，屬于用戶(hù)分層運(yùn)營(yíng)，并不需要多套設(shè)計(jì)方案，只要往一個(gè)頁(yè)面塞不同內(nèi)容就行了。

今天我們要講的，是用戶(hù)分層設(shè)計(jì)，必須提供多套設(shè)計(jì)方案才行。

用戶(hù)分層設(shè)計(jì)不同于用戶(hù)分層運(yùn)營(yíng)

如果只是內(nèi)容需求不同，用戶(hù)分層運(yùn)營(yíng)就可以了，并不需要設(shè)計(jì)多套頁(yè)面。但如果是用戶(hù)習(xí)慣和常用功能上的差異，那就很難用同一套頁(yè)面框架來(lái)應(yīng)對(duì)了。舉個(gè)例子，喜馬拉雅會(huì)員購(gòu)買(mǎi)頁(yè)，已購(gòu)和未購(gòu)狀態(tài)的就有差異。

對(duì)于未購(gòu)用戶(hù)來(lái)說(shuō)，這個(gè)頁(yè)面主要是展示運(yùn)營(yíng)活動(dòng)，吸引用戶(hù)下單。而對(duì)于已購(gòu)用戶(hù)來(lái)說(shuō)，這個(gè)頁(yè)面主要是展示會(huì)員服務(wù)，并提醒用戶(hù)續(xù)約。這兩種狀態(tài)，如果做簡(jiǎn)單點(diǎn)也可以合并成一套框架，把文案、按鈕之類(lèi)的換一換也行。如果做復(fù)雜了，有時(shí)會(huì)感覺(jué)比較難合并，合并后維護(hù)成本反而更高，得出兩套設(shè)計(jì)方案。

不同類(lèi)型的產(chǎn)品對(duì)于用戶(hù)分層設(shè)計(jì)，有不同的處理方式，大致可以分成以下三類(lèi)：

1. 整體分層
2. 局部分層
3. 自主選擇

接下來(lái)我就用具體的案例，給大家講一講這三種用戶(hù)分層設(shè)計(jì)方式：

整體分層

58 這個(gè)產(chǎn)品，有人說(shuō)是找工作的，有人說(shuō)是找房子的，還有人說(shuō)是找家政維修的……

以上這種差異，其實(shí)也還是可以通過(guò)用戶(hù)分層運(yùn)營(yíng)來(lái)解決。

但是 58 真正的復(fù)雜性在于，用戶(hù)使用習(xí)慣的差異：

預(yù)裝型用戶(hù)是被動(dòng)地發(fā)現(xiàn)自己手機(jī)上有這么一個(gè) APP，并不了解功能，需要首頁(yè)能夠快速展示其功能價(jià)值，并吸引留住用戶(hù)。

服務(wù)型用戶(hù)把這個(gè) APP 當(dāng)功能型產(chǎn)品使用，打開(kāi)時(shí)通常有明確的目的，例如找家政服務(wù)的。

內(nèi)容型用戶(hù)把這個(gè) APP 當(dāng)信息型產(chǎn)品用，打開(kāi)時(shí)目的不是特別明確，大部分時(shí)間在瀏覽查看，例如求職看崗位。

58 自己的設(shè)計(jì)團(tuán)隊(duì)也意識(shí)到了用戶(hù)差異的問(wèn)題，于是設(shè)計(jì)了三套首頁(yè)。雖然三套首頁(yè)都用一些通用組件，底部也都是瀑布流，但是布局和模塊都有差異。

仔細(xì)看看，你會(huì)發(fā)現(xiàn)預(yù)裝型首頁(yè)模塊更加豐富，能夠更多地展示功能價(jià)值，吸引用戶(hù)嘗試使用。服務(wù)型首頁(yè)功能模塊更加精簡(jiǎn)，重點(diǎn)更突出，使用起來(lái)更加快捷方便。內(nèi)容型首頁(yè)強(qiáng)調(diào)信息的展示和社群入口，功能入口反而是露出最少的。

局部分層

作為投資理財(cái)類(lèi)產(chǎn)品，蛋卷基金對(duì)于用戶(hù)分層做得更細(xì)致。購(gòu)買(mǎi)基金的用戶(hù)之間，最大的差異是未購(gòu)買(mǎi)過(guò)的用戶(hù)和已購(gòu)買(mǎi)過(guò)的用戶(hù)，前者更需要學(xué)習(xí)引導(dǎo)，后者更需要了解行情。

雖然這兩大類(lèi)里面，也還是有很多小類(lèi)別，但這些是有辦法用頁(yè)面內(nèi)的模塊設(shè)計(jì)解決的。

所以最終蛋卷基金只在信息展示區(qū)塊進(jìn)行用戶(hù)分層設(shè)計(jì)，并沒(méi)有做整體差異化。

改版上線效果，也是很不錯(cuò)。

自主選擇

前面說(shuō)的案例，都可以根據(jù)渠道來(lái)源和使用記錄來(lái)進(jìn)行對(duì)用戶(hù)進(jìn)行自動(dòng)歸類(lèi)，并進(jìn)行差異化設(shè)計(jì)。但有些時(shí)候，用戶(hù)的區(qū)別很難自動(dòng)判斷，這時(shí)就需要讓用戶(hù)自己選擇了。

例如智聯(lián)招聘 APP，進(jìn)去后就會(huì)讓你選擇身份，進(jìn)去后的流程和界面完全不同。

起點(diǎn)閱讀 APP 也允許用戶(hù)自主切換頁(yè)面樣式，提供了圖墻和列表兩種形式來(lái)展示信息。

他們之所以不提供一個(gè)統(tǒng)一的方式，就是因?yàn)閿?shù)據(jù)發(fā)現(xiàn)，這兩種模式的數(shù)據(jù)表現(xiàn)一半一半。既然用戶(hù)各有喜好難以找到好的統(tǒng)一方式，就干脆都放出來(lái)，讓大家自主選擇。

總結(jié)

大部分情況下，我們都是希望方案越少越好，所以會(huì)盡量在首頁(yè)上滿(mǎn)足各類(lèi)人群的需求。但是對(duì)于一些用戶(hù)群明顯較為復(fù)雜的產(chǎn)品，進(jìn)行用戶(hù)分層設(shè)計(jì)，反而比統(tǒng)一方案更簡(jiǎn)單。

如果真的遇到反復(fù)討論都舉棋不定的情況，那就可以考慮考慮使用用戶(hù)分層設(shè)計(jì)了。

作者：體驗(yàn)進(jìn)階