最近有小伙伴咨詢我優(yōu)惠券如何設(shè)計(jì)？今天就實(shí)際舉個(gè)例子來告訴大家優(yōu)惠券如何設(shè)計(jì)。

優(yōu)惠券是一種重要的促銷手段，可以顯著的提高商品的轉(zhuǎn)化率，常見的優(yōu)惠券有滿減券、滿贈(zèng)券、代金券、優(yōu)惠碼、通用券，互聯(lián)網(wǎng)金融里面還有加息券等。

1、優(yōu)惠券的流程

1.1、創(chuàng)建優(yōu)惠券

包括優(yōu)惠券的面額、派發(fā)的用戶類型（是注冊用戶，還是N天內(nèi)未登錄的用戶，亦或是從那個(gè)渠道過來的用戶），發(fā)放形式（系統(tǒng)派發(fā)還是用戶手動(dòng)領(lǐng)取），派發(fā)的起止日期（券都是有成本的，不能一直派發(fā)下去），券的種類（滿減券、滿贈(zèng)券、代金券、優(yōu)惠碼、通用券等），使用條件（可疊加使用，還是每次只能使用一張？），用戶領(lǐng)取后的有效期，使用時(shí)間（是無使用時(shí)間，還是限制必須在什么時(shí)間段內(nèi)使用），發(fā)放的數(shù)量（需要從成本角度考慮發(fā)放多少數(shù)量），備注（后臺(tái)人員備注信息）。

1.2、使用

用戶在下單界面如何選擇優(yōu)惠券，是默認(rèn)給他選擇金額最大的，還是默認(rèn)給他選擇最先到期的，是彈框的形式展示，還是進(jìn)入到次級(jí)頁面展示？是只能選擇一張，還是說可以疊加使用？這些都是設(shè)計(jì)的時(shí)候需要考慮到的。

1.3、數(shù)據(jù)統(tǒng)計(jì)

使用完成之后，需要進(jìn)行數(shù)據(jù)統(tǒng)計(jì)，從不同的緯度對數(shù)據(jù)進(jìn)行分析，首先是看使用優(yōu)惠券以后，訂單的轉(zhuǎn)化率比沒有優(yōu)惠券使用的時(shí)候，提高了多少，其次核算一下優(yōu)惠券的成本是多少，以及給公司帶來的利潤比沒有優(yōu)惠券的時(shí)候提高了多少，只要提高的利潤能cover住優(yōu)惠券的成本，那優(yōu)惠券的發(fā)放就是值得的。

2、實(shí)戰(zhàn)

那我舉個(gè)實(shí)際例子，看一下優(yōu)惠券的前后臺(tái)如何設(shè)計(jì)。

2.1? 設(shè)計(jì)需求

用戶注冊平臺(tái)以后，自動(dòng)給用戶發(fā)放一個(gè)滿減券，來促使用戶在平臺(tái)發(fā)生第一次購買行為。

2.2 ?優(yōu)惠券使用流程圖：

（可點(diǎn)擊查看大圖）

2.3 ?新用戶登錄成功后頁面領(lǐng)取滿減券

需求描述：用戶注冊成功后領(lǐng)取滿減券

前置條件：新用戶注冊成功后進(jìn)入首頁

后置條件：用戶可以領(lǐng)取滿減券

功能需求：

判斷手機(jī)號(hào)是否第一次注冊，若果是，注冊成功后自動(dòng)彈出框并送一張優(yōu)惠券到用戶我的優(yōu)惠券中,可立即使用，如果不是，就不送。

2、點(diǎn)擊“立即使用”進(jìn)入全部商品列表頁

3、彈出框居中顯示，只顯示平臺(tái)所發(fā)放的優(yōu)惠券，最多展示5個(gè)

4、優(yōu)惠券列表排列規(guī)則

一級(jí)排序：面額最大的排在最前面

二級(jí)排序：到期時(shí)間最短的其次

5、點(diǎn)擊叉號(hào)可以關(guān)閉彈框

2.4? 優(yōu)惠券使用

2.4.1 確認(rèn)訂單

需求描述：確認(rèn)訂單頁面展示內(nèi)容

前置條件：用戶進(jìn)入確認(rèn)訂單頁面

后置條件：用戶可在確認(rèn)訂單頁面使用優(yōu)惠券

功能需求：

一、有優(yōu)惠券可用時(shí)

1、自動(dòng)判斷當(dāng)前賬戶是否有優(yōu)惠券，如果有優(yōu)惠券，默認(rèn)選擇面額最大的那一張

2、也可選擇不使用優(yōu)惠券

3、可重新選擇其他可用優(yōu)惠券

4、每個(gè)訂單只能使用一張優(yōu)惠券

二、當(dāng)沒有優(yōu)惠券可用時(shí)顯示“沒有可用的優(yōu)惠券”

三、使用優(yōu)惠券后商品總價(jià)自動(dòng)扣減

2.4.2 選擇優(yōu)惠券頁面

需求描述：用戶選擇優(yōu)惠券

前置條件：用戶點(diǎn)擊選擇優(yōu)惠券

后置條件：用戶可選擇優(yōu)惠券

功能說明：

一、選擇優(yōu)惠券列表排列規(guī)則

? ? ? a、優(yōu)惠券列表展示全部優(yōu)惠券

? ? ? b、面額最大的排在最前面

? ? ? c、到期時(shí)間最短的其次

? ? ? d、到期時(shí)間相同，按照發(fā)放的時(shí)間先后排列

? ? ? e、最多顯示5個(gè)，超過可上下滑動(dòng)

? ? ? f、優(yōu)惠券不可疊加使用

二、點(diǎn)擊按鈕，選中后直接跳轉(zhuǎn)到確認(rèn)訂單頁

三、達(dá)到使用條件的亮色顯示在前面，沒達(dá)到使用條件的優(yōu)惠券為灰色顯示，不能點(diǎn)擊選擇，排在后面。

2.4.3? 已完成訂單詳情

需求描述：訂單詳情頁展示使用優(yōu)惠券的效果

前置條件：用戶使用優(yōu)惠券完成付款

后置條件：用戶可在訂單詳情頁查看優(yōu)惠券使用情況

優(yōu)惠券使用詳情展示如上圖。

2.5? 我的優(yōu)惠券

2.5.1 個(gè)人中心優(yōu)惠券列表

需求描述：可在個(gè)人中心查看自己的優(yōu)惠券情況

前置條件：用戶進(jìn)入個(gè)人中心的優(yōu)惠券列表

后置條件：用戶可查看自己的優(yōu)惠券情況

功能說明：

一、優(yōu)惠券列表排列規(guī)則

? ? ? a、面值額最大的排在最前面

? ? ? b、到期時(shí)間最短的其次

? ? ? c、到期時(shí)間相同，按照發(fā)放的時(shí)間倒序進(jìn)行展示

二、平臺(tái)券:點(diǎn)擊“立即使用”進(jìn)入全部商品列表頁。

三、沒有優(yōu)惠券頁面展示情況

1、當(dāng)沒有優(yōu)惠券的時(shí)候，顯示當(dāng)前沒有可用優(yōu)惠券,“已失效優(yōu)惠券”欄不顯示

三、失效優(yōu)惠券展示

1、有“失效優(yōu)惠券”時(shí)，失效優(yōu)惠券欄顯示，內(nèi)容顯示在下面。如下圖：

2.6? 優(yōu)惠券使用規(guī)則

需求描述：優(yōu)惠券使用規(guī)則頁面介紹

前置條件：點(diǎn)擊查看優(yōu)惠券使用規(guī)則

后置條件：可查看優(yōu)惠券的使用規(guī)則

功能說明：

優(yōu)惠券規(guī)則頁面使用H5技術(shù)開發(fā)，文案內(nèi)容可做到隨時(shí)調(diào)整。

當(dāng)然平臺(tái)運(yùn)營的時(shí)候肯定不止發(fā)這一類型的優(yōu)惠券，這里只做思路展示。

后臺(tái)

因?yàn)槊總€(gè)公司的具體業(yè)務(wù)不太一樣，這里的后臺(tái)設(shè)計(jì)只作為一個(gè)參考。

1、新建優(yōu)惠券

新增字段

字段名稱	字段類型	是否必填	字段說明
優(yōu)惠券名稱	文本	是	最多輸入5個(gè)漢字，10個(gè)字符
派發(fā)賬戶類型	文本	是	選擇框，選擇的類型有【所有用戶】、【首次注冊的用戶】、【N天內(nèi)未登錄的用戶】
派發(fā)起止日期	文本	是	選擇派發(fā)的開始時(shí)間和終止時(shí)間，精確到日期
券的種類	文本	是	這里面只以滿減券舉例子，你也可以設(shè)置其他券供選擇，滿減券中滿XX金額減XX金額，默認(rèn)為整數(shù) 比如1代表滿減券、2代表加息券等
有效期	整數(shù)	是	顯示券的有效期，以獲取的時(shí)間加上有效期的時(shí)間就是券的有效時(shí)間，比如7月9號(hào)領(lǐng)到的券，則7月10號(hào)的24點(diǎn)后失效
使用時(shí)間	布爾	是	無使用時(shí)間限制，則任何時(shí)間都可以使用 當(dāng)點(diǎn)擊有使用時(shí)間限制的時(shí)候，則出現(xiàn)時(shí)間的選擇器，如圖所示：， 如果開始時(shí)間沒有選擇的時(shí)候，默認(rèn)是從創(chuàng)建時(shí)間開始
發(fā)放數(shù)量	整數(shù)	是	顯示發(fā)放多少張的券
備注	文本	否	針對此批優(yōu)惠券進(jìn)行備注，最多30個(gè)字符
狀態(tài)	布爾	是	【啟用】還是【停用】，新建的時(shí)候默認(rèn)是【啟用】

當(dāng)有一個(gè)必填項(xiàng)為空時(shí)，“提交”按鈕置灰，不可點(diǎn)擊。有的時(shí)候還限制優(yōu)惠券使用哪些商品，這里沒有體現(xiàn)出來，想更加深入思考的小伙伴可以自行設(shè)計(jì)一下。

2、優(yōu)惠券列表

1、列表內(nèi)容：對優(yōu)惠券的列表進(jìn)行管理；

2、用戶進(jìn)入這個(gè)頁面默認(rèn)把所有未過期的優(yōu)惠券批次信息展示出來；

3、列表排序：按照最近更新的時(shí)間倒序進(jìn)行排列；

4、列表查詢字段

查詢字段	查詢類型	查詢說明
券的種類	精準(zhǔn)查詢	如果你有多種券的話
狀態(tài)	精準(zhǔn)查詢	“啟用”和“停用”兩種狀態(tài)
券的名稱	模糊查詢	根據(jù)優(yōu)惠券的名稱進(jìn)行模糊查詢
派發(fā)日期	區(qū)間查詢	選擇派發(fā)的起止時(shí)間，進(jìn)行區(qū)間查詢
使用日期	區(qū)間查詢	選擇使用的起止時(shí)間，進(jìn)行區(qū)間查詢

5、列表輸出字段

字段名稱	字段類型	是否必填	字段說明
選擇框			可以全選，也可以單選
優(yōu)惠券批次ID	字符串	是	優(yōu)惠券批次ID規(guī)則：兩個(gè)大寫的英文字母+5位隨機(jī)數(shù)
優(yōu)惠券名稱	文本	是	優(yōu)惠券的名稱，比如：“新人注冊優(yōu)惠券”
派發(fā)起止時(shí)間	時(shí)間點(diǎn)	是	派發(fā)起止時(shí)間精確到小時(shí)
使用時(shí)間	時(shí)間點(diǎn)	是	格式：YYYY-MM-DD，當(dāng)無時(shí)間限制的時(shí)候，則顯示“--”
過期時(shí)間	時(shí)間點(diǎn)	是	格式：YYYY-MM-DD
狀態(tài)	布爾	是	可以使用用“√”展示，不可以使用用“×”展示
最近更新時(shí)間	時(shí)間點(diǎn)	是	新增的時(shí)候就是創(chuàng)建的時(shí)間，修改的時(shí)候就是修改的時(shí)間，啟用和停用的時(shí)候顯示的是修改的時(shí)間

6、點(diǎn)擊“新增優(yōu)惠券”按鈕和“修改優(yōu)惠券”按鈕，彈出編輯頁面，點(diǎn)擊“啟用”和“停用”的時(shí)候，Toast（3.5秒）提示：“啟用成功/失敗”、“停用成功/失敗”，如下圖：

3、優(yōu)惠券跟蹤

具體規(guī)則我在這邊就不寫了，主要是跟蹤每張優(yōu)惠券的使用情況。

總結(jié)：是不是我們把功能做完就行了？當(dāng)然不是，我們還需要統(tǒng)計(jì)一下一共使用了多少張的券，總的成本是多少，以及相比于沒發(fā)新用戶滿減券的時(shí)候，轉(zhuǎn)化率提高了多少，提高的這些轉(zhuǎn)化率長期來看有沒有提升產(chǎn)品的銷售額。

時(shí)間倉促，設(shè)計(jì)上可能會(huì)有點(diǎn)遺漏，大家可多多指正。

最后，歡迎有問題的小伙伴加微信：yw5201a1?交流。

此外我們的官方網(wǎng)站也上線了，每日分享高質(zhì)量的文章、原型素材和行業(yè)報(bào)告，小伙伴可自行前往索取，支持搜索，需要的小伙伴可點(diǎn)擊底部的閱讀原文直接查看，或者復(fù)制網(wǎng)址：www.dadaghp.com?打開。

關(guān)注公眾號(hào)：產(chǎn)品劉??可獲取大禮包一份。

··················END··················

RECOMMEND

推薦閱讀

面試題，產(chǎn)品方案開發(fā)說實(shí)現(xiàn)不了，作為產(chǎn)品經(jīng)理你該怎么辦？

線下實(shí)戰(zhàn)2.0

分享一篇關(guān)于“每日優(yōu)鮮”的PRD文檔

用Axure制作一個(gè)PRD文檔（結(jié)尾分享模板）

點(diǎn)擊“閱讀原文”

查看更多干貨

總結(jié)

以上是生活随笔為你收集整理的实战 | 手把手教你设计优惠券前后台的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

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