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

一般說來,在購(gòu)物類的app中,用戶想要到達(dá)商品詳情頁(yè)的路徑有以下3種:1、通過搜索直達(dá)商品列表;2、通過分類導(dǎo)航;3、通過運(yùn)營(yíng)設(shè)定的特定模塊到達(dá)(比如促銷活動(dòng)和專區(qū))。這三種路徑基本上就涵蓋了用戶購(gòu)物的的3種心態(tài):第1種路徑可以有效滿足明確知道自己要買哪個(gè)具體商品的需求;第2種路徑可以有效滿足用戶明確自己要買哪類商品但不知道具體要買那個(gè)哪個(gè)商品的需求;第3種路徑可以滿足用戶逛逛的心態(tà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í)慣主要來源于人們?cè)诰€下購(gòu)物的方式。線下商場(chǎng)的商品都是實(shí)體的,需要占用三維的物理空間,無法像在網(wǎng)上一樣可以通過搜索把商品相關(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)航帶來更多的成交,這是在電商app設(shè)計(jì)中不可忽略的一個(gè)課題。經(jīng)過一些用戶調(diào)研發(fā)現(xiàn),用戶在明確自己要買的商品大類但不知道具體商品型號(hào)的時(shí)候,90%的用戶會(huì)通過類目去查找商品。

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


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

在分類頁(yè)面的設(shè)計(jì)樣式上,基本上都采用了標(biāo)簽+盒子的形式,只不過標(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è)下面(僅通過滑動(dòng)就可以切換到下一個(gè)類目,如下圖中右圖),降低了用戶的二級(jí)類目切換成本,提升用戶逛的沉浸感,增加商品成交量。

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


隨著消費(fèi)水平的提高,品牌因素對(duì)用戶選購(gòu)商品會(huì)占有越來越大的比重,按照品牌來分類也越來越多的出現(xiàn)在購(gòu)物類的app中,如圖中左邊的例子,可以直接品牌列表來查找自己的要找的品牌;右邊的例子在一級(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è)入口再合適不過了。例如下圖左邊的案例,增加了以商品使用場(chǎng)景(送禮)為緯度的分類,和以商品屬性為緯度的分類并列成為一級(jí)類目;下圖右邊的案例就針對(duì)該類目放置了專題活動(dòng)(值得買好物)的入口。

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

經(jīng)過上面的案例可以看出來:

1、類目導(dǎo)航最高效的適用場(chǎng)景是:用戶有購(gòu)物欲望,但無法確定所要購(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ì)工具解決問題。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

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

友情鏈接更多精彩內(nèi)容