發(fā)送優(yōu)惠券的H5界面,如何設(shè)計(jì)?

11 評(píng)論 17561 瀏覽 169 收藏 10 分鐘

優(yōu)惠券的設(shè)計(jì),是現(xiàn)在互聯(lián)網(wǎng)拉新、促活最為常見的手段之一,因?yàn)榍捌诘牟徽撌峭赓u平臺(tái),還是打車平臺(tái),都瘋狂的通過優(yōu)惠券的手段拉取更多的新用戶,以此造成的用戶心理是:有優(yōu)惠嗎?日常優(yōu)惠多少?新用戶優(yōu)惠多少?

背景:

你是某餐飲類app的產(chǎn)品經(jīng)理,由于公司推廣需求,現(xiàn)在需要設(shè)計(jì)一個(gè)針對(duì)新老用戶發(fā)送優(yōu)惠券的H5界面,用于微信里用戶自發(fā)的分享傳播。

要求:

以H5為載體,主要用于微信聊天窗和朋友圈的分享「此處為兩種分享模式」。

注意分享的流程以及流程里必備的判斷。注意后臺(tái)邏輯和前端邏輯的配合,不要忽略后端。

重要的頁(yè)面需要完整原型,其他頁(yè)面需要簡(jiǎn)單的頁(yè)面流程,需要有整體的串聯(lián)。

要做的工作:

(1)明確需求背景

  • 需求分析:通過簡(jiǎn)單的產(chǎn)品功能調(diào)研,提供決策過程和依據(jù);
  • 需求目的:明確需求目的和功能列表。

(2)梳理流程所處的模塊關(guān)系:業(yè)務(wù)邏輯、業(yè)務(wù)流程、頁(yè)面流程

(3)功能詳細(xì)介紹:原型設(shè)計(jì)

(4)考核指標(biāo)和計(jì)算方法

簡(jiǎn)述:

產(chǎn)品:某餐飲APP

系統(tǒng)版本:iOS 12.0

要求:由于公司推廣需求,設(shè)計(jì)一個(gè)針對(duì)新老用戶發(fā)送優(yōu)惠券的H5界面,用于微信里用戶自發(fā)的分享傳播。

更新日期:2018年11月11日

版本信息

1. 需求背景

目的:進(jìn)一步推廣APP,拉取更多新的用戶,留存、促活更多老用戶。提高App活躍度,增加訂單量。

方案:設(shè)計(jì)針對(duì)新老用戶發(fā)送優(yōu)惠券的H5界面,用于微信里用戶自發(fā)的分享傳播;通過優(yōu)惠券措施提高客戶消費(fèi)的意愿。

2. 需求分析

概述:給產(chǎn)品增加優(yōu)惠券的需求,可以定向或者公開的向用戶發(fā)放優(yōu)惠券,用戶在下單時(shí)候可以使用優(yōu)惠券,抵相應(yīng)金額的功能。

2.1 用戶-場(chǎng)景-需求分析

用戶-場(chǎng)景-需求分析

優(yōu)惠券的設(shè)計(jì),是現(xiàn)在互聯(lián)網(wǎng)拉新、促活最為常見的手段之一,因?yàn)榍捌诘牟徽撌峭赓u平臺(tái),還是打車平臺(tái),都瘋狂的通過優(yōu)惠券的手段拉取更多的新用戶,因此造成的用戶心理是:有優(yōu)惠嗎?日常優(yōu)惠多少?新用戶優(yōu)惠多少?

針對(duì)這種普遍的用戶心理,結(jié)合用戶當(dāng)前的需求,整理出實(shí)現(xiàn)優(yōu)惠券發(fā)放和使用功能的具體的功能點(diǎn)如下:

  1. 后臺(tái)生成的優(yōu)惠券;
  2. banner頁(yè)展示優(yōu)惠券;
  3. 具體的內(nèi)容以H5的形式展現(xiàn)給用戶;
  4. 領(lǐng)取流程簡(jiǎn)單,清晰;
  5. 優(yōu)惠券有不同的梯度;
  6. H5頁(yè)面引導(dǎo)下載App。

2.2 產(chǎn)品需求分析及排序

按產(chǎn)品需求四象限排序法(開發(fā)難度大小,受眾廣度兩個(gè)維度),將上述6項(xiàng)需求進(jìn)行排序:①? > ③ > ④ > ⑤ > ② > ⑥

3. 需求目的與功能列表

需求目的與功能列表

4. 功能詳細(xì)介紹

  • 領(lǐng)取前,用戶可通過app內(nèi),運(yùn)營(yíng)人員分享出的鏈接等渠道,發(fā)現(xiàn)該活動(dòng)。
  • 領(lǐng)取時(shí),通過手機(jī)號(hào)判斷是否是新用戶,新用戶領(lǐng)取一張5折優(yōu)惠券,老用戶領(lǐng)取一張8折優(yōu)惠券。
  • 分享時(shí),用戶領(lǐng)取后,引導(dǎo)用戶轉(zhuǎn)發(fā)該鏈接,其他用戶通過該鏈接成功領(lǐng)取優(yōu)惠券并成功消費(fèi)后,返還一張8折優(yōu)惠券給該用戶。
  • 消費(fèi)時(shí),自動(dòng)使用在有效期內(nèi)的優(yōu)惠券,后臺(tái)折算新的價(jià)格,用戶支付新的價(jià)格成功后,優(yōu)惠券失效。
  • 消費(fèi)后,判斷該優(yōu)惠券領(lǐng)取的來源(通過哪位用戶分享的鏈接),如果有,則自動(dòng)發(fā)放給該用戶一張8折優(yōu)惠券。

5. 模塊關(guān)系

5.1 業(yè)務(wù)邏輯

業(yè)務(wù)邏輯

5.2 業(yè)務(wù)流程圖

業(yè)務(wù)流程圖

5.3 頁(yè)面流程圖

頁(yè)面流程圖

5.4 原型圖

前端原型圖

后臺(tái)原型圖

6. 考核指標(biāo)與計(jì)算方法

6.1 需要收集的基礎(chǔ)數(shù)據(jù)

需要收集的基礎(chǔ)數(shù)據(jù)

6.2 考核指標(biāo)

  • 考核用戶自發(fā)傳播效果:分享率=(分享總量/點(diǎn)擊總量)*100%
  • 考核用戶對(duì)優(yōu)惠券的接受程度:領(lǐng)取成功率=(領(lǐng)取成功量/點(diǎn)擊總量)*100%
  • 考核本次活動(dòng)拉新情況:拉新率=通過優(yōu)惠券新注冊(cè)總量/注冊(cè)總量*100%
  • 考核本次活動(dòng)促活情況:促活率=(日均活躍人數(shù)-原日均活躍人數(shù))/日均活躍人數(shù)*100%
  • 考核本次活動(dòng)整體情況:使用率=使用優(yōu)惠券量/領(lǐng)取成功量*100%
  • 考核二次傳播效果:二次發(fā)放率:二次發(fā)放量/領(lǐng)取成功總量*100%
  • 內(nèi)部數(shù)據(jù)與外部數(shù)據(jù)對(duì)比分析等。

附:產(chǎn)品功能點(diǎn)調(diào)研

(1)調(diào)研目的

最近某餐飲類app需要上優(yōu)惠券發(fā)放功能,以此提高用戶使用率,參考一下競(jìng)品的功能點(diǎn),尋求借鑒之處。

本次調(diào)研選用「餓了嗎」app中優(yōu)惠券發(fā)放功能。

(2)功能點(diǎn)分析

1)入口設(shè)置

  1. 首頁(yè)banner(不定期活動(dòng)入口),目前推廣的是:老用戶專享優(yōu)惠福袋;
  2. 訂單完成頁(yè)(訂單成功后,彈窗提醒分享紅包)和訂單完成頁(yè)又上角紅包圖標(biāo);
  3. 二級(jí)頁(yè)面(我的-推薦有獎(jiǎng);我的-我的優(yōu)惠券)。

2)功能點(diǎn)簡(jiǎn)述與利弊

  • 首頁(yè)banner頁(yè)展示個(gè)用戶,點(diǎn)擊后直接進(jìn)入H5主頁(yè)面,直接自動(dòng)領(lǐng)取已經(jīng)設(shè)置好的優(yōu)惠券(專門針對(duì)老用戶),并直接存在在我的優(yōu)惠券中,用戶在下單時(shí),符合使用條件的優(yōu)惠券默認(rèn)使用。在優(yōu)惠券列表中,可以直達(dá)符合該優(yōu)惠券使用的商品頁(yè)面。(高效、便捷)
  • 訂單完成后通過彈窗提示和圖標(biāo),引導(dǎo)用戶給好友“送福利”,發(fā)放紅包,其他用戶點(diǎn)擊該鏈接,完成驗(yàn)證后領(lǐng)取相應(yīng)的優(yōu)惠券,在使用中選擇符合訂單的優(yōu)惠券,達(dá)到獲取減免的效果。

分享途徑包含微信好友、群聊、朋友圈、qq好友、群聊、qq空間等。

對(duì)于第一次領(lǐng)取紅包的用戶需要先綁定手機(jī)號(hào)(app的賬號(hào)),完成驗(yàn)證后方可領(lǐng)取,對(duì)于非第一次的用戶,點(diǎn)擊鏈接可以直接領(lǐng)?。ê笈_(tái)默認(rèn)保留用戶信息)(設(shè)置有限數(shù)量的紅包,刺激用戶快速點(diǎn)擊,但隨機(jī)性比較強(qiáng))。

  • 拉新手段之一,通過推薦新用戶使用app,不僅新用戶會(huì)獲得紅包,新用戶在限時(shí)內(nèi)消費(fèi)后,推薦者也可以獲取獎(jiǎng)勵(lì)金(拉新、簡(jiǎn)單粗暴、效果不明顯)。

(3)業(yè)務(wù)邏輯

業(yè)務(wù)邏輯

(4)結(jié)論

  1. 借鑒banner頁(yè)活動(dòng)展示(更高效的觸達(dá)用戶)
  2. 借鑒拉新手段,拉取一位新用戶,獲得相應(yīng)的獎(jiǎng)勵(lì)。

 

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

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

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 感恩??

    回復(fù)
  2. 是的呢

    回復(fù)
  3. 是的,哈哈哈??

    回復(fù)
  4. 哈哈哈哈哈哈看起來跟我深有同感的不止我自己一個(gè)人啊

    回復(fù)
  5. 很不錯(cuò)~

    回復(fù)
  6. 1 新用戶把優(yōu)惠券分享出去是否能再獲得8折優(yōu)惠券?
    2 老用戶在領(lǐng)了優(yōu)惠之后分享到微信,是否可以點(diǎn)擊自己分享的鏈接,輸入手機(jī)號(hào)再獲得8折優(yōu)惠?

    回復(fù)
    1. 有道理!暫時(shí)還沒考慮到,感謝指點(diǎn)!

      回復(fù)
    2. 設(shè)置優(yōu)惠券的時(shí)候不是會(huì)設(shè)置限領(lǐng)次數(shù) 如果每人限領(lǐng)一張 那同個(gè)用戶id就只能領(lǐng)一次吧

      回復(fù)
  7. 業(yè)務(wù)流程圖是用的什么軟件呢?還有那個(gè)框架圖?

    來自上海 回復(fù)
    1. 流程圖一般用axure,visio;
      框架圖用Xmind,幕布等思維導(dǎo)圖工具。

      來自福建 回復(fù)
    2. X mind和Axure

      回復(fù)