編輯導(dǎo)讀：電商前臺(tái)對(duì)于普通用戶并不陌生，但電商后臺(tái)對(duì)大部分用戶來(lái)說(shuō)很陌生，平常幾乎接觸不到。本文針對(duì)自營(yíng)商家后臺(tái)展開(kāi)來(lái)規(guī)劃電商平臺(tái)，本文為第一階段的需求，后續(xù)會(huì)不斷迭代和擴(kuò)展功能。

一、類目管理

類目主要面向商家和面向用戶，支持商家自定義設(shè)置類目，產(chǎn)品和定位不同，有不同的類目運(yùn)營(yíng)需圖2-1求，如圖1-1所示，是一級(jí)類目列表，1-2所示，是二級(jí)類目列表。

圖1-1

圖1-2

面向商家，用于管理商品和屬性。在添加和管理商品時(shí)，都是在基礎(chǔ)數(shù)據(jù)類目層對(duì)商品進(jìn)行管理，通過(guò)后臺(tái)對(duì)商品歸類，用戶在前臺(tái)可通過(guò)類目篩選產(chǎn)品，如圖1-3所示，是商家后臺(tái)的基礎(chǔ)類目。

圖1-3

面向用戶，方便用戶篩選查找商品，如圖1-4所示，是用戶端的基礎(chǔ)類目。

圖1-4

二、商品管理

1. 發(fā)布商品

【基本信息】

基本信息如以下圖2-1所示，包括商品名稱、商品類目（類目的選擇：2-2所示，需選擇一級(jí)類目和二級(jí)類目；數(shù)量來(lái)源于商品類目中已上架的類目數(shù)據(jù)。）、商品圖片和商品詳情。商品圖還包括商品主圖，第一張圖片默認(rèn)為主圖，一般要求圖片質(zhì)量較高，包括整體圖和細(xì)節(jié)圖。

圖2-1

圖2-2

【價(jià)格庫(kù)存信息】

商品規(guī)格說(shuō)明：

若不添加商品規(guī)格，則需填寫商品價(jià)格、庫(kù)存，如以下圖2-3。

圖2-3

若添加商品規(guī)格，可單獨(dú)設(shè)置價(jià)格、庫(kù)存，如以下圖2-4：

• 選擇規(guī)格名：規(guī)格名里面的數(shù)據(jù)，寫死（具體需要哪些數(shù)據(jù)詢問(wèn)產(chǎn)品經(jīng)理）；
• 添加規(guī)格值：點(diǎn)擊添加規(guī)格值則新增一個(gè)規(guī)格值的輸入框；
• 填寫規(guī)格值：填寫后點(diǎn)擊其他地方，展示“規(guī)格明細(xì)”列表（若填寫多個(gè)規(guī)格值，則展示多列）；
• 添加規(guī)格項(xiàng)目：點(diǎn)擊添加規(guī)格項(xiàng)目，下方新增一組“規(guī)格名、規(guī)格值”；
• 若添加商品規(guī)格，則將規(guī)格明細(xì)下方的商品價(jià)格、庫(kù)存標(biāo)灰顯示（不允許輸入）。

圖2-4

限購(gòu)：

限購(gòu)數(shù)量指的是用戶對(duì)該商品最多只能購(gòu)買的數(shù)量，若存在多個(gè)規(guī)格，限制該商品購(gòu)買的總量。

【其他信息】

設(shè)置上架時(shí)間，可選擇立即上級(jí)、定時(shí)上架或不上架，如以下圖2-5。

圖2-5

【前臺(tái)商品詳情頁(yè)】

如圖2-6、2-7所示，商品信息主要由標(biāo)題、類目、規(guī)格、價(jià)格、庫(kù)存、商品圖、商品詳情描述、售后詳情等組成。至于經(jīng)?？吹降幕顒?dòng)標(biāo)簽（滿減、優(yōu)惠券）、價(jià)格標(biāo)簽（拼團(tuán)價(jià)、活動(dòng)價(jià)）、同類商品等都是商品信息的標(biāo)簽，需要另外定義，后面的文章會(huì)提到。

圖2-6

圖2-7

設(shè)計(jì)說(shuō)明：

商品圖片：

• 數(shù)據(jù)來(lái)源：后臺(tái)配置；
• 右下角數(shù)值：當(dāng)前圖片是第x張/一共圖片數(shù)；
• 進(jìn)入當(dāng)前頁(yè)面默認(rèn)展示第一張圖片，可左右手動(dòng)切換圖片，支持點(diǎn)擊查看圖片大圖(如圖2-8)，長(zhǎng)按出現(xiàn)“保存至手機(jī)相冊(cè)”的按鈕。

圖2-8

價(jià)格&商品名稱：

價(jià)格：

• 用戶進(jìn)入該頁(yè)面，價(jià)格按照規(guī)格中的最低產(chǎn)品價(jià)格展示（注：若默認(rèn)規(guī)格已缺貨，仍然展示最低價(jià)格）；
• 用戶手動(dòng)切換商品規(guī)格，則按照已選規(guī)格的價(jià)格展示（注：商品頁(yè)中價(jià)格的展示，不受已選數(shù)量而影響）；

商品名稱：后臺(tái)配置，展示名稱全稱。

已選：

未選：

• 默認(rèn)展示規(guī)格中價(jià)格最低的產(chǎn)品規(guī)格，數(shù)量默認(rèn)1；
• 若價(jià)格都一致或有多個(gè)相同低價(jià)產(chǎn)品，則默認(rèn)排序在前的產(chǎn)品。

手動(dòng)選擇：點(diǎn)擊“更多”圖標(biāo)，則展示(如圖2-9)，若已選其他規(guī)格產(chǎn)品，則“已選”中的數(shù)據(jù)需展示客戶已選數(shù)據(jù)。

圖2-9

送至：

未登錄狀態(tài)的位置信息：

• 已獲取到定位：展示最近一次獲取到的用戶定位，精細(xì)到街道；
• 未獲取到定位：提示（如圖2-10）并需手動(dòng)選擇/重新定位送到的地址（精準(zhǔn)到街道，此處地址用于計(jì)算運(yùn)費(fèi)）。

已登錄狀態(tài)：

• 有收貨地址信息：展示“默認(rèn)地址”，無(wú)默認(rèn)地址則按順序展示其他地址；
• 無(wú)收貨地址信息：提示（如圖2-10）并需手動(dòng)選擇/重新定位送到的地址（精準(zhǔn)到街道，此處地址用于計(jì)算運(yùn)費(fèi)&是否支持配送）。

用戶點(diǎn)擊“更多”，彈出圖2-11，點(diǎn)擊前往定位，進(jìn)入定位界面（接入第三方地圖），具體定位到街道，定位成功，則自動(dòng)關(guān)閉當(dāng)前窗口，并填充“配送至”的位置信息；已有定位信息可重新定位。

用戶點(diǎn)擊“更多”，彈出圖2-11，可手動(dòng)切換定位（如圖2-12）。

圖2-10

圖2-11

圖2-12

運(yùn)費(fèi)&保障：寫死全國(guó)免運(yùn)費(fèi)（后期會(huì)做運(yùn)費(fèi)模塊）&支持30天無(wú)理由退換。

點(diǎn)擊購(gòu)物車，跳轉(zhuǎn)至購(gòu)物車頁(yè)面（如圖2-13），購(gòu)物車頁(yè)面可返回當(dāng)前頁(yè)。

圖2-13

加入購(gòu)物車

判斷商品是否為上架狀態(tài)：

上架狀態(tài)：

有規(guī)格信息：展示圖2-14

無(wú)規(guī)格信息：

• 不展示圖2-14；
• 未登錄狀態(tài)下可加入購(gòu)物車；
• 加入購(gòu)物車成功，提示用戶“添加成功~”。

下架狀態(tài)（即商品庫(kù)存不足/已下架）：提示用戶商品已下架（圖2-15）。

圖2-14

圖2-15

立即購(gòu)買：

商品購(gòu)買流程圖

• 商品有規(guī)格信息：展示圖2-16
• 商品無(wú)規(guī)格信息：不展示圖2-16

判斷用戶是否已登錄，若未登錄則進(jìn)入登錄頁(yè)，登錄后返回當(dāng)前頁(yè)面；

判斷商品是否為上架狀態(tài)：判斷商品是否為上架狀態(tài)，若為下架狀態(tài)，提示商品已下架；

進(jìn)入下單頁(yè)面。

圖2-16

加入購(gòu)物車&立即購(gòu)買的規(guī)格選擇：

選擇規(guī)格：若規(guī)格庫(kù)存不足，則置灰顯示（無(wú)法選擇）且備注缺貨。

選擇數(shù)量

• 支持+/-或手動(dòng)輸入；
• 不支持選擇小于1（減號(hào)置灰）；
• 數(shù)量超出庫(kù)存：提示數(shù)量超出范圍，并修改數(shù)量至最大庫(kù)存量，加號(hào)置灰；
• 超出限購(gòu)：限購(gòu)提示，加號(hào)置灰；
• 庫(kù)存緊張?zhí)崾荆簩懰?，?kù)存等于或低于5件，則提示用戶庫(kù)存剩余量。

點(diǎn)擊“確定”

若是加入購(gòu)物車：

判斷商品是否為上架狀態(tài)，若為下架狀態(tài)，提示商品已下架；

判斷已選規(guī)格庫(kù)存是否充足，若一件也沒(méi)有則提示商品庫(kù)存不足，并刷新頁(yè)面；若選擇的數(shù)量大于現(xiàn)有庫(kù)存，則提示數(shù)量超出范圍，并修改數(shù)量至最大庫(kù)存量，加號(hào)置灰；

未登錄狀態(tài)下可加入購(gòu)物車；

加入購(gòu)物車成功，提示用戶“添加成功~”

若是立即購(gòu)買：

判斷用戶是否已登錄，若未登錄則進(jìn)入登錄頁(yè)，登錄后返回當(dāng)前頁(yè)面；

判斷商品是否為上架狀態(tài)，若為下架狀態(tài)，提示商品已下架；

判斷已選規(guī)格庫(kù)存是否充足，若一件也沒(méi)有則提示商品庫(kù)存不足，并刷新頁(yè)面；若選擇的數(shù)量大于現(xiàn)有庫(kù)存，則提示數(shù)量超出范圍，并修改數(shù)量至最大庫(kù)存量，加號(hào)置灰；

進(jìn)入下單頁(yè)。

商品詳情&售后

• 商品詳情：后臺(tái)配置，展示圖片；
• 售后：寫死，圖片；
• 返回頂部：點(diǎn)擊返回頂部按鈕，回到最頂部；
• 導(dǎo)航欄部的“商品、詳情、售后”，點(diǎn)擊即快速定位到其內(nèi)容。

2. 商品管理

在商品上架發(fā)布之后，日常維護(hù)主要包括：上下架管理、價(jià)格管理、庫(kù)存、限購(gòu)等管理。后臺(tái)商品管理界面通常如圖2-17所示。

圖2-17

列表字段說(shuō)明：

剩余庫(kù)存：即用總庫(kù)存量減去已銷售量（已被鎖定的庫(kù)存數(shù)量也算在已銷售量里面）

注：若手動(dòng)修改過(guò)庫(kù)存，則從最后修改時(shí)間開(kāi)始再減去已銷售量等于剩余庫(kù)存，而不是一直累計(jì)。

銷量：鎖定庫(kù)存數(shù)量加上支付成功數(shù)量的總銷售量。

狀態(tài)：上架、下架。

基本信息的編輯（如圖2-18）

圖2-18

價(jià)格庫(kù)存、其他信息的編輯（如圖2-19、2-20、2-21）

注：限購(gòu)，用戶點(diǎn)擊編輯按鈕時(shí)，需判斷該商品是否是上架狀態(tài)，若為上架狀態(tài)則不允許修改限購(gòu)數(shù)量，置灰顯示，若為下架狀態(tài)，則允許修改限購(gòu)數(shù)量。

圖2-19

圖2-20

圖2-21

3. 購(gòu)物車

未登錄狀態(tài)且無(wú)商品，如圖2-22：

• 點(diǎn)擊“去逛逛”，進(jìn)入“分類”界面；
• 點(diǎn)擊“登錄”，進(jìn)入“登錄”界面。

圖2-22

已登錄狀態(tài)且無(wú)商品：點(diǎn)擊“去逛逛”，進(jìn)入“分類”界面，如圖2-23

圖2-23

商品顯示，如圖2-24：

狀態(tài)顯示：

• 商品庫(kù)存正常：可勾選狀態(tài)；
• 已選規(guī)格庫(kù)存不足：提示重選規(guī)格，顯示庫(kù)存不足，不可勾選狀態(tài)；
• 庫(kù)存緊張：提示剩余的庫(kù)存量；
• 商品為下架狀態(tài)（庫(kù)存不足/下架）：提示已下架，不可勾選狀態(tài)。

數(shù)量選擇：規(guī)則參考商品詳情中的數(shù)量選擇。

規(guī)格選擇：規(guī)則參考商品詳情中的規(guī)格選擇。

圖2-24

合計(jì)&去結(jié)算：

合計(jì)：合計(jì)已選產(chǎn)品的金額（每個(gè)勾選產(chǎn)品乘數(shù)量的合計(jì)）；

去結(jié)算：括號(hào)里顯示已選產(chǎn)品的數(shù)量（按照勾選的產(chǎn)品種類的數(shù)量統(tǒng)計(jì)）；點(diǎn)擊去結(jié)算，若已登錄則進(jìn)入下單頁(yè)，未登錄則進(jìn)入登錄頁(yè)。

點(diǎn)擊“管理”，如圖2-25：管理按鈕，變成“完成”，下方顯示“刪除”按鈕，可勾選產(chǎn)品進(jìn)行刪除，被刪除的商品則從購(gòu)物車列表從移除，點(diǎn)擊完成則退出管理模式。

圖2-25

右滑，如圖2-26：顯示“刪除”按鈕，點(diǎn)擊刪除即將該商品從購(gòu)物車列表中移除。

圖2-26

三、訂單管理

1. 用戶端訂單管理

1）訂單列表

圖3-1

2）查看物流

物流模塊對(duì)接第三方物流公司查詢物流狀態(tài)、信息。

圖3-2

3）訂單詳情（各種狀態(tài)下的訂單詳情）

圖3-3

2. 后臺(tái)訂單管理

訂單狀態(tài)有待付款、待發(fā)貨、待收貨、交易成功和交易失敗，如圖3-4。列表中展示所有的訂單，訂單不同狀態(tài)對(duì)應(yīng)的相關(guān)操作不同，待發(fā)貨的訂單可進(jìn)行發(fā)貨如圖3-6，已發(fā)貨的訂單可查看物流信息如圖3-7。

圖3-4

圖3-5

圖3-6

圖3-7

四、售后管理

1）售后流程

2）用戶端售后申請(qǐng)

在訂單生成之后，訂單的流轉(zhuǎn)過(guò)程中會(huì)出現(xiàn)不同的逆向流程。如圖4-1所示，待付款狀態(tài)下取消訂單；待發(fā)貨狀態(tài)下取消訂單；待收貨狀態(tài)下申請(qǐng)退貨或退款；交易成功狀態(tài)下申請(qǐng)退貨或退款。在不同節(jié)點(diǎn)出現(xiàn)退款、退款退貨，系統(tǒng)的處理方式不同。

圖4-1

3）商家后臺(tái)售后處理

訂單的售后狀態(tài)主要有以下幾種。

待處理：用戶提交退貨、退款申請(qǐng)之后，等待審核的狀態(tài)。

在用戶已付款待發(fā)貨的狀態(tài)下，三天未處理系統(tǒng)可直接審核通過(guò)。

進(jìn)行中：

• 待寄件：退貨申請(qǐng)審核通過(guò)，等待用戶寄件。
• 待收件：已寄件，賣家待收件。
• 待退款：已簽收，等待退款給用戶。

已關(guān)閉：

• 退款成功：當(dāng)退貨、退款成功之后，流轉(zhuǎn)至“已關(guān)閉”狀態(tài)。
• 買家撤銷申請(qǐng)：當(dāng)買家撤銷申請(qǐng)，流轉(zhuǎn)至“已關(guān)閉”狀態(tài)。
• 已拒絕：當(dāng)商家拒絕買家的申請(qǐng)，流轉(zhuǎn)至“已關(guān)閉”狀態(tài)。

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

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