業(yè)務(wù)想大多全,客戶(hù)要精準(zhǔn)簡(jiǎn),首頁(yè)設(shè)計(jì)該如何破局?
發(fā)布時(shí)間:2021-12-10 09:32 [ 我要自學(xué)網(wǎng)原創(chuàng) ] 發(fā)布人: hh71427-2


圖片

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

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

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

 

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

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

 

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

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

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

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

 

03.如何破解?

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

圖片

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

 

1、用戶(hù)分類(lèi)

根據(jù)用戶(hù)需求分為三類(lèi)。

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

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

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

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

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

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

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

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

1)預(yù)裝用戶(hù):

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

圖片

預(yù)裝型用戶(hù)信息

 

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

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

圖片

服務(wù)型用戶(hù)信息

 

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

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

圖片

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

 

04.設(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ù),按照大類(lèi)聚合安置,更容易傳達(dá)產(chǎn)品的主服務(wù)是什么。

圖片

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

 

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

圖片

變形金剛位

 

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

圖片

列表與瀑布流

 

3、豐富的信息容器:

設(shè)計(jì)包含圖、文、圖文、VR、視頻、聚合類(lèi)目、動(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ù)線(xiàn)運(yùn)營(yíng)功能深藏在業(yè)務(wù)頁(yè)面中,用戶(hù)往往需要通過(guò)較長(zhǎng)的路徑才能接觸到運(yùn)營(yíng)功能,且用戶(hù)也并不能發(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)中心

 

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

圖片

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

 
UI交互app及axure設(shè)計(jì)教程
我要自學(xué)網(wǎng)商城 ¥50 元
進(jìn)入購(gòu)買(mǎi)
文章評(píng)論
0 條評(píng)論 按熱度排序 按時(shí)間排序 /350
添加表情
遵守中華人民共和國(guó)的各項(xiàng)道德法規(guī),
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任,
本站有權(quán)保留或刪除有爭(zhēng)議評(píng)論。
參與本評(píng)論即表明您已經(jīng)閱讀并接受
上述條款。
V
特惠充值
聯(lián)系客服
APP下載
官方微信
返回頂部
分類(lèi)選擇:
電腦辦公 平面設(shè)計(jì) 室內(nèi)設(shè)計(jì) 室外設(shè)計(jì) 機(jī)械設(shè)計(jì) 工業(yè)自動(dòng)化 影視動(dòng)畫(huà) 程序開(kāi)發(fā) 網(wǎng)頁(yè)設(shè)計(jì) 會(huì)計(jì)課程 興趣成長(zhǎng) AIGC