業(yè)務(wù)想大多全,用戶要精準(zhǔn)簡(jiǎn),首頁設(shè)計(jì)該如何破局?
編輯導(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í)和適合的顆粒度。
人-場(chǎng)景-信息優(yōu)先級(jí)和顆粒度
1. 用戶分類
根據(jù)用戶需求分為三類。
- 預(yù)裝用戶:非自主下載,不了解產(chǎn)品功能;
- 服務(wù)需求用戶:使用相對(duì)固定的服務(wù);
- 內(nèi)容需求用戶:獲取本地或相關(guān)服務(wù)信息。
2. 按照用戶區(qū)分場(chǎng)景需求
- 預(yù)裝用戶:建立產(chǎn)品認(rèn)知、保留用戶不卸載;
- 服務(wù)需求用戶:更有針對(duì)性的服務(wù)展示,盡可能少的干擾信息;
- 內(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ù)裝型用戶信息
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ù)于用戶。
服務(wù)型用戶信息
3)內(nèi)容需求用戶
采用平衡曝光策略。保留一級(jí)主服務(wù)入口,方便業(yè)務(wù)切換。同時(shí)擴(kuò)展內(nèi)容曝光度。
內(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ú)立的曝光渠道。
腰部tab結(jié)構(gòu)
頂部tab結(jié)構(gòu)
2. 使用更靈活的組件:變形金剛與瀑布流
首先,金剛位是一級(jí)服務(wù)入口的集合,且處于首屏上部,是非常好的建立產(chǎn)品認(rèn)知的模塊。將其原有打散在15個(gè)位置上的服務(wù),按照大類聚合安置,更容易傳達(dá)產(chǎn)品的主服務(wù)是什么。
金剛位結(jié)構(gòu)對(duì)比
其次,為了應(yīng)對(duì)用戶精準(zhǔn)簡(jiǎn)的需求,金剛也可以做靈活變形,曝光更多目標(biāo)服務(wù)的二級(jí)選項(xiàng)。
變形金剛位
而瀑布流方式也為更多樣的服務(wù)連接形式提供了承載能力。
列表與瀑布流
3. 豐富的信息容器
設(shè)計(jì)包含圖、文、圖文、VR、視頻、聚合類目、動(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ù)線運(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)。
原路徑&現(xiàn)路徑
默認(rèn)服務(wù)型首頁&上滑2樓運(yùn)營(yíng)中心
五、設(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é)議。
恕我直言,為啥我覺得最后的“設(shè)計(jì)展示”幾個(gè)頁面都差不多,我沒看出來針對(duì)不同用戶的特色
作為用戶我會(huì)更喜歡那些看上去簡(jiǎn)單舒服的界面,太花哨的會(huì)讓我沒有看下去的欲望
推送任務(wù)也很重要,標(biāo)題不夠吸引用戶但是只求頻繁的話,就容易被關(guān)閉通知甚至卸載
對(duì)部分網(wǎng)站而言,首頁設(shè)計(jì)決定了用戶是否會(huì)繼續(xù)看下去。因此,首頁設(shè)計(jì)的要點(diǎn)展示極為重要。
有些內(nèi)容就適合用頂部tab模型,適量曝光,增加轉(zhuǎn)化率。