一、品類/類目設(shè)計(jì)

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

商品管理中包含品類管理、品牌管理、屬性管理、商品維護(hù)四個(gè)功能點(diǎn)，通過(guò)這四個(gè)功能數(shù)據(jù)的相互配合，才能完整對(duì)商品數(shù)據(jù)的維護(hù)

01 品類/類目管理

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

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

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

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

02 前端品類/類目管理

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

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

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

2.2 命名規(guī)則

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

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

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

2.3 個(gè)性化跳轉(zhuǎn)

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

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

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

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

2.5 其它功能

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

2.6 原型圖設(shè)計(jì)

功能整理：

列表頁(yè)原型圖：

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

表單頁(yè)原型圖：

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

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

03 后端品類/類目管理

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

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

功能整理圖：

列表頁(yè)原型圖：

表單頁(yè)原型圖：

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

二、屬性設(shè)計(jì)

電商平臺(tái)上出售著各種各樣的商品，買家通過(guò)讀取這些商品的屬性介紹才能了解它的信息，確定自己需不需要、適不適合。電商平臺(tái)中商品數(shù)量龐大，各商品的屬性又千差萬(wàn)別，所以設(shè)計(jì)一套可復(fù)用的屬性管理功能就很重要。本文作者以此為出發(fā)點(diǎn)，為我們?cè)敿?xì)的概述了電商后臺(tái)設(shè)計(jì)的屬性管理

在介紹具體功前我們先來(lái)理解一下什么是屬性，什么是屬性值？

屬性是對(duì)事物特性的一種描述，屬性值則是具體的描述詞。

比如：我們寫簡(jiǎn)歷時(shí)，都要填寫以下幾項(xiàng)內(nèi)容：姓名張三、性別男、年齡20歲、身高170cm等；再比如售貨員為顧客推薦衣服時(shí)會(huì)介紹：這件衣服是羊絨材質(zhì)、售價(jià)2000元等等。

這里面的性別、年齡、身高、材質(zhì)、售價(jià)就是屬性，而男、20歲、170cm、羊絨、2000元?jiǎng)t是對(duì)應(yīng)的屬性值。

通過(guò)這些屬性和屬性值的描述我們就能了解到這個(gè)人和這件衣服的具體信息，當(dāng)描述的屬性和屬性值越多時(shí)，這個(gè)事物展現(xiàn)在我們大腦中的形象就越清晰。

同理，電商平臺(tái)上出售的是各種各樣的商品，通過(guò)讀取商品的屬性介紹才能了解它的信息。電商平臺(tái)中商品數(shù)量龐大，各商品的屬性又千差萬(wàn)別，所以就需要設(shè)計(jì)一套可復(fù)用的屬性管理功能就很重要。

首先，我們先找?guī)卓钌唐罚纯此鼈兊膶傩灾g都有什么特點(diǎn)和關(guān)聯(lián)。

下面是幾款不同類型商品的對(duì)比：

一、數(shù)據(jù)分析

通過(guò)對(duì)上述三款產(chǎn)品的屬性對(duì)比，我們可以得到幾個(gè)結(jié)果：

不同的商品有部分相同屬性，如標(biāo)題、品牌、品類
不同的商品它們各自獨(dú)有的屬性，如手機(jī)有內(nèi)存、鞋子有尺碼、手表有機(jī)芯
不同商品的相同屬性，其中的屬性值可能相同，如在顏色屬性中手機(jī)和手表都有黑色
有部分屬性參與了商品的銷售價(jià)格，如手機(jī)的內(nèi)存，不同大小的內(nèi)存價(jià)格是不一樣的。
對(duì)于屬性值，部分沒有規(guī)律，可以隨意填寫，如標(biāo)題、產(chǎn)品簡(jiǎn)介；部分是規(guī)律的，它們的值通常是有限的，我們可以一一整理出來(lái)，如使用人群(女士、男士、全部)、內(nèi)存大小(8G、16G、32G、64G、128G、256G)
有些商品的屬性可以很多，有些則很少。如電子產(chǎn)品、汽車等，它們的參數(shù)通常都有幾十項(xiàng)，而文具用品它們就很少。

二、數(shù)據(jù)分類

通過(guò)上面的數(shù)據(jù)分析，我們可以看到不同商品的屬性差異化還是很大，系統(tǒng)設(shè)計(jì)時(shí)為了方便管理，根據(jù)用途我們將它們分成四類：

基礎(chǔ)屬性：所有的商品都有的通用屬性，如標(biāo)題、品牌、品類等
銷售屬性：影響商品銷售價(jià)格的屬性，不同類型的的商品銷售各不相同，如手機(jī)的顏色、內(nèi)存等
搜索屬性：參與到商品搜索中的屬性，如標(biāo)題、品牌、品類等
特有屬性：不同商品各自所獨(dú)有的屬性，如鞋子的使用人群、鞋面材質(zhì)，手表的機(jī)芯等

在上面的分類中，可以發(fā)現(xiàn)有些屬性用途并非單一的，如品牌、品類除了基礎(chǔ)信息的展示外，還可以參與搜索。

在功能設(shè)計(jì)時(shí)，基礎(chǔ)屬性、銷售屬性都有明確的、可列舉出來(lái)屬性，所以各自有對(duì)應(yīng)的功能對(duì)數(shù)據(jù)進(jìn)行單獨(dú)的維護(hù)。

而搜索屬性屬于對(duì)數(shù)據(jù)的應(yīng)用，所以它的部分功能寫在代碼邏輯里，另一部分則在特有屬性中設(shè)置。

對(duì)于特有屬性，它的屬性主要和商品相關(guān)，所以我們需要根據(jù)不同的商品單獨(dú)設(shè)計(jì)，下面我們就特有屬性做功能分析。

三、功能分析

1. 屬性關(guān)聯(lián)品類

特有屬性雖然和商品有關(guān)，但是有一個(gè)共同特性，相同品類的商品它們所有擁有的特殊屬性基本相同，針對(duì)于這個(gè)特性，我們通常將產(chǎn)品的特殊屬性和品類綁定在一起。

當(dāng)商品在基礎(chǔ)屬性中設(shè)置對(duì)應(yīng)的品類后，就可以關(guān)聯(lián)獲得已綁定的所有特殊屬性配置。

2. 屬性繼承

在上一篇文章品類管理中，我們知道了品類通常是以樹形結(jié)構(gòu)來(lái)維護(hù)的，上面我們又分析了屬性和品類是綁定在一起的，為了避免重復(fù)添加屬性，就會(huì)設(shè)計(jì)一個(gè)繼承功能，子集品類屬性會(huì)默認(rèn)繼承所有父級(jí)品類已綁定的屬性。

在這里說(shuō)了題外話，就是這個(gè)繼承功能本身是好的，但是由于內(nèi)部的邏輯比較復(fù)雜（涉及到了數(shù)據(jù)遞歸、去重等），開發(fā)成本和后期的維護(hù)成本都比較大。

所以我通常采用一種折中的方案，當(dāng)添加子集品類時(shí)，將父級(jí)品類已綁定的屬性給子集品類復(fù)制一份，這樣子集品類也能單獨(dú)維護(hù)自己的屬性，之后只需要做較少的調(diào)整就能達(dá)到和繼承同樣的效果，而開發(fā)和維護(hù)比繼承方式簡(jiǎn)單很多。

3. 屬性組

由于部分商品的屬性繁多，如電子產(chǎn)品、汽車等，為了方便用戶瀏覽對(duì)比數(shù)據(jù)，通常會(huì)對(duì)屬性進(jìn)行分組管理。

4. 是否參與搜索

為了能更精準(zhǔn)的搜索到用戶的商品，除了基礎(chǔ)屬性（如標(biāo)題、品牌、品類）參與搜索外，部分特有屬性也會(huì)參與到搜索中，如手機(jī)的分辨率、攝像頭數(shù)量、服裝的材質(zhì)、圖案等。

5. 表單維護(hù)方式

對(duì)于不同的屬性，所對(duì)應(yīng)的屬性值添加方式各不一樣，為了能夠盡可能的保持?jǐn)?shù)據(jù)的規(guī)整，會(huì)根據(jù)使用場(chǎng)景采用不同的維護(hù)方式，常見的維護(hù)方式如下：

文本框：維護(hù)文字性的描述，并且沒有明顯規(guī)律的內(nèi)容，如：使用場(chǎng)景、工藝描述等
單選框：維護(hù)屬性值可以被窮舉的屬性，如性別：男、女；季節(jié)：春、夏、秋、冬等
復(fù)選框：維護(hù)屬性值可以同時(shí)被多選的屬性，如愛好、標(biāo)簽等
下拉框：維護(hù)需要單選或多選但是屬性值又比較多的屬性，如顏色、材質(zhì)等
時(shí)間日期: 維護(hù)需要精確時(shí)間的屬性，如上市日期等
自定義組件：除了上述常見的表單組件，還可以自行根據(jù)需要開發(fā)相應(yīng)的組件

6. 個(gè)性化管理

對(duì)于平臺(tái)性質(zhì)的電商系統(tǒng)，由于參與的商戶較多，不同商戶為了凸顯各自的產(chǎn)品特性，通常會(huì)加入自家定義的屬性，所以在設(shè)計(jì)功能時(shí)需要為個(gè)性化設(shè)置留有擴(kuò)展。

7. 功能排序

不同的商品對(duì)于屬性展示的側(cè)重點(diǎn)有所不同，需要通過(guò)排序功能對(duì)屬性組和屬性做位置調(diào)整。

四、設(shè)計(jì)方案

根據(jù)上面整理的功能要點(diǎn)，我們知道了屬性功能需要處理哪些問(wèn)題，接下來(lái)我們看看幾種功能設(shè)計(jì)方案：

1. 鍵值對(duì)

鍵值對(duì)是最簡(jiǎn)的維護(hù)方式，它的屬性維護(hù)功能直接和商品綁定在一起，需要維護(hù)屬性信息，直接通過(guò)添加或刪除操作就行了。

這種開發(fā)方式一般適用于商品數(shù)量比較少，對(duì)屬性搜索要求不是很高的系統(tǒng)。

2. 屬性池

為了能夠保持?jǐn)?shù)據(jù)規(guī)整并最大限度的重復(fù)利用數(shù)據(jù)，后臺(tái)系統(tǒng)會(huì)將所有商品涉及到的屬性集中在一起，形成一個(gè)屬性池，然后統(tǒng)一進(jìn)行管理。

具體操作如下：

先維護(hù)好所有商品所涉及的屬性以及對(duì)應(yīng)的屬性值
在品類管理中綁定當(dāng)前品類所擁有的屬性以及屬性值，并設(shè)置好表單維護(hù)方式、是否搜索、是否為必填項(xiàng)等
添加商品時(shí)，先為商品選定品類，再根據(jù)品類調(diào)出已設(shè)置好的屬性，并根據(jù)設(shè)置項(xiàng)目展示出維護(hù)方式
維護(hù)人員選擇或填寫屬性值內(nèi)容

通過(guò)這種方式構(gòu)建的屬性功能，商品擁有哪些屬性只需要在開始創(chuàng)建品類時(shí)配置一次，后期的維護(hù)人員只需要專心維護(hù)產(chǎn)品屬性值，維護(hù)成本將會(huì)降低很多。

這種方式也有很大的弊端：當(dāng)平臺(tái)上的商品品類過(guò)多時(shí)，屬性池中的屬性和屬性值將會(huì)非常多，在給品類綁定屬性時(shí)就很難查找；再一個(gè)對(duì)于平臺(tái)的個(gè)性化展示并不友好，同一款商品信息，不同商戶想體現(xiàn)的重點(diǎn)不同，那么屬性的展示順序就不一樣；還有如手機(jī)的顏色，同一款紅色，可能有的叫玫瑰紅、有的叫炫彩紅等等。

屬性池這種設(shè)計(jì)方案一般用在品類比較集中的自營(yíng)電商中，如服飾商城、家具商城等等。

3. 屬性模板

對(duì)于大平臺(tái)來(lái)說(shuō)，商品信息既要按照平臺(tái)要求來(lái)維護(hù)，同時(shí)也需要為個(gè)性化設(shè)置留有操作空間，通常采用構(gòu)建模板的方式來(lái)完成。

具體操作如下：

平臺(tái)會(huì)在后端品類上先創(chuàng)建一套基礎(chǔ)屬性模板，模板中規(guī)定了當(dāng)前品類的所有的屬性，同時(shí)設(shè)置好的各種操作功能，如屬性組、屬性名、是否必填、是否參與搜索、維護(hù)方式、可選屬性值等
當(dāng)商戶在維護(hù)商品時(shí)，根據(jù)需要先對(duì)基礎(chǔ)品類模板做出部分調(diào)整，如對(duì)屬性組和屬性進(jìn)行位置調(diào)整、刪除部分非必填的屬性、添加個(gè)性化屬性等，之后保存成個(gè)性化模板
商戶維護(hù)商品時(shí)，先設(shè)置商品對(duì)應(yīng)品類，通過(guò)品類ID獲取新模板的屬性配置，之后再進(jìn)行數(shù)據(jù)維護(hù)。

通過(guò)屬性模板的調(diào)整可以讓商戶有更簡(jiǎn)潔的操作，以及最大限度發(fā)揮個(gè)性空間。

但也是有缺點(diǎn)的，在后端維護(hù)品類屬性時(shí)，不同的品類中經(jīng)常會(huì)出現(xiàn)相同的屬性，如手機(jī)和電腦兩個(gè)品類，都會(huì)有電池信息(充電器、無(wú)線充電、電池是否可拆裝)，那么就需要在每個(gè)品類下都要手動(dòng)添加電池信息，雖然名稱相同但是它們之間沒有任何關(guān)聯(lián)，假如在前端搜索’無(wú)線充電’，有可能不能準(zhǔn)確匹配其中部分商品。

解決這個(gè)問(wèn)題需要其它功能的幫助，具體方法我在之后的搜索篇中講解。

上面講了三種設(shè)計(jì)方案，各有優(yōu)缺點(diǎn)，大家根據(jù)自己的使用場(chǎng)景合理的進(jìn)行選擇，最后給出屬性模板的關(guān)鍵原型設(shè)計(jì)。

5. 設(shè)計(jì)原型

品類屬性設(shè)置：

屬性表單原型：

摘抄自：

http://www.woshipm.com/pd/4071073.html

http://www.woshipm.com/pd/4073148.html

總結(jié)

以上是生活随笔為你收集整理的电商中的品类和属性设计(非原创)的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。