電商平臺的設計構思（二）：優惠券模塊設計構思

編輯導語：優惠券是一種常見的促銷方式，通過發放優惠券，引導用戶購買相應的商品，在下單的時候抵扣一定的費用，達到促銷、提高客單價的目標；本文作者分享了關于優惠券模塊設計構思，我們一起來了解一下。

一、優惠券構思圖

二、優惠券流程節點

三、優惠券后臺需求

1. 優惠券后臺入口

優惠券后臺管理的入口位置在【運營管理】，新增一個優惠券管理的二級菜單，優惠券管理分別有如下兩個子入口：優惠券列表、優惠券使用統計。

2. 優惠券列表

優惠券列表中顯示系統中所有優惠券項目。

字段說明：

1）編號：按照1開始的自增倒敘顯示。

2）優惠券名稱：優惠券項目的名稱，最長顯示30字符。

3）類型：優惠券的類型，目前有三種分別為滿減券、代金券、折扣券。

• 滿減券：訂單金額需要滿足一定的最低額度可使用，例如滿20元減5元優惠券；
• 代金券：不限制訂單金額，可以直接使用；
• 折扣券：使用折扣券購買相應的商品時可打折。

4）狀態：優惠券項目的狀態，目前有三種狀態分別是未派發、已派發和已暫停。

5）數量：設置優惠券時候的數量值。如果優惠券數量設置的是無限制，則顯示無限制。

6）有效期：顯示起止有效期。如果永久有效期則顯示為2021-12-12 15:33:54 至 ——。

7）創建人：創建這個優惠券項目的管理員賬號。

8）添加時間：添加優惠券項目的時間。

9）操作：

①查看：任何狀態下都可查看優惠券項目信息。

②編輯：已暫停狀態下的優惠券項目才可進行編輯操作。

③派發：未派發狀態下的優惠券項目才可進行派發操作。

④暫停：已派發狀態下的優惠券項目才可進行暫停操作。

點擊【暫停】彈出二度確認彈窗。當點擊彈層上的暫停操作后，該優惠券項目的狀態變為已暫停，且相關領取頁面觸發領取接口要反饋“優惠券已暫停”的提示。用戶端已領取的該優惠券，在我的優惠券頁面中的狀態變為“無法使用”。

⑤激活：已暫停狀態下的優惠券項目才可進行激活操作。

點擊【激活】彈出二度確認彈窗。當點擊彈層上的激活操作后，該優惠券項目的狀態變為已派發狀態，恢復狀態后相關領取頁面觸發領取接口恢復正常。用戶端已領取的該優惠券，在我的優惠券頁面中的狀態由“無法使用”變為其他狀態，如果修改了相關有效期，且已經過期的狀態，則該優惠券變為已過期狀態。

3. 創建優惠券

字段說明：

1）優惠券名稱：限制小于30個字符。

2）優惠券類型：滿減券、代金券、折扣券。

3）有效期模式：

①固定時間（默認勾選固定時間）：

開始時間：時間選擇器控件，需要精確到年月日時分秒，若勾選立即開始則該優惠券的生效時間為觸發創建優惠券的時間（添加成功后進行派發）。

結束時間：時間選擇器控件，需要精確到年月日時分秒，若勾選永久可用，則該優惠券的無失效時間。

注：只有在開始和結束時間段內的優惠券，才是可用狀態。如果不在此時間段的優惠券用戶端顯示為已過期。

②領取后x天有效：

為了便于用戶理解和使用，在x天的限制上，不會采用x * 24小時的方式，而是采用截止時間點在最后一天23:59:59的方式。

例如：有效期設置為7天，用戶領取優惠券時時間是12月01日 11:00:00，則有效時間是12月01日 11:00:00~12月07日 23:59:59，而非以7*24模式計算截止時間。

4）發券數量：如果不限制數量則永遠領不完，若設置了，領取優惠券時需判斷優惠券剩余數量。

5）是否可重復領取：默認選擇項是不可重復領取。當用戶選擇重復領取時，該優惠券允許一個用戶領取且擁有多張同一個優惠券。在用戶前臺“我的優惠券”頁面中顯示多張該券。

6）備注：顯示在優惠券備注信息位置處。一般內容寫該券的主要適用范圍，限制30個字符。

7）使用門檻/優惠額度：

①若是代金券：

如果優惠券項目類型為代金券，則規則信息為：“優惠額度【】元”。

②若是滿減券：

如果優惠券項目類型為滿減券，則規則信息為：“使用門檻：訂單滿【】元，則減免【】元”。

③若是折扣券：

如果優惠券項目類型為折扣券，則規則信息為：”使用門檻：訂單滿【】元（填0為無門檻），則打【】折”。【】處填寫20，則金額按照20%計算。

8）使用范圍：

①全部商品通用：該優惠券所有商品都可以使用。

②其他規則：若選擇了其他規則，則限定類目、商品至少需勾選一個。

限定類目使用：

搜索類目ID/名稱進行搜索，支持模糊搜索，下拉選擇搜索出的數據，已選則在輸入框下方顯示。以上可用/以上除外，必選一個。

限定商品使用：

搜索商品ID/名稱進行搜索，支持模糊搜索，下拉選擇搜索出的數據，已選則在輸入框下方顯示。以上可用/以上除外，必選一個。

9）領取人限制：

①所有人可用：所有人都可以領取該優惠券。

②指定用戶：指定用戶發放的優惠券，無需領取，直接下發到用戶的優惠券賬戶中。

③指定發放場景：目前先實現新用戶注冊領券，新用戶注冊成功后，展示該優惠券領取頁面進行領取。

10）其他補充：

①帶星號的輸入框/選擇框/選擇項，為必填/必選，未選則提示用戶。

②優惠券字段分布位置：

4. 派發優惠券

派發優惠券功能在優惠券列表中有說明。

5. 優惠券使用統計

（一）使用統計列表

該頁面只顯示已派發狀態和已暫停狀態的優惠券列表，未派發的優惠券不顯示。

字段說明：

• 編號：調用優惠券項目的編號。
• 優惠券名稱：調用優惠券項目的名稱。
• 發放數量：預設的發券數量。
• 領取數量：該渠道優惠券被用戶成功領取的券的數量。
• 使用數量：該渠道優惠券被用戶成功領取并核銷的優惠券的數量。
• 過期數量：該渠道優惠券被用戶成功領取的券已過期的數量。
• 有效期：顯示起止有效期。如果永久有效期則顯示為2020-11-11 15:33:33 至 ——XX。

點擊事件：

1）點擊【領取詳情】進入查看該優惠券所有領取詳情頁面（二）

（二）領取詳情

展示優惠券項目已領取的用戶信息以及使用狀態。

字段說明：

• 用戶ID：用戶系統ID號
• 手機號：調用該注冊會員手機號碼
• 領取時間：用戶成功領取到優惠券的時間。
• 領取IP：client的IP
• 優惠券狀態：這個狀態不是優惠券項目狀態，是指這個優惠券的使用狀態。在前端展示體現為未使用、已使用、已過期、不可使用狀態。在后端展示體現為未使用、已使用、已過期、凍結中狀態。凍結中指的是用戶下單已生成訂單但未支付狀態時，優惠券處于凍結狀態。
• 生成訂單號：只有已使用和凍結中狀態才會產生訂單號。

6. 訂單列表頁及詳情頁新增優惠券字段

訂單列表頁及詳情頁新增使用的優惠券相關字段。

四、優惠券前臺需求

1. 優惠券領取流程及領取入口

1）優惠券領取流程

2）優惠券領取入口

• 首頁側邊欄新增優惠券圖標，點擊展示優惠券。
• 商品詳情頁新增優惠券領取入口，點擊展示優惠券。
• 新用戶注冊成功落地頁領取。

3）優惠券領取狀態

優惠券領取頁展示優惠券狀態：

領取、已搶光了、您已領過了、已暫停。分別對應可領取、已搶光、已領取、已暫停四種優惠券領取狀態。

2. 優惠券使用流程及頁面

1）優惠券使用流程

2）優惠券使用頁面

頁面增加“店鋪優惠”字段，展示優惠的金額。默認券使用優先順序：指定券>平臺券，優惠額度大的優先，若額度相同優先到期時間最近的。可手動選擇其他可用優惠券，也可以選擇不使用優惠券。

交互事件：

• 如果訂單中有優惠券可用，則在這個部分商品下方顯示優惠券，否則不顯示。
• 默認券使用優先順序：指定券>通用券，優惠額度大的優先，若額度相同優先到期時間最近的。
• 用戶手動選擇其他優惠券，也可以選擇不使用優惠券。
• 選擇不使用優惠券，“店鋪優惠”顯示“不使用優惠”。
• 以訂單為單位，一個訂單只能使用一張優惠券。
• 優惠券金額大于訂單使用金額時，實付金額默認為0.01，一定要有付款行為才能使用優惠券。

3. 我的優惠券頁面

1）入口：我的-我的優惠券

2）我的優惠券頁面

進入頁面默認顯示未使用狀態的優惠券，優惠券按照到期時間順序排序，若都為永久時間的，則使用領取時間排序。

優惠券標簽顯示：

若距離優惠券到期時間小于7天，標簽內容為快到期（右上角顯示），有效期不顯示具體日期，顯示“距到期時間僅剩x天”。

當小于24小時的，標簽內容為快到期（右上角顯示） ，有效期不精確到小時的展示了，顯示今天到期。

最終以如下表格為準：

點擊事件：

默認顯示未使用優惠券（若優惠券為凍結/已暫停狀態，則置灰顯示，提示用戶不可用），可以切換已使用優惠券、已過期優惠券。

優惠券樣式：

1、未使用

①正常狀態

②不可使用狀態

2、已使用

3、已過期

4. 我的訂單列表和詳情中新增優惠券字段

我的訂單列表和詳情頁面新增“優惠”字段，展示優惠抵扣金額。

字段說明：

• 訂單總額、訂單金額是原來的價格，即不計算優惠券的金額。
• 實付金額：是除去優惠抵扣需要用戶實際支付的金額。

 

本文由 @水蜜桃 原創發布于人人都是產品經理，未經作者許可，禁止轉載。

題圖來自Unsplash，基于CC0協議。