商品作為整個電商平臺中的核心，系統(tǒng)中所有的業(yè)務(wù)都需要根據(jù)它來展開，所以設(shè)計一套易用、可擴展的商品模塊是非常重要的。文章從品類管理的基本業(yè)務(wù)出發(fā)，對具體的功能模塊展開了梳理說明，希望通過此文能夠加深你對電商后臺設(shè)計的認(rèn)識。

由于內(nèi)容較多，我通過三篇文章來講解一下商品管理中各個功能是如何設(shè)計的。商品管理中包含品類管理、品牌管理、屬性管理、商品維護四個功能點，通過這四個功能數(shù)據(jù)的相互配合，才能完整對商品數(shù)據(jù)的維護。本篇我們先來聊一聊品類管理是如何實現(xiàn)的。

01 品類管理

電商平臺商品繁多，如果沒有一個好的數(shù)據(jù)歸類，無論對于后端維護人員還是前端用戶的查找體驗可以說是災(zāi)難性的，所以在商品維護模塊中品類管理算是最基礎(chǔ)的功能了。

電商平臺中品類管理通常分兩種：前端品類管理和后端品類管理，為什么會有兩套品類管理呢？

• 當(dāng)平臺發(fā)展壯大的時候，平臺上的商品非常的多，后端系統(tǒng)需要創(chuàng)建比較細致的品類對商品歸類以方便精細化管理和數(shù)據(jù)統(tǒng)計。
• 前端為了活動促銷，運營人員會根據(jù)當(dāng)前熱度或根據(jù)用戶喜好不斷的對品類做個性化調(diào)整，以滿足推廣活動，如果直接修改后臺的品類，勢必導(dǎo)致后端品類混亂，維護人員(通常由采購部的人來維護)無法識別商品品類。

基于上面兩點，通常就會開發(fā)兩套品類分別由運營人員和采購人員各自進行維護，即不會相互影響，又實現(xiàn)了各自的業(yè)務(wù)功能。

02 前端品類管理

要了解前端品類的功能，JD、TM肯定是我們必然要參考的對象，所以我們還是先看看他們的品類都有哪些功能，下圖是JD官網(wǎng)首頁的分類展示，我接下來分析一下功能：

2.1 層級結(jié)構(gòu)

電商品類大大小小幾百種，一個好的組織方式無疑能夠讓用戶更快速、更直觀的了解網(wǎng)站的業(yè)務(wù)內(nèi)容，最常規(guī)的方式就是層級分明的樹形結(jié)構(gòu)。綜合考慮到商品的細分程度和用戶的體驗效果，前端展示的品類一般都是三級結(jié)構(gòu)。

2.2 命名規(guī)則

由于頁面高度限制和用戶視覺效果影響，網(wǎng)站首頁默認(rèn)只顯示一級品類，二、三級品類通常被隱藏，需要通過用戶移動鼠標(biāo)來進行觸發(fā)顯示。

由于默認(rèn)只顯示一級品類，但是又需要讓用戶對網(wǎng)站業(yè)務(wù)能有一個直觀的了解，所以一級品類通常都是根據(jù)相似功能聚合多個品類一同進行展示，到二三級則為具體類目信息。

當(dāng)然不同企業(yè)有不同的戰(zhàn)略考慮，還是需要根據(jù)實際業(yè)務(wù)考慮，合理組織商品類目信息。

2.3 個性化跳轉(zhuǎn)

活動運營是電商平臺的核心業(yè)務(wù)，而品類作為電商的一個重要搜索入口，前端品類會加入個性化的鏈接跳轉(zhuǎn)，通過點擊品類跳轉(zhuǎn)到指定的專題頁或活動頁，以增加活動流量。

大家可以在JD官網(wǎng)上試試，將鼠標(biāo)放在品類上，屏幕左下方會出現(xiàn)跳轉(zhuǎn)鏈接地址，大體有兩種形式：一種是跳轉(zhuǎn)到相應(yīng)的專題頁中；另一種是跳轉(zhuǎn)到搜索頁中。

2.4 關(guān)聯(lián)后端品類

上面我們講了系統(tǒng)需要設(shè)計兩套品類管理，它們又是如何關(guān)聯(lián)在一起的呢？這個問題其實也比較簡單，在創(chuàng)建前端品類的時候，會有一個關(guān)聯(lián)設(shè)置功能，運營人員可以個性化設(shè)置關(guān)聯(lián)多個后臺品類。如：辦公 -> 筆、本子、冊子

2.5 其它功能

• ICON:為了美化品類的展示樣式，前端UI通常會設(shè)計一些ICON圖標(biāo)進行優(yōu)化，該功能手機端使用的比較多
• 排序功能：運營會根據(jù)活動熱度動態(tài)來調(diào)整個別品類顯示的順序，通過后臺排序數(shù)字可以自由進行維護
• 狀態(tài)：控制品類是否展示在前端

2.6 原型圖設(shè)計

功能整理：

列表頁原型圖：

列表頁上的刪除功能需要注意，當(dāng)品類包含子品類時，父級品類不能被刪除，必須要先刪除完所有的子品類，以防止造成系統(tǒng)內(nèi)部臟數(shù)據(jù)。

表單頁原型圖：

關(guān)聯(lián)品類頁原型圖：

前端品類關(guān)聯(lián)后端品類時，可以關(guān)聯(lián)到任意一級，無須精確到最后一級。

03 后端品類管理

對于后來系統(tǒng)來說，主要用于數(shù)據(jù)分類，功能相對較少一些，對于頁面優(yōu)化并沒有那么高要求，所以跳轉(zhuǎn)路徑、ICON設(shè)置就不需要進行維護。

但是它有一個非常重要的關(guān)聯(lián)屬性功能，用于維護商品展示屬性的基礎(chǔ)設(shè)置，由于涉及內(nèi)容比較多，我在下一篇文章中介紹。

功能整理圖：

列表頁原型圖：

表單頁原型圖：

小提示：在展示樹形結(jié)構(gòu)數(shù)據(jù)時，當(dāng)數(shù)據(jù)量比較少的時候(如系統(tǒng)菜單列表)通常會采用帶有上下級折疊功能的樣式進行展示，但是數(shù)據(jù)量比較大的時候，通常采用分頁展示，不然單頁面數(shù)據(jù)太大，經(jīng)常出現(xiàn)卡頓現(xiàn)象。

作者：JackLiu；個人微信公眾號: 揚帆去遠航（ID:Jackai_liu)

本文由 @Jack 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉(zhuǎn)載。

題圖來自Unsplash，基于CC0協(xié)議。