盤點「首頁金剛區(qū)」的推薦應用設計形式
首頁金剛區(qū),是用戶進入app后第一眼看到的模塊,因此承擔著產(chǎn)品功能導航和業(yè)務導流的任務。那么針對金剛區(qū)中的推薦應用設計中,一般可以采用什么形式呢?它們又有什么好處與缺點呢?
金剛區(qū)作為首頁的承載核心,承擔著產(chǎn)品功能導航和業(yè)務導流的任務。越來越多的APP首頁,尤其是平臺型APP已經(jīng)離不開金剛區(qū)。
目前金剛區(qū)形式一般為2-3行,每行4-5個。因產(chǎn)品需求不同,在金剛區(qū)可能會存在推薦應用和自選應用。當有新的功能上線,還會需要對其進行強推薦。這里討論一下在進行推薦設計時,可以采用的幾種形式。
01? 不區(qū)分設計
指系統(tǒng)推薦與自選應用不在圖標設計風格上進行區(qū)分。
這種情形通常前幾位放置推薦應用,后面放置自選應用。具體推薦個數(shù)可以由產(chǎn)品方自定。
這種設計的優(yōu)勢在于推薦的個數(shù)不受限,而推薦置于金剛區(qū)首,相對比較易于發(fā)現(xiàn)。
缺點也很明顯:推薦效果比較弱,需要搭配其他效果才能強化推薦;后期推出的新增應用可能還會將用戶原先的自選應用位強行擠掉,會導致用戶再使用過程中存在一定的迷惑感。
有一個我個人認為做的比較好的案例來自淘寶。
淘寶上的各類服務應用是非常多樣的,除了系統(tǒng)推薦外,用戶可以在進入一個服務應用后,點擊關注,該服務就會出現(xiàn)在首頁的金剛區(qū)里。因此淘寶將金剛區(qū)原先固定的位置改良為左滑的形式,將有限的金剛區(qū)拓展開,良好的避免了用戶自選應用被擠的情況。
02? 區(qū)分設計
指從設計風格上區(qū)分開推薦及自選應用。通常采用推薦應用單獨位列一行,其余應用列兩行的設計方式。
這種區(qū)別化的設計使得推薦應用能夠得到更大程度的突出,用戶對于推薦與自選能夠一目了然。
缺點則是由于樣式限制,推薦的個數(shù)有限。
而最新版本的支付寶也改成了這種類型。
03? 標簽推薦設計
采用標簽來標記推薦應用是最最常用的方式。
用標簽的添加,去強化吸引視覺的焦點,從而實現(xiàn)突出推薦的效果。標簽的另一個優(yōu)勢,就是還可以標記出不同服務應用的特點,吸引用戶進行點擊操作。
04? 微動效推薦設計
給應用圖標進行動效設計,使用圖標動靜之間的對比達到吸引用戶視線、進而推薦的目的。
這種方式適用于強推少量應用圖標的時候。因為金剛區(qū)內(nèi)進行微動效設計的圖標越多,反而會降低推薦的效果,過多的動效也會使頁面顯得雜亂。
05? 深層動效推薦設計
這種動效不應用于金剛區(qū)圖標本身,反而應用于金剛區(qū)中的“更多”圖標。
支付寶在“更多”這個圖標上,進行了一種類似將圖標藏進去的動效設計,適度引起用戶的好奇心,引領用戶去點擊更多尋找。
這里推薦的并非強推服務應用,一是用戶沒有經(jīng)常使用該功能的需求,也就沒有使其長期放置于金剛區(qū)的必要;二是業(yè)務上卻仍需要使用戶知曉該應用的新推上線。
06? 其他輔助推薦效果
除了在金剛區(qū)進行推薦設計以外,還可以進行一些輔助設計來共同強化推薦效果。
比如將搜索欄中的默認提示語設為該推薦應用名稱;在搜索頁面關鍵字添加熱門標簽(小火苗),增加“熱門搜索”、“大家都在搜”等板塊。
同理還可以在所有應用界面增加“推薦應用”等。
以及配合一些運營手段,例如頭部banner、活動參與等等。
總結
由此可見,推薦設計看似簡單,卻并非能夠依樣畫瓢。最終實現(xiàn)的推薦設計可以根據(jù)業(yè)務需要、推薦強度,選擇單一方式或者結合多種方式進行設計。
作者:『夜。微信公眾號:夜的UE筆記
本文由 @『夜。 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來自 Unsplash,基于CC0協(xié)議
挺好的,我也在我們的產(chǎn)品上加了這個位置,不過是作為純運營位來用的。現(xiàn)在首頁沒了banner,承載的內(nèi)容清晰開闊了很多。