業(yè)務(wù)想大多全,用戶要精準(zhǔn)簡,首頁設(shè)計該如何破局?

2021-12-1    seo達(dá)人


圖片

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

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

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

 

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

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

 

02.設(shè)計挑戰(zhàn)是什么?

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

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

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

 

03.如何破解?

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

圖片

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

 

1、用戶分類

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

1)預(yù)裝用戶:非自主下載,不了解產(chǎn)品功能

2)服務(wù)需求用戶:使用相對固定的服務(wù)

3)內(nèi)容需求用戶:獲取本地或相關(guān)服務(wù)信息

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

1)預(yù)裝用戶:建立產(chǎn)品認(rèn)知、保留用戶不卸載

2)服務(wù)需求用戶:更有針對性的服務(wù)展示,盡可能少的干擾信息

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

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

1)預(yù)裝用戶:

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

圖片

預(yù)裝型用戶信息

 

2)服務(wù)需求用戶:

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

圖片

服務(wù)型用戶信息

 

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

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

圖片

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

 

04.設(shè)計思路

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

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

圖片

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

圖片

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

 

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

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

圖片

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

 

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

圖片

變形金剛位

 

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

圖片

列表與瀑布流

 

3、豐富的信息容器:

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

圖片

組件容器

 

4、整合平臺的運(yùn)營能力:設(shè)計平臺級留存向運(yùn)營中心。

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

圖片

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

 

圖片

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

 

05.設(shè)計展示

圖片

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

 

 

原文地址:58UXD(公眾號)

作者:環(huán)鐵藝術(shù)家

轉(zhuǎn)載請注明:學(xué)UI網(wǎng)》業(yè)務(wù)想大多全,用戶要精準(zhǔn)簡,首頁設(shè)計該如何破局?

藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請掃碼藍(lán)小助,報下信息,藍(lán)小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計www.yvirxh.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 平面設(shè)計服務(wù)

日歷

鏈接

個人資料

存檔