業(yè)務想大多全，用戶要精準簡，首頁設計該如何破局？

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

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

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

什么是多類型服務產品？

簡單說就是，多個關聯(lián)度較低的服務捆綁在一起形成的產品，常見于平臺式工具產品，例如支付寶、美團、58 同城等。

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

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

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

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

如何破解？

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

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

1. 用戶分類

根據用戶需求分為三類。

1. 預裝用戶：非自主下載，不了解產品功能
2. 服務需求用戶：使用相對固定的服務
3. 內容需求用戶：獲取本地或相關服務信息

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

1. 預裝用戶：建立產品認知、保留用戶不卸載
2. 服務需求用戶：更有針對性的服務展示，盡可能少的干擾信息
3. 內容需求用戶：更多類型的內容展示

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

預裝用戶：

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

預裝型用戶信息

服務需求用戶：

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

服務型用戶信息

內容需求用戶：

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

內容型用戶信息

設計思路

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

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

腰部 tab 結構

頂部 tab 結構

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

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

金剛位結構對比

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

變形金剛位

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

列表與瀑布流

3. 豐富的信息容器：

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

組件容器

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

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

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

默認服務型首頁&上滑 2 樓運營中心

設計展示

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

歡迎關注「58UXD」的微信公眾號：