盤點(diǎn)「首頁金剛區(qū)」的推薦應(yīng)用設(shè)計(jì)形式

2 評(píng)論 32928 瀏覽 166 收藏 7 分鐘

首頁金剛區(qū),是用戶進(jìn)入app后第一眼看到的模塊,因此承擔(dān)著產(chǎn)品功能導(dǎo)航和業(yè)務(wù)導(dǎo)流的任務(wù)。那么針對(duì)金剛區(qū)中的推薦應(yīng)用設(shè)計(jì)中,一般可以采用什么形式呢?它們又有什么好處與缺點(diǎn)呢?

金剛區(qū)作為首頁的承載核心,承擔(dān)著產(chǎn)品功能導(dǎo)航和業(yè)務(wù)導(dǎo)流的任務(wù)。越來越多的APP首頁,尤其是平臺(tái)型APP已經(jīng)離不開金剛區(qū)。

目前金剛區(qū)形式一般為2-3行,每行4-5個(gè)。因產(chǎn)品需求不同,在金剛區(qū)可能會(huì)存在推薦應(yīng)用和自選應(yīng)用。當(dāng)有新的功能上線,還會(huì)需要對(duì)其進(jìn)行強(qiáng)推薦。這里討論一下在進(jìn)行推薦設(shè)計(jì)時(shí),可以采用的幾種形式。

01? 不區(qū)分設(shè)計(jì)

指系統(tǒng)推薦與自選應(yīng)用不在圖標(biāo)設(shè)計(jì)風(fēng)格上進(jìn)行區(qū)分。

這種情形通常前幾位放置推薦應(yīng)用,后面放置自選應(yīng)用。具體推薦個(gè)數(shù)可以由產(chǎn)品方自定。

這種設(shè)計(jì)的優(yōu)勢(shì)在于推薦的個(gè)數(shù)不受限,而推薦置于金剛區(qū)首,相對(duì)比較易于發(fā)現(xiàn)。

缺點(diǎn)也很明顯:推薦效果比較弱,需要搭配其他效果才能強(qiáng)化推薦;后期推出的新增應(yīng)用可能還會(huì)將用戶原先的自選應(yīng)用位強(qiáng)行擠掉,會(huì)導(dǎo)致用戶再使用過程中存在一定的迷惑感。

有一個(gè)我個(gè)人認(rèn)為做的比較好的案例來自淘寶。

淘寶上的各類服務(wù)應(yīng)用是非常多樣的,除了系統(tǒng)推薦外,用戶可以在進(jìn)入一個(gè)服務(wù)應(yīng)用后,點(diǎn)擊關(guān)注,該服務(wù)就會(huì)出現(xiàn)在首頁的金剛區(qū)里。因此淘寶將金剛區(qū)原先固定的位置改良為左滑的形式,將有限的金剛區(qū)拓展開,良好的避免了用戶自選應(yīng)用被擠的情況。

02? 區(qū)分設(shè)計(jì)

指從設(shè)計(jì)風(fēng)格上區(qū)分開推薦及自選應(yīng)用。通常采用推薦應(yīng)用單獨(dú)位列一行,其余應(yīng)用列兩行的設(shè)計(jì)方式。

這種區(qū)別化的設(shè)計(jì)使得推薦應(yīng)用能夠得到更大程度的突出,用戶對(duì)于推薦與自選能夠一目了然。

缺點(diǎn)則是由于樣式限制,推薦的個(gè)數(shù)有限。

而最新版本的支付寶也改成了這種類型。

03? 標(biāo)簽推薦設(shè)計(jì)

采用標(biāo)簽來標(biāo)記推薦應(yīng)用是最最常用的方式。

用標(biāo)簽的添加,去強(qiáng)化吸引視覺的焦點(diǎn),從而實(shí)現(xiàn)突出推薦的效果。標(biāo)簽的另一個(gè)優(yōu)勢(shì),就是還可以標(biāo)記出不同服務(wù)應(yīng)用的特點(diǎn),吸引用戶進(jìn)行點(diǎn)擊操作。

04? 微動(dòng)效推薦設(shè)計(jì)

給應(yīng)用圖標(biāo)進(jìn)行動(dòng)效設(shè)計(jì),使用圖標(biāo)動(dòng)靜之間的對(duì)比達(dá)到吸引用戶視線、進(jìn)而推薦的目的。

這種方式適用于強(qiáng)推少量應(yīng)用圖標(biāo)的時(shí)候。因?yàn)榻饎倕^(qū)內(nèi)進(jìn)行微動(dòng)效設(shè)計(jì)的圖標(biāo)越多,反而會(huì)降低推薦的效果,過多的動(dòng)效也會(huì)使頁面顯得雜亂。

05? 深層動(dòng)效推薦設(shè)計(jì)

這種動(dòng)效不應(yīng)用于金剛區(qū)圖標(biāo)本身,反而應(yīng)用于金剛區(qū)中的“更多”圖標(biāo)。

支付寶在“更多”這個(gè)圖標(biāo)上,進(jìn)行了一種類似將圖標(biāo)藏進(jìn)去的動(dòng)效設(shè)計(jì),適度引起用戶的好奇心,引領(lǐng)用戶去點(diǎn)擊更多尋找。

這里推薦的并非強(qiáng)推服務(wù)應(yīng)用,一是用戶沒有經(jīng)常使用該功能的需求,也就沒有使其長(zhǎng)期放置于金剛區(qū)的必要;二是業(yè)務(wù)上卻仍需要使用戶知曉該應(yīng)用的新推上線。

06? 其他輔助推薦效果

除了在金剛區(qū)進(jìn)行推薦設(shè)計(jì)以外,還可以進(jìn)行一些輔助設(shè)計(jì)來共同強(qiáng)化推薦效果。

比如將搜索欄中的默認(rèn)提示語設(shè)為該推薦應(yīng)用名稱;在搜索頁面關(guān)鍵字添加熱門標(biāo)簽(小火苗),增加“熱門搜索”、“大家都在搜”等板塊。

同理還可以在所有應(yīng)用界面增加“推薦應(yīng)用”等。

以及配合一些運(yùn)營(yíng)手段,例如頭部banner、活動(dòng)參與等等。

總結(jié)

由此可見,推薦設(shè)計(jì)看似簡(jiǎn)單,卻并非能夠依樣畫瓢。最終實(shí)現(xiàn)的推薦設(shè)計(jì)可以根據(jù)業(yè)務(wù)需要、推薦強(qiáng)度,選擇單一方式或者結(jié)合多種方式進(jìn)行設(shè)計(jì)。

 

作者:『夜。微信公眾號(hào):夜的UE筆記

本文由 @『夜。 原創(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. 挺好的,我也在我們的產(chǎn)品上加了這個(gè)位置,不過是作為純運(yùn)營(yíng)位來用的?,F(xiàn)在首頁沒了banner,承載的內(nèi)容清晰開闊了很多。

    來自廣東 回復(fù)