作者根據(jù)自己夢寐以求的產(chǎn)品設(shè)計用戶分享紅包，并向用戶分享紅包，主要是談?wù)勁c優(yōu)惠券對應(yīng)的信息結(jié)構(gòu)，應(yīng)用原型和紅包H5的原型。

為了更好地鍛煉您的產(chǎn)品技能，準(zhǔn)備實際設(shè)計產(chǎn)品的功能。我每天使用的最常見和熟悉的產(chǎn)品是外賣軟件，訂單后的紅包功能對我自己來說確實很方便，所以這次我要為我的夢想制作一個外賣產(chǎn)品。 ”設(shè)計用戶分享紅包。

本文的內(nèi)容主要是介紹與優(yōu)惠券對應(yīng)的信息結(jié)構(gòu)，應(yīng)用原型和一些紅包H5的原型設(shè)計。

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

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

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

功能細節(jié)和原型設(shè)計

訂單付款已完成，以共享紅包彈出頁面

用戶成功返回訂單并返回訂單詳細信息后，會自動彈出紅包共享彈出窗口，引導(dǎo)用戶共享，圖形文本消息的內(nèi)容可以參考流程中的圖形消息格式上一頁的圖表。

訂單詳情頁面

添加“將紅包分享到訂單詳情頁面;點擊該區(qū)域，用戶點擊“分享紅包”，彈出紅包共享彈出窗口，表格與訂單付款完成的兌換彈出頁面顯示相同，其余功能均為沒有改變。 。

紅包H5頁面主頁

主人包括以下部分，從上到下：產(chǎn)品標(biāo)識區(qū)，H5廣告區(qū)，信息填充區(qū)，紅包接收情況顯示區(qū)和活動詳細信息區(qū)。

以下描述了紅包中的不同情況：

Red Packet H5發(fā)行優(yōu)惠券頁面

在優(yōu)惠券H5中，優(yōu)惠券收集過程中最重要的部分。在優(yōu)惠券發(fā)行中，您應(yīng)該清楚明確地讓用戶知道優(yōu)惠券的集合，并留出一個頻道供用戶返回H5頁面上的應(yīng)用程序，以指導(dǎo)想要下訂單的用戶。

在更高版本中，繼續(xù)添加優(yōu)惠券消息通知的能力也是吸引用戶打開應(yīng)用程序的一種方式。在H5中查看朋友的手的功能主要是讓用戶知道紅包的發(fā)布狀態(tài)，并且可以用作紅框的預(yù)示功能。

一些內(nèi)容和圖像來自互聯(lián)網(wǎng)。如果有任何侵權(quán)行為，請讓作者知道不方便，請原諒我。

參考閱讀：

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

本文最初由@ lianbo2006發(fā)布。未經(jīng)許可，禁止復(fù)制

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

« 爭戰(zhàn)越來越多崢崢談：好學(xué)生不做壞事，想出解決問題的方法 | 12.12年年底嘉年華蘇寧、天貓、京東比價、蘇寧竟然便宜2000多 »