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

5 評(píng)論 6308 瀏覽 56 收藏 9 分鐘

編輯導(dǎo)語:就多類型服務(wù)產(chǎn)品而言,其功能過多,若每個(gè)功能或業(yè)務(wù)都想在首頁曝光,則可能導(dǎo)致信息呈現(xiàn)過于復(fù)雜,此時(shí)用戶體驗(yàn)也會(huì)下降,后續(xù)則可能導(dǎo)致用戶流失。那么在這種情況下,首頁設(shè)計(jì)該采取何種策略?本文作者結(jié)合實(shí)際案例做了解答,一起來看一下。

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

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

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

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

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

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

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

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

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

三、如何破解?

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

業(yè)務(wù)想大多全,用戶要精準(zhǔn)簡(jiǎn),首頁設(shè)計(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í)和顆粒度

1)預(yù)裝用戶

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

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

預(yù)裝型用戶信息

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

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

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

服務(wù)型用戶信息

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

變形金剛位

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

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

列表與瀑布流

3. 豐富的信息容器

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

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

組件容器

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

以往,各業(yè)務(wù)線運(yùn)營(yíng)功能深藏在業(yè)務(wù)頁面中,用戶往往需要通過較長(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)。

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

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

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

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

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

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

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

 

作者:環(huán)鐵藝術(shù)家;公眾號(hào):58UXD

本文由 @58UXD 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。

題圖來自Unsplash,基于CC0協(xié)議。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 恕我直言,為啥我覺得最后的“設(shè)計(jì)展示”幾個(gè)頁面都差不多,我沒看出來針對(duì)不同用戶的特色

    來自江蘇 回復(fù)
  2. 作為用戶我會(huì)更喜歡那些看上去簡(jiǎn)單舒服的界面,太花哨的會(huì)讓我沒有看下去的欲望

    來自河南 回復(fù)
  3. 推送任務(wù)也很重要,標(biāo)題不夠吸引用戶但是只求頻繁的話,就容易被關(guān)閉通知甚至卸載

    來自河南 回復(fù)
  4. 對(duì)部分網(wǎng)站而言,首頁設(shè)計(jì)決定了用戶是否會(huì)繼續(xù)看下去。因此,首頁設(shè)計(jì)的要點(diǎn)展示極為重要。

    來自四川 回復(fù)
  5. 有些內(nèi)容就適合用頂部tab模型,適量曝光,增加轉(zhuǎn)化率。

    來自四川 回復(fù)