為了更好的鍛煉自己的產(chǎn)品技能磷仰，準(zhǔn)備實(shí)際設(shè)計一個產(chǎn)品的功能。自己日常使用的最多阅悍、最熟悉的產(chǎn)品莫過于外賣軟件舰始，并且在下單后的紅包功能也確實(shí)為自己帶來了不少便利，所以這一次我準(zhǔn)備為自己空想的一個外賣產(chǎn)品“來伊份”來設(shè)計用戶分享紅包酌壕。
功能設(shè)計的流程主要分為如下幾個部分：總述、用戶分析、功能調(diào)研茂腥、需求分析、功能設(shè)計等部分切省，本節(jié)內(nèi)容主要是將優(yōu)惠券功能的所涉及的流程和原型進(jì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)容可參考前文頁面流程圖中圖文消息格式驯用。
訂單詳情頁
在訂單詳情頁中增加“分享紅包”點(diǎn)擊區(qū)域，用戶點(diǎn)擊“分享紅包”后儒老，彈出紅包分享彈窗蝴乔，形式同上訂單支付完成分享紅包彈出頁中所示相同，其余功能不做改動驮樊。
紅包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ù)拼手氣功能的一個鋪墊。
同一系列的其他文章：
外賣產(chǎn)品優(yōu)惠券功能設(shè)計（一）——總述
外賣產(chǎn)品優(yōu)惠券功能設(shè)計（二）——用戶分析
外賣產(chǎn)品優(yōu)惠券功能設(shè)計（三）——功能調(diào)研
外賣產(chǎn)品優(yōu)惠券功能設(shè)計（四）——需求分析
外賣產(chǎn)品優(yōu)惠券功能設(shè)計（五）——功能設(shè)計（一）
外賣產(chǎn)品優(yōu)惠券功能設(shè)計（七）——功能設(shè)計（三）
外賣產(chǎn)品優(yōu)惠券功能設(shè)計（八）——功能介紹
部分內(nèi)容、圖片來源于網(wǎng)絡(luò)赊琳，若有侵權(quán)請告知作者街夭，帶來不便，敬請原諒躏筏。
