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

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

提出需求

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

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

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

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

主頁面：

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

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

交互：每投一票，右上方當(dāng)日可投票數(shù)-1，相關(guān)選手票數(shù)+1，投滿3票彈層提示可點(diǎn)擊進(jìn)入活動(dòng)抽獎(jiǎng)頁面。

抽獎(jiǎng)頁面：

九宮格設(shè)計(jì)，獎(jiǎng)項(xiàng)多的話（財(cái)大氣粗的公司）就均勻排開就行了。

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

交互：

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

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

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

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

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

我的獎(jiǎng)品

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

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

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

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

交互：沒有。

產(chǎn)品流程圖：

關(guān)于坑：

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

謝謝！

作者：淘玩家，個(gè)人微信：memenn。

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