2019年春節(jié)就要來臨，為了滿足用戶在公司內(nèi)部通訊產(chǎn)品上互發(fā)積分紅包的需求，作者仿照微信紅包撰寫了一份積分紅包的需求設(shè)計(jì)說明書，供大家參考學(xué)習(xí)。

一、積分紅包通用規(guī)則

首先確定積分紅包的通用規(guī)則如下：

1. 1積分=0.1元；
2. 發(fā)紅包單次金額限制2000積分；
3. 積分領(lǐng)取最小額度為0.1積分；
4. 個(gè)人紅包只能對方領(lǐng)取，自己不能領(lǐng)?。蝗杭t包可以自己領(lǐng)取。

二、積分紅包頁面流程

對微信紅包進(jìn)行了研究后，我分別梳理了個(gè)人紅包頁面流程和群紅包頁面流程。

個(gè)人紅包頁面流程：

群紅包頁面流程：

三、個(gè)人紅包頁面設(shè)計(jì)

1. 發(fā)紅包的人

聊天-積分紅包按鈕頁面：

用戶點(diǎn)擊【積分紅包】按鈕，進(jìn)入發(fā)積分紅包頁面。

發(fā)積分紅包頁面：

1. 能輸入數(shù)字和小數(shù)點(diǎn)，只能輸入到小數(shù)點(diǎn)后1位，金額超過2000積分彈出提示“單個(gè)紅包金額不可超過2000積分”；默認(rèn)為0.0，為0.0時(shí)【發(fā)紅包】按鈕置灰。

2. 字?jǐn)?shù)限制為25字。默認(rèn)和為空是“恭喜發(fā)財(cái)，大吉大利”。

3. 提示語有三種，每次進(jìn)入發(fā)積分紅包頁面時(shí)會隨機(jī)顯示，分別為：（1）未領(lǐng)取的積分紅包，將于24小時(shí)后退回積分賬戶；（2）對方可領(lǐng)取的紅包金額為0.1-2000積分；（3）可直接使用收到的積分發(fā)紅包。

4、金額輸入正確后，【發(fā)紅包】按鈕高亮，點(diǎn)擊跳轉(zhuǎn)到支付頁面。

聊天-紅包頁面：

1. 點(diǎn)擊未被領(lǐng)取、未過期的紅包，進(jìn)入紅包詳情-未被領(lǐng)取、未過期頁面；
2. 點(diǎn)擊未被領(lǐng)取、已過期的紅包，彈出紅包彈窗-未被領(lǐng)取、已過期；
3. 點(diǎn)擊已被領(lǐng)取的紅包，進(jìn)入紅包詳情-已被領(lǐng)取頁面。

紅包詳情-未被領(lǐng)取、未過期頁面：

紅包彈窗-未被領(lǐng)取、已過期：

點(diǎn)擊【查看領(lǐng)取詳情】按鈕，進(jìn)入紅包詳情-未被領(lǐng)取、已過期頁面。

紅包詳情-未被領(lǐng)取、已過期頁面：

紅包詳情-已被領(lǐng)取頁面：

2. 收紅包的人

聊天-紅包頁面：

1. 點(diǎn)擊未領(lǐng)取、未過期的紅包，彈出紅包彈窗-未領(lǐng)取、未過期；
2. 點(diǎn)擊未領(lǐng)取、已過期的紅包，彈出紅包彈窗-未領(lǐng)取、已過期；
3. 點(diǎn)擊已領(lǐng)取的紅包，彈出紅包彈窗-已領(lǐng)取。

紅包彈窗-未領(lǐng)取、未過期：

紅包彈窗-未領(lǐng)取、已過期：

紅包彈窗-已領(lǐng)取：

點(diǎn)擊【查看領(lǐng)取詳情】按鈕，進(jìn)入紅包詳情-已領(lǐng)取頁面。

紅包詳情-已領(lǐng)取頁面：

四、群紅包頁面設(shè)計(jì)

1. 發(fā)紅包

群聊-積分紅包按鈕頁面：

用戶點(diǎn)擊【積分紅包】按鈕，進(jìn)入拼手氣紅包頁面。

拼手氣紅包頁面：

1. 默認(rèn)為拼手氣紅包：

(1)若已輸入總金額，則切換為普通紅包時(shí)，總金額變?yōu)閱蝹€(gè)金額；

(2)若已輸入紅包個(gè)數(shù)，則切換為普通紅包時(shí)，紅包個(gè)數(shù)不變；

(3)若已輸入總金額和紅包個(gè)數(shù)，則切換為普通紅包時(shí)，單個(gè)金額=總金額/紅包個(gè)數(shù)，單個(gè)金額精確到0.1；若除不盡則要改變總金額：如總金額為20，紅包個(gè)數(shù)為3，則切換為普通紅包時(shí)，單個(gè)金額=20/3=6.6，支付總金額變?yōu)?9.8。

2. 只能輸入數(shù)字和小數(shù)點(diǎn)，只能輸入到小數(shù)點(diǎn)后1位，總金額超過200000積分彈出提示“單次支付總額不可超過200000積分”；默認(rèn)為0.0，為0.0時(shí)【發(fā)紅包】按鈕置灰。

3. 只能輸入數(shù)字，為0時(shí)【發(fā)紅包】按鈕置灰；單個(gè)紅包金額超過2000積分時(shí)彈出提示“單個(gè)紅包金額不可超過2000積分”；單個(gè)紅包金額低于0.1積分時(shí)彈出提示“單個(gè)紅包金額不可低于0.1積分”；紅包個(gè)數(shù)超過100時(shí)彈出提示“一次最多發(fā)100個(gè)紅包”。

4. 字?jǐn)?shù)限制為25字。默認(rèn)和為空是“恭喜發(fā)財(cái)，大吉大利”。

5. 提示語有三種，每次進(jìn)入拼手氣紅包頁面時(shí)會隨機(jī)顯示，分別為：

（1）未領(lǐng)取的積分紅包，將于24小時(shí)后退回積分賬戶；

（2）對方可領(lǐng)取的紅包金額為0.1-2000積分；

（3）可直接使用收到的積分發(fā)紅包。

6. 總金額和紅包個(gè)數(shù)輸入正確后，【發(fā)紅包】按鈕高亮，點(diǎn)擊跳轉(zhuǎn)到支付頁面。

普通紅包頁面：

1. 若已輸入單個(gè)金額，則切換為拼手氣紅包時(shí)，單個(gè)金額變?yōu)榭偨痤~；若已輸入紅包個(gè)數(shù)，則切換為拼手氣紅包時(shí)，紅包個(gè)數(shù)不變；若已輸入單個(gè)金額和紅包個(gè)數(shù)，則切換為拼手氣紅包時(shí)，總金額=單個(gè)金額*紅包個(gè)數(shù)。

2. 只能輸入數(shù)字和小數(shù)點(diǎn)，只能輸入到小數(shù)點(diǎn)后1位，單個(gè)金額超過2000積分彈出提示“單個(gè)紅包金額不可超過2000積分”；默認(rèn)為0.0，為0.0時(shí)【發(fā)紅包】按鈕置灰。

3. 只能輸入數(shù)字，為0時(shí)【發(fā)紅包】按鈕置灰；紅包個(gè)數(shù)超過100時(shí)彈出提示“一次最多發(fā)100個(gè)紅包”。

4. 字?jǐn)?shù)限制為25字。默認(rèn)和為空是“恭喜發(fā)財(cái)，大吉大利”。

5. 提示語有三種，每次進(jìn)入普通紅包頁面時(shí)會隨機(jī)顯示，分別為：（1）未領(lǐng)取的積分紅包，將于24小時(shí)后退回積分賬戶；（2）對方可領(lǐng)取的紅包金額為0.1-2000積分；（3）可直接使用收到的積分發(fā)紅包。

6. 單個(gè)金額和紅包個(gè)數(shù)輸入正確后，【發(fā)紅包】按鈕高亮，點(diǎn)擊跳轉(zhuǎn)到支付頁面。

2. 搶紅包

聊天-紅包頁面：

1. 點(diǎn)擊自己未領(lǐng)取、未過期、未被領(lǐng)完的紅包，彈出紅包彈窗-自己未領(lǐng)取、未過期、未被領(lǐng)完；
2. 點(diǎn)擊自己未領(lǐng)取、未過期、已被領(lǐng)完的紅包，彈出紅包彈窗-自己未領(lǐng)取、未過期、已被領(lǐng)完；
3. 點(diǎn)擊自己未領(lǐng)取、已過期的紅包，彈出紅包彈窗-自己未領(lǐng)取、已過期；
4. 點(diǎn)擊自己已領(lǐng)取的紅包，彈出紅包彈窗-自己已領(lǐng)取。

紅包彈窗-自己未領(lǐng)取、未過期、未被領(lǐng)完：

紅包彈窗-自己未領(lǐng)取、未過期、已被領(lǐng)完：

點(diǎn)擊【查看領(lǐng)取詳情】按鈕，進(jìn)入紅包詳情-自己未領(lǐng)取、未過期、已被領(lǐng)完頁面。

紅包詳情-自己未領(lǐng)取、未過期、已被領(lǐng)完頁面：

紅包彈窗-自己未領(lǐng)取、已過期：

點(diǎn)擊【查看領(lǐng)取詳情】按鈕，進(jìn)入紅包詳情-自己未領(lǐng)取、已過期頁面。

紅包詳情-自己未領(lǐng)取、已過期頁面：

紅包彈窗-自己已領(lǐng)取：

點(diǎn)擊【查看領(lǐng)取詳情】按鈕，進(jìn)入紅包詳情-自己已領(lǐng)取頁面。

紅包詳情-自己已領(lǐng)取頁面：

以上是我梳理的積分紅包需求設(shè)計(jì)說明書，歡迎大家交流指正~

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

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