“不行，這個(gè)必須在首頁(yè)！另外我還有倆新業(yè)務(wù)入口，你想想辦法”，業(yè)務(wù)方出于對(duì)流量的考慮，總是希望做加法。

“別整那么多沒(méi)用的，我就想找個(gè) xx，剩下從來(lái)不看的”，用戶出于效率體驗(yàn)，總期望做減法。

加減之間，是業(yè)務(wù)與用戶對(duì)立而尖銳的需求，同時(shí)也是多類型服務(wù)產(chǎn)品首頁(yè)設(shè)計(jì)的重難點(diǎn)。今天，就以“58 首頁(yè)設(shè)計(jì)”為例，與大家談?wù)劷忸}思路。

什么是多類型服務(wù)產(chǎn)品？

簡(jiǎn)單說(shuō)就是，多個(gè)關(guān)聯(lián)度較低的服務(wù)捆綁在一起形成的產(chǎn)品，常見(jiàn)于平臺(tái)式工具產(chǎn)品，例如支付寶、美團(tuán)、58 同城等。

設(shè)計(jì)挑戰(zhàn)是什么？

以 58 為例，一方面，業(yè)務(wù)工具屬性強(qiáng)，且用戶耦合性低。說(shuō)人話就是，用戶都是來(lái)找工具的，但由于 AB 業(yè)務(wù)關(guān)聯(lián)度太低，用 A 業(yè)務(wù)的用戶幾乎不會(huì)用到 B 業(yè)務(wù)，AB 業(yè)務(wù)分別擁有獨(dú)自用戶群。這也就造成用戶期望更高的推薦精準(zhǔn)度，頁(yè)面上任何一個(gè)無(wú)關(guān)信息都是干擾，都是對(duì)連接效率的打折。

但另一方面，平臺(tái)上的業(yè)務(wù)很多，還都想在首頁(yè)曝光。而且隨著各業(yè)務(wù)設(shè)計(jì)師的不斷努力，連接的形式也在不斷豐富，視頻、直播、VR，從業(yè)務(wù)貼到聚合推薦，層出不窮。首頁(yè)面臨更大的信息承載壓力。

所以，這類型產(chǎn)品首頁(yè)最大的挑戰(zhàn)，就是“多業(yè)務(wù)的曝光需求和用戶的精準(zhǔn)連接之間的矛盾”，如何才能在推薦技術(shù)不變的情況下，通過(guò)設(shè)計(jì)來(lái)應(yīng)對(duì)挑戰(zhàn)呢？

如何破解？

既然是信息傳遞和收取之間的矛盾，那我們就從“人-場(chǎng)景-信息”的對(duì)應(yīng)關(guān)系入手，分析信息在不同場(chǎng)景的優(yōu)先級(jí)和適合的顆粒度。

人-場(chǎng)景-信息優(yōu)先級(jí)和顆粒度

1. 用戶分類

根據(jù)用戶需求分為三類。

1. 預(yù)裝用戶：非自主下載，不了解產(chǎn)品功能
2. 服務(wù)需求用戶：使用相對(duì)固定的服務(wù)
3. 內(nèi)容需求用戶：獲取本地或相關(guān)服務(wù)信息

2. 按照用戶區(qū)分場(chǎng)景需求

1. 預(yù)裝用戶：建立產(chǎn)品認(rèn)知、保留用戶不卸載
2. 服務(wù)需求用戶：更有針對(duì)性的服務(wù)展示，盡可能少的干擾信息
3. 內(nèi)容需求用戶：更多類型的內(nèi)容展示

3. 按照?qǐng)鼍岸ㄎ恍畔⒌膬?yōu)先級(jí)和顆粒度

預(yù)裝用戶：

采用運(yùn)營(yíng)曝光策略。保留一級(jí)主服務(wù)入口，幫助建立產(chǎn)品認(rèn)知。同時(shí)曝光更多內(nèi)容信息和留存向的運(yùn)營(yíng)功能，以提升留存率。

預(yù)裝型用戶信息

服務(wù)需求用戶：

采用目標(biāo)服務(wù)曝光策略。保留一級(jí)業(yè)務(wù)主服務(wù)入口，方便業(yè)務(wù)切換。但擴(kuò)展目標(biāo)服務(wù)的二級(jí)信息曝光度，用以縮短路徑。同時(shí)增加動(dòng)態(tài)服務(wù)模塊，來(lái)跟進(jìn)用戶動(dòng)作，服務(wù)于用戶。

服務(wù)型用戶信息

內(nèi)容需求用戶：

采用平衡曝光策略。保留一級(jí)主服務(wù)入口，方便業(yè)務(wù)切換。同時(shí)擴(kuò)展內(nèi)容曝光度。

內(nèi)容型用戶信息

設(shè)計(jì)思路

1. 搭建擴(kuò)展性框架：調(diào)整為頂部 tab 結(jié)構(gòu)，釋放更多定位信號(hào)，增加曝光渠道。

原腰部 tab 是對(duì)“原首頁(yè)”內(nèi)容的劃分，現(xiàn)將整個(gè)“首頁(yè)”置于第一個(gè) tab 下，后續(xù) tab 內(nèi)容將與“首頁(yè)”并列，從而釋放更多獨(dú)立的曝光渠道。

腰部 tab 結(jié)構(gòu)

頂部 tab 結(jié)構(gòu)

2. 使用更靈活的組件：變形金剛與瀑布流。

首先，金剛位是一級(jí)服務(wù)入口的集合，且處于首屏上部，是非常好的建立產(chǎn)品認(rèn)知的模塊。將其原有打散在 15 個(gè)位置上的服務(wù)，按照大類聚合安置，更容易傳達(dá)產(chǎn)品的主服務(wù)是什么。

金剛位結(jié)構(gòu)對(duì)比

其次，為了應(yīng)對(duì)用戶精準(zhǔn)簡(jiǎn)的需求，金剛也可以做靈活變形，曝光更多目標(biāo)服務(wù)的二級(jí)選項(xiàng)。

變形金剛位

而瀑布流方式也為更多樣的服務(wù)連接形式提供了承載能力。

列表與瀑布流

3. 豐富的信息容器：

設(shè)計(jì)包含圖、文、圖文、VR、視頻、聚合類目、動(dòng)態(tài)服務(wù)模塊等信息聚合方式的瀑布流卡片，同時(shí)加入即時(shí)推薦功能，讓瀑布流具備包容和靈活的特性。

組件容器

4. 整合平臺(tái)的運(yùn)營(yíng)能力：設(shè)計(jì)平臺(tái)級(jí)留存向運(yùn)營(yíng)中心。

以往，各業(yè)務(wù)線運(yùn)營(yíng)功能深藏在業(yè)務(wù)頁(yè)面中，用戶往往需要通過(guò)較長(zhǎng)的路徑才能接觸到運(yùn)營(yíng)功能，且用戶也并不能發(fā)現(xiàn)平臺(tái)上所有運(yùn)營(yíng)功能。這種分散式分布的方式，使得運(yùn)營(yíng)吸引力和留存能力上都打了折扣。現(xiàn)將所有業(yè)務(wù)的運(yùn)營(yíng)功能聚合，打造平臺(tái)的運(yùn)營(yíng)中心，使發(fā)現(xiàn)路徑更短，聚合吸引力更強(qiáng)。

原路徑&現(xiàn)路徑

默認(rèn)服務(wù)型首頁(yè)&上滑 2 樓運(yùn)營(yíng)中心

設(shè)計(jì)展示

從依靠推薦技術(shù)讓內(nèi)容適應(yīng)用戶需求，到設(shè)計(jì)靈活可變動(dòng)的組件來(lái)適應(yīng) chang 場(chǎng)景的信息承載，我們希望可以在產(chǎn)品和用戶需求的矛盾中尋求更優(yōu)的平衡點(diǎn)。

歡迎關(guān)注「58UXD」的微信公眾號(hào)：