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

“別整那么多沒用的，我就想找個xx，剩下從來不看的”，用戶出于效率體驗，總期望做減法。

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

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

02.設計挑戰(zhàn)是什么？

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

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

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

03.如何破解？

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

人-場景-信息優(yōu)先級和顆粒度

1、用戶分類

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

1）預裝用戶：非自主下載，不了解產(chǎn)品功能

2）服務需求用戶：使用相對固定的服務

3）內(nèi)容需求用戶：獲取本地或相關服務信息

2、按照用戶區(qū)分場景需求

1）預裝用戶：建立產(chǎn)品認知、保留用戶不卸載

2）服務需求用戶：更有針對性的服務展示，盡可能少的干擾信息

3）內(nèi)容需求用戶：更多類型的內(nèi)容展示

3、按照場景定位信息的優(yōu)先級和顆粒度

1）預裝用戶：

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

預裝型用戶信息

2）服務需求用戶：

采用目標服務曝光策略。保留一級業(yè)務主服務入口，方便業(yè)務切換。但擴展目標服務的二級信息曝光度，用以縮短路徑。同時增加動態(tài)服務模塊，來跟進用戶動作，服務于用戶。

服務型用戶信息

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

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

04.設計思路

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

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

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

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

金剛位結構對比

其次，為了應對用戶精準簡的需求，金剛也可以做靈活變形，曝光更多目標服務的二級選項。

變形金剛位

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

列表與瀑布流

3、豐富的信息容器：

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

4、整合平臺的運營能力：設計平臺級留存向運營中心。

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

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

05.設計展示

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

原文地址：58UXD（公眾號）

作者：環(huán)鐵藝術家