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

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

提出需求

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

1. 必須關(guān)注微信公眾號。
2. 每ID每天可投3票，但每天只可為1個(gè)選手投1票。
3. 每天投滿3票之后可抽獎(jiǎng)，每天可抽獎(jiǎng)1次。
4. 獎(jiǎng)品有實(shí)體與虛擬2種，虛擬獎(jiǎng)品為各種平臺優(yōu)惠碼，實(shí)體獎(jiǎng)品需郵寄。
5. 活動(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)頁面可能遇到的不同情況(會被分享)，所以在抽獎(jiǎng)的case上面設(shè)計(jì)了4種。

交互：

case1：這里應(yīng)對的是未參加活動(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)是微信的頭像后面跟的是微信的昵稱。

交互：針對已經(jīng)定義的2種不同的獎(jiǎng)品類型，在我的獎(jiǎng)品頁面也做了相應(yīng)不同的顯示，虛擬獎(jiǎng)品點(diǎn)擊立即使用彈出彈層用于展示目前獲得的虛擬獎(jiǎng)品(序列號)，而實(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)，這些可能都會影響到我們的活動(dòng)效果，但既然趟了微信投票這攤渾水就要想好相關(guān)問題的處理方法，不出意外的是，我們的活動(dòng)在上線2天后，被微信屏蔽了，我們后續(xù)又做了很多工作才確保了活動(dòng)周期內(nèi)頁面的正常訪問，詳情請見下次分享。

當(dāng)前題目：關(guān)于微信投票，設(shè)計(jì)產(chǎn)品前你想好了嗎？
網(wǎng)站網(wǎng)址：http://chinadenli.net/news26/165626.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供ChatGPT、網(wǎng)站導(dǎo)航、靜態(tài)網(wǎng)站、商城網(wǎng)站、營銷型網(wǎng)站建設(shè)、搜索引擎優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)