投票活動(dòng)是活動(dòng)運(yùn)營(yíng)的家常便飯，本文主要分享微信投票功能的完整設(shè)計(jì)過(guò)程。

公司談下一個(gè)合作活動(dòng)，投票活動(dòng)背景為國(guó)內(nèi)某選美比賽的網(wǎng)絡(luò)人氣評(píng)選，本應(yīng)用第三方程序就可以解決的問(wèn)題，但后來(lái)考慮到種種原因還是決定自己進(jìn)行開(kāi)發(fā)，于是就有了后來(lái)的之后之后的事情。

提出需求

運(yùn)營(yíng)那邊給出的需求：

1. 必須關(guān)注微信公眾號(hào)。
2. 每ID每天可投3票，但每天只可為1個(gè)選手投1票。
3. 每天投滿(mǎn)3票之后可抽獎(jiǎng)，每天可抽獎(jiǎng)1次。
4. 獎(jiǎng)品有實(shí)體與虛擬2種，虛擬獎(jiǎng)品為各種平臺(tái)優(yōu)惠碼，實(shí)體獎(jiǎng)品需郵寄。
5. 活動(dòng)主頁(yè)面與選手詳情頁(yè)面可分享(分享標(biāo)題與詳情內(nèi)容可定義)。

說(shuō)完需求我們來(lái)畫(huà)原型，投票的頁(yè)面與抽獎(jiǎng)的頁(yè)面大家應(yīng)該都見(jiàn)過(guò)，而投票+抽獎(jiǎng)的頁(yè)面其實(shí)就是把這兩種頁(yè)面組合在一起，這雖然是一句看起來(lái)很像是廢話(huà)的廢話(huà)，但我之所以還這么說(shuō)的原因是因?yàn)樵诔绦蛟O(shè)計(jì)中相關(guān)的邏輯需要按照此要求來(lái)設(shè)計(jì)。

原型設(shè)計(jì)

主頁(yè)面：首先畫(huà)的就是選手的展示頁(yè)面，也就是主頁(yè)面，沒(méi)什么好說(shuō)的，有幾個(gè)交互。

主頁(yè)面內(nèi)上方為活動(dòng)banner圖，下方一層分別為L(zhǎng)OGO、搜索框、按鈕、當(dāng)日可投票數(shù)，下方為選手列表頁(yè)面。

• 交互：每投一票，右上方當(dāng)日可投票數(shù)-1，相關(guān)選手票數(shù)+1，投滿(mǎn)3票彈層提示可點(diǎn)擊進(jìn)入活動(dòng)抽獎(jiǎng)頁(yè)面。
• 抽獎(jiǎng)頁(yè)面：九宮格設(shè)計(jì)，獎(jiǎng)項(xiàng)多的話(huà)(財(cái)大氣粗的公司)就均勻排開(kāi)就行了。

活動(dòng)頁(yè)面的底部菜單沒(méi)有抽獎(jiǎng)頁(yè)面入口，也就是說(shuō)抽獎(jiǎng)頁(yè)面默認(rèn)是“隱藏”的，需要投票滿(mǎn)3票才可通過(guò)按鈕點(diǎn)擊進(jìn)入，但為了滿(mǎn)足抽獎(jiǎng)頁(yè)面可能遇到的不同情況(會(huì)被分享)，所以在抽獎(jiǎng)的case上面設(shè)計(jì)了4種。

交互：

case1：這里應(yīng)對(duì)的是未參加活動(dòng)投票，但通過(guò)抽獎(jiǎng)頁(yè)面進(jìn)入的用戶(hù)所給出的相應(yīng)提示。

case2：未中獎(jiǎng)狀態(tài)。

case3：抽獎(jiǎng)次數(shù)為0(當(dāng)天已經(jīng)參加過(guò)抽獎(jiǎng)并再次點(diǎn)擊抽獎(jiǎng)按鈕)。

case4：中獎(jiǎng)狀態(tài)。

因?yàn)樵诔楠?jiǎng)的邏輯上面需要加一層判斷(今日是否已經(jīng)投滿(mǎn)3票并是否抽獎(jiǎng))，所以這里需要和開(kāi)發(fā)明確說(shuō)明，不然如果沒(méi)有了上面的判斷，當(dāng)頁(yè)面被分享出去的話(huà)那后果是可想而知的，所以這是一個(gè)小坑。

我的獎(jiǎng)品

我的獎(jiǎng)品頁(yè)面同樣設(shè)計(jì)了2個(gè)主題頁(yè)，未中獎(jiǎng)與已中獎(jiǎng)，banner圖下方的小圖標(biāo)是微信的頭像后面跟的是微信的昵稱(chēng)。

交互：針對(duì)已經(jīng)定義的2種不同的獎(jiǎng)品類(lèi)型，在我的獎(jiǎng)品頁(yè)面也做了相應(yīng)不同的顯示，虛擬獎(jiǎng)品點(diǎn)擊立即使用彈出彈層用于展示目前獲得的虛擬獎(jiǎng)品(序列號(hào))，而實(shí)體獎(jiǎng)品則彈出表單收集彈層，用于收集實(shí)體獎(jiǎng)品用戶(hù)中獎(jiǎng)信息(只可填寫(xiě)一次，再次點(diǎn)擊只可查看)，方便信息收集后運(yùn)營(yíng)派發(fā)獎(jiǎng)品。

活動(dòng)細(xì)則：

這里沒(méi)有什么可描述的，通常的情況下就是活動(dòng)的相關(guān)介紹，以及一大堆。。。(你懂得)。

交互：沒(méi)有。

產(chǎn)品流程圖：

關(guān)于坑：

在微信里使用第三方投票就要想好被官方和諧(屏蔽)的可能性，尤其是參與競(jìng)爭(zhēng)類(lèi)別的投票，不管是來(lái)自于選手的水軍拉票，還是來(lái)自于吃瓜群眾(競(jìng)爭(zhēng)選手)的舉報(bào)，這些可能都會(huì)影響到我們的活動(dòng)效果，但既然趟了微信投票這攤渾水就要想好相關(guān)問(wèn)題的處理方法，不出意外的是，我們的活動(dòng)在上線(xiàn)2天后，被微信屏蔽了，我們后續(xù)又做了很多工作才確保了活動(dòng)周期內(nèi)頁(yè)面的正常訪問(wèn)，詳情請(qǐng)見(jiàn)下次分享。

還有更多營(yíng)銷(xiāo)研究分析，文章下載，點(diǎn)擊：關(guān)于微信投票，設(shè)計(jì)產(chǎn)品前你想好了嗎？