作者根據(jù)自己空想的一個外賣產(chǎn)品“來伊份”來設(shè)計用戶分享紅包，來主要講講優(yōu)惠券所對應(yīng)的信息結(jié)構(gòu)、app內(nèi)原型和部分紅包H5的原型設(shè)計。

為了更好的鍛煉自己的產(chǎn)品技能，準(zhǔn)備實際設(shè)計一個產(chǎn)品的功能。自己日常使用的最多、最熟悉的產(chǎn)品莫過于外賣軟件，并且在下單后的紅包功能也確實為自己帶來了不少便利，所以這一次我準(zhǔn)備為自己空想的一個外賣產(chǎn)品“來伊份”來設(shè)計用戶分享紅包。

而本篇內(nèi)容主要針對介紹優(yōu)惠券所對應(yīng)的信息結(jié)構(gòu)、app內(nèi)原型和部分紅包H5的原型設(shè)計。

優(yōu)惠券相關(guān)信息結(jié)構(gòu)

優(yōu)惠券信息結(jié)構(gòu)

分享紅包信息結(jié)構(gòu)

功能詳述與原型設(shè)計

訂單支付完成分享紅包彈出頁

在用戶支付成功一個訂單轉(zhuǎn)回訂單詳情后，要自動彈出紅包分享彈窗，引導(dǎo)用戶進(jìn)行分享，分享圖文消息內(nèi)容可參考前文頁面流程圖中圖文消息格式。

訂單詳情頁

在訂單詳情頁中增加“分享紅包”點擊區(qū)域，用戶點擊“分享紅包”后，彈出紅包分享彈窗，形式同上訂單支付完成分享紅包彈出頁中所示相同，其余功能不做改動。

紅包H5頁面母版

母版包含了以下幾個部分，由上至下分別為：產(chǎn)品logo區(qū)域、H5廣告區(qū)域、信息填充區(qū)域、紅包領(lǐng)取情況顯示區(qū)域和活動細(xì)則區(qū)域。

下面針對領(lǐng)取紅包中的不同情況進(jìn)行敘述：

紅包H5發(fā)放優(yōu)惠券頁

在優(yōu)惠券H5中，優(yōu)惠券的領(lǐng)取步驟最為重要的一環(huán)。在優(yōu)惠券發(fā)放環(huán)節(jié)中，應(yīng)該清晰明了的讓用戶獲知本次優(yōu)惠券的領(lǐng)取情況，并在H5頁面中留下一個用戶返回App的通道，引導(dǎo)想下單用戶進(jìn)入App。

在之后的版本中，可以繼續(xù)添加優(yōu)惠券消息通知的功能，也是吸引用戶打開App的一種方式。H5中看朋友手氣的功能主要是讓用戶了解該紅包的已發(fā)放情況，并且可以作為紅包后續(xù)拼手氣功能的一個鋪墊。

部分內(nèi)容、圖片來源于網(wǎng)絡(luò)，若有侵權(quán)請告知作者，帶來不便，敬請原諒。

參考閱讀：

外賣產(chǎn)品優(yōu)惠券功能設(shè)計（一）

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

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