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

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

提出需求

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

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

說完需求我們來畫原型，投票的頁面與抽獎的頁面大家應(yīng)該都見過，而投票+抽獎的頁面其實就是把這兩種頁面組合在一起，這雖然是一句看起來很像是廢話的廢話，但我之所以還這么說的原因是因為在程序設(shè)計中相關(guān)的邏輯需要按照此要求來設(shè)計。

原型設(shè)計

主頁面：首先畫的就是選手的展示頁面，也就是主頁面，沒什么好說的，有幾個交互。

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

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

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

交互：

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

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

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

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

因為在抽獎的邏輯上面需要加一層判斷(今日是否已經(jīng)投滿3票并是否抽獎)，所以這里需要和開發(fā)明確說明，不然如果沒有了上面的判斷，當(dāng)頁面被分享出去的話那后果是可想而知的，所以這是一個小坑。

我的獎品

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

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

活動細(xì)則：

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

交互：沒有。

產(chǎn)品流程圖：

關(guān)于坑：

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

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