關(guān)于移動(dòng)端電商類目導(dǎo)航設(shè)計(jì)瓤湘,你可以先看看這些經(jīng)驗(yàn)

一般說(shuō)來(lái),在購(gòu)物類的app中恩尾,用戶想要到達(dá)商品詳情頁(yè)的路徑有以下3種:1弛说、通過(guò)搜索直達(dá)商品列表;2翰意、通過(guò)分類導(dǎo)航木人;3、通過(guò)運(yùn)營(yíng)設(shè)定的特定模塊到達(dá)(比如促銷活動(dòng)和專區(qū))冀偶。這三種路徑基本上就涵蓋了用戶購(gòu)物的的3種心態(tài):第1種路徑可以有效滿足明確知道自己要買哪個(gè)具體商品的需求醒第;第2種路徑可以有效滿足用戶明確自己要買哪類商品但不知道具體要買那個(gè)哪個(gè)商品的需求;第3種路徑可以滿足用戶逛逛的心態(tài)进鸠。接下來(lái)的篇幅我們主要講關(guān)于分類導(dǎo)航的相關(guān)知識(shí)點(diǎn)稠曼。

分類是把商品按照固有屬性、適用人群客年、使用場(chǎng)景等座位區(qū)分標(biāo)準(zhǔn)霞幅,把符合統(tǒng)一標(biāo)準(zhǔn)的商品歸類,提高查找商品效率的一種手段量瓜。

按照分類查找商品是人類最常用到的一種思維方式和習(xí)慣司恳,這種習(xí)慣主要來(lái)源于人們?cè)诰€下購(gòu)物的方式。線下商場(chǎng)的商品都是實(shí)體的绍傲,需要占用三維的物理空間扔傅,無(wú)法像在網(wǎng)上一樣可以通過(guò)搜索把商品相關(guān)信息展現(xiàn)在用戶的眼前,商品是不會(huì)動(dòng)的唧取,用戶需要改變自己的地理位置去走到商品所在位置铅鲤,才能拿到商品,為了能夠讓用戶快速找到自己的商品枫弟,商場(chǎng)就會(huì)按照一定的標(biāo)準(zhǔn)給商品分類邢享,符合同類標(biāo)準(zhǔn)的商品會(huì)放在同一片區(qū)域,百貨商場(chǎng)里面1樓是化妝品淡诗、2樓是女裝骇塘、3樓男裝伊履、4樓箱包、5樓文體用品……在電商剛興起的時(shí)候款违,PC端的網(wǎng)站就是很大程度上借鑒了線下樓層的這種概念唐瀑。

由于線下購(gòu)物習(xí)慣的存在,分類導(dǎo)航始終是用戶查找商品的一個(gè)重要入口插爹,如何更高效的利用分類導(dǎo)航帶來(lái)更多的成交哄辣,這是在電商app設(shè)計(jì)中不可忽略的一個(gè)課題。經(jīng)過(guò)一些用戶調(diào)研發(fā)現(xiàn)赠尾,用戶在明確自己要買的商品大類但不知道具體商品型號(hào)的時(shí)候力穗,90%的用戶會(huì)通過(guò)類目去查找商品。

設(shè)想一個(gè)使用場(chǎng)景气嫁,用戶想買一些零食吃当窗,但不知道具體買哪一種。我們來(lái)看下天貓?jiān)趺醋龅拇缦咳绻ㄟ^(guò)類目導(dǎo)航查找崖面,在零食的類目下會(huì)有多種零食的種類幫助用戶做出選擇,經(jīng)過(guò)三級(jí)類目的引導(dǎo)梯影,用戶可以輕易選擇買哪個(gè)品類的零食巫员;假如用戶通過(guò)搜索路徑,在“零食”的搜索結(jié)果頁(yè)光酣,天貓也在頂部增加了一個(gè)分類展示疏遏,企圖通過(guò)分類引導(dǎo)的方式幫助用戶快速完成任務(wù)。我們?cè)倏匆粯泳〇|救军,京東在分類的上部分放了一個(gè)活動(dòng)banner财异,這樣的話用戶又多了一種選擇:反正也不知道具體買什么零食,剛好去優(yōu)惠活動(dòng)去看看唱遭。


圖片發(fā)自簡(jiǎn)書App

在分類頁(yè)面的設(shè)計(jì)樣式上戳寸,基本上都采用了標(biāo)簽+盒子的形式,只不過(guò)標(biāo)簽的樣式采用了橫式和豎式拷泽。一級(jí)類目數(shù)量不是很多的情況下疫鹊,可以優(yōu)先考慮橫式標(biāo)簽樣式,這樣能夠把更多的空間留給二級(jí)類目司致;在一級(jí)類目數(shù)量比較多的情況下拆吆,建議采用豎式標(biāo)簽的樣式,這樣方便用戶快捷的進(jìn)行一級(jí)類目的查找脂矫≡嬉看下面的例子,左邊的例子采用橫式的庭再,右邊的例子采用豎式的捞奕,在類目數(shù)量非常大的情況下牺堰,顯然右邊的樣式會(huì)更高效一點(diǎn)。

圖片發(fā)自簡(jiǎn)書App

在一些商品數(shù)量還不是很龐大的購(gòu)物app上颅围,大部分的會(huì)在首頁(yè)的頂部欄額外增加一個(gè)標(biāo)簽式的分類導(dǎo)航伟葫,提升分類導(dǎo)航的層級(jí),更好的引導(dǎo)用戶利用分類導(dǎo)航去找到自己想要的商品院促,由于每個(gè)二級(jí)分類的商品數(shù)量不是很多筏养,可以把多個(gè)二級(jí)類目的商品全部排列在一級(jí)類目的標(biāo)簽頁(yè)下面(僅通過(guò)滑動(dòng)就可以切換到下一個(gè)類目,如下圖中右圖)一疯,降低了用戶的二級(jí)類目切換成本撼玄,提升用戶逛的沉浸感夺姑,增加商品成交量墩邀。

圖片發(fā)自簡(jiǎn)書App


隨著消費(fèi)水平的提高,品牌因素對(duì)用戶選購(gòu)商品會(huì)占有越來(lái)越大的比重盏浙,按照品牌來(lái)分類也越來(lái)越多的出現(xiàn)在購(gòu)物類的app中眉睹,如圖中左邊的例子,可以直接品牌列表來(lái)查找自己的要找的品牌废膘;右邊的例子在一級(jí)類目下面集成了品牌推薦竹海,這也是對(duì)用戶思路的一種引導(dǎo)方式。

圖片發(fā)自簡(jiǎn)書App

在分類導(dǎo)航的邏輯中丐黄,按照商品屬性分類式最基本的分類方式斋配,但并不是唯一的方式,我們可以嘗試以商品屬性分類為基礎(chǔ)+其他緯度分類結(jié)合的方式灌闺,以求能夠覆蓋更多的用戶使用場(chǎng)景艰争,響應(yīng)更多的用戶需求;分類導(dǎo)航頁(yè)還漸漸的成為運(yùn)營(yíng)活動(dòng)的展示窗口桂对,針對(duì)類目的運(yùn)營(yíng)活動(dòng)在這里放置一個(gè)入口再合適不過(guò)了甩卓。例如下圖左邊的案例,增加了以商品使用場(chǎng)景(送禮)為緯度的分類蕉斜,和以商品屬性為緯度的分類并列成為一級(jí)類目逾柿;下圖右邊的案例就針對(duì)該類目放置了專題活動(dòng)(值得買好物)的入口。

圖片發(fā)自簡(jiǎn)書App

經(jīng)過(guò)上面的案例可以看出來(lái):

1宅此、類目導(dǎo)航最高效的適用場(chǎng)景是:用戶有購(gòu)物欲望机错,但無(wú)法確定所要購(gòu)買具體商品型號(hào);

2父腕、按照商品屬性分類僅僅是類目導(dǎo)航的一個(gè)基本的維度弱匪,我們還可以嘗試從使用場(chǎng)景、使用人群侣诵、品牌痢法、個(gè)性推薦等維度進(jìn)行更多的分類嘗試狱窘,以便覆蓋更多的用戶場(chǎng)景;

3财搁、在類目導(dǎo)航頁(yè)增加類目運(yùn)營(yíng)活動(dòng)是提高轉(zhuǎn)化率的一個(gè)有效手段蘸炸,值得嘗試。

4尖奔、要考慮好上下文的關(guān)系搭儒,點(diǎn)擊二級(jí)類目進(jìn)入到商品列表以后,較為合理的篩選與排序操作就是必不可少的動(dòng)作了提茁。

作為設(shè)計(jì)師的我們淹禾,在思考設(shè)計(jì)實(shí)現(xiàn)方案的時(shí)候一定記得從業(yè)務(wù)邏輯出發(fā),多跟運(yùn)營(yíng)以及產(chǎn)品溝通茴扁,挖掘到更多的需求铃岔,這樣才能更有效的用設(shè)計(jì)工具解決問(wèn)題。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末峭火,一起剝皮案震驚了整個(gè)濱河市毁习,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌卖丸,老刑警劉巖纺且,帶你破解...
    沈念sama閱讀 216,372評(píng)論 6 498
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異稍浆,居然都是意外死亡载碌,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,368評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門衅枫,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)嫁艇,“玉大人,你說(shuō)我怎么就攤上這事为鳄∩哑停” “怎么了?”我有些...
    開封第一講書人閱讀 162,415評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵孤钦,是天一觀的道長(zhǎng)歧斟。 經(jīng)常有香客問(wèn)我,道長(zhǎng)偏形,這世上最難降的妖魔是什么静袖? 我笑而不...
    開封第一講書人閱讀 58,157評(píng)論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮俊扭,結(jié)果婚禮上队橙,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好捐康,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,171評(píng)論 6 388
  • 文/花漫 我一把揭開白布仇矾。 她就那樣靜靜地躺著,像睡著了一般解总。 火紅的嫁衣襯著肌膚如雪贮匕。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,125評(píng)論 1 297
  • 那天花枫,我揣著相機(jī)與錄音刻盐,去河邊找鬼。 笑死劳翰,一個(gè)胖子當(dāng)著我的面吹牛敦锌,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播佳簸,決...
    沈念sama閱讀 40,028評(píng)論 3 417
  • 文/蒼蘭香墨 我猛地睜開眼乙墙,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了溺蕉?” 一聲冷哼從身側(cè)響起伶丐,我...
    開封第一講書人閱讀 38,887評(píng)論 0 274
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎疯特,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體肛走,經(jīng)...
    沈念sama閱讀 45,310評(píng)論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡漓雅,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,533評(píng)論 2 332
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了朽色。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片邻吞。...
    茶點(diǎn)故事閱讀 39,690評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖葫男,靈堂內(nèi)的尸體忽然破棺而出抱冷,到底是詐尸還是另有隱情,我是刑警寧澤梢褐,帶...
    沈念sama閱讀 35,411評(píng)論 5 343
  • 正文 年R本政府宣布旺遮,位于F島的核電站,受9級(jí)特大地震影響盈咳,放射性物質(zhì)發(fā)生泄漏耿眉。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,004評(píng)論 3 325
  • 文/蒙蒙 一鱼响、第九天 我趴在偏房一處隱蔽的房頂上張望鸣剪。 院中可真熱鬧,春花似錦、人聲如沸筐骇。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,659評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)铛纬。三九已至娘锁,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間饺鹃,已是汗流浹背莫秆。 一陣腳步聲響...
    開封第一講書人閱讀 32,812評(píng)論 1 268
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留悔详,地道東北人镊屎。 一個(gè)月前我還...
    沈念sama閱讀 47,693評(píng)論 2 368
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像茄螃,于是被迫代替她去往敵國(guó)和親缝驳。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,577評(píng)論 2 353

推薦閱讀更多精彩內(nèi)容

  • 作為設(shè)計(jì)師[https://www.uisdc.com/tag/%e8%ae%be%e8%ae%a1%e5%b8%...
    藝設(shè)佳閱讀 334評(píng)論 0 0
  • 作為設(shè)計(jì)師夏伊,在拿到設(shè)計(jì)需求后,不要著急做需求吻氧,先分析需求溺忧,且在思考設(shè)計(jì)視覺時(shí)一定記得從業(yè)務(wù)本身的屬性出發(fā),多跟運(yùn)營(yíng)...
    yolkpie閱讀 719評(píng)論 0 0
  • 2017年7月16日~2017年7月17日 一盯孙、類目的出現(xiàn) 一個(gè)用戶在電商的行為軌跡鲁森,是從「導(dǎo)航/搜索/SNS」開...
    曉健周閱讀 32,840評(píng)論 3 46
  • 類目系統(tǒng)是整個(gè)電商系統(tǒng)中的基礎(chǔ)部分,比較容易被忽略振惰,但確實(shí)是比較重要的一個(gè)部分歌溉,目前淘寶或者京東的商品數(shù)量已經(jīng)有...
    DearNicole閱讀 18,687評(píng)論 18 53
  • 初探中提到,酒仙網(wǎng)的移動(dòng)端運(yùn)營(yíng)做得比較好骑晶,于是也買酒之后再看看酒仙網(wǎng)痛垛。 還是先說(shuō)導(dǎo)航。 “類目”放在導(dǎo)航欄里透罢,而不...
    loveisbug閱讀 762評(píng)論 0 6