四要素做好分類導(dǎo)航設(shè)計
發(fā)布時間:2022-01-06 11:16 [ 我要自學(xué)網(wǎng)原創(chuàng) ] 發(fā)布人: hh71427-2

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

一般說來,在購物類的app中,用戶想要到達商品詳情頁的路徑有以下3種:

  • 通過搜索直達商品列表;
  • 通過分類導(dǎo)航;
  • 通過運營設(shè)定的特定模塊到達(比如促銷活動和專區(qū))。

這三種路徑基本上就涵蓋了用戶購物的的3種心態(tài):

  • 第1種路徑可以有效滿足用戶明確知道自己要買哪個具體商品的需求;
  • 第2種路徑可以有效滿足用戶明確自己要買哪類商品但不知道具體要買哪個商品的需求;
  • 第3種路徑可以滿足用戶逛逛的心態(tài)。


分類導(dǎo)航設(shè)計

接下來的篇幅我們主要講關(guān)于分類導(dǎo)航的相關(guān)知識點。

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

按照分類查找商品是人類最常用到的一種思維方式和習(xí)慣,這種習(xí)慣主要來源于人們在線下購物的方式。線下商場的商品都是實體的,需要占用三維的物理空間,無法像在網(wǎng)上一樣可以通過搜索把商品相關(guān)信息展現(xiàn)在用戶的眼前,商品是不會動的,用戶需要改變自己的地理位置去走到商品所在位置,才能拿到商品,為了能夠讓用戶快速找到自己的商品,商場就會按照一定的標(biāo)準(zhǔn)給商品分類,符合同類標(biāo)準(zhǔn)的商品會放在同一片區(qū)域,百貨商場里面1樓是化妝品、2樓是女裝、3樓男裝、4樓箱包、5樓文體用品……在電商剛興起的時候,PC端的網(wǎng)站就是很大程度上借鑒了線下樓層的這種概念。

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

使用場景

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

想做好分類導(dǎo)航設(shè)計?從這四要素開始!

頁面設(shè)計

在分類頁面的設(shè)計樣式上,基本上都采用了標(biāo)簽+盒子的形式,只不過標(biāo)簽的樣式采用了橫式和豎式。一級類目數(shù)量不是很多的情況下,可以優(yōu)先考慮橫式標(biāo)簽樣式,這樣能夠把更多的空間留給二級類目;在一級類目數(shù)量比較多的情況下,建議采用豎式標(biāo)簽的樣式,這樣方便用戶快捷的進行一級類目的查找?聪旅娴睦,左邊的例子采用橫式的,右邊的例子采用豎式的,在類目數(shù)量非常大的情況下,顯然右邊的樣式會更高效一點。

想做好分類導(dǎo)航設(shè)計?從這四要素開始!

在一些商品數(shù)量還不是很龐大的購物app上,大部分的會在首頁的頂部欄額外增加一個標(biāo)簽式的分類導(dǎo)航,提升分類導(dǎo)航的層級,更好的引導(dǎo)用戶利用分類導(dǎo)航去找到自己想要的商品,由于每個二級分類的商品數(shù)量不是很多,可以把多個二級類目的商品全部排列在一級類目的標(biāo)簽頁下面(僅通過滑動就可以切換到下一個類目,如下圖中右圖),降低了用戶的二級類目切換成本,提升用戶逛的沉浸感,增加商品成交量。

想做好分類導(dǎo)航設(shè)計?從這四要素開始!

品牌因素

隨著消費水平的提高,品牌因素對用戶選購商品會占有越來越大的比重,按照品牌來分類也越來越多的出現(xiàn)在購物類的app中,如圖中左邊的例子,可以直接通過品牌列表來查找自己要找的品牌;右邊的例子在一級類目下面集成了品牌推薦,這也是對用戶思路的一種引導(dǎo)方式。

想做好分類導(dǎo)航設(shè)計?從這四要素開始!

商品屬性

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

想做好分類導(dǎo)航設(shè)計?從這四要素開始!

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

  • 類目導(dǎo)航最高效的適用場景是:用戶有購物欲望,但無法確定所要購買具體商品型號;
  • 按照商品屬性分類僅僅是類目導(dǎo)航的一個基本的維度,我們還可以嘗試從使用場景、使用人群、品牌、個性推薦等維度進行更多的分類嘗試,以便覆蓋更多的用戶場景;
  • 在類目導(dǎo)航頁增加類目運營活動是提高轉(zhuǎn)化率的一個有效手段,值得嘗試;
  • 要考慮好上下文的關(guān)系,點擊二級類目進入到商品列表以后,較為合理的篩選與排序操作就是必不可少的動作了。

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

Sketch視頻教程
我要自學(xué)網(wǎng)商城 ¥40 元
進入購買
文章評論
0 條評論 按熱度排序 按時間排序 /350
添加表情
遵守中華人民共和國的各項道德法規(guī),
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任,
本站有權(quán)保留或刪除有爭議評論。
參與本評論即表明您已經(jīng)閱讀并接受
上述條款。
V
特惠充值
聯(lián)系客服
APP下載
官方微信
返回頂部
分類選擇:
電腦辦公 平面設(shè)計 室內(nèi)設(shè)計 室外設(shè)計 機械設(shè)計 工業(yè)自動化 影視動畫 程序開發(fā) 網(wǎng)頁設(shè)計 會計課程 興趣成長 AIGC