關于微信投票,設計產品前你想好了嗎?(前臺篇)

3 評論 17282 瀏覽 61 收藏 7 分鐘

投票活動是活動運營的家常便飯,本文主要分享微信投票功能的完整設計過程。

公司談下一個合作活動,投票活動背景為國內某選美比賽的網絡人氣評選,本應用第三方程序就可以解決的問題,但后來考慮到種種原因還是決定自己進行開發,于是就有了后來的之后之后的事情。

提出需求

運營那邊給出的需求:

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

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

原型設計

主頁面:

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

xuanshou

主頁面內上方為活動banner圖,下方一層分別為LOGO、搜索框、按鈕、當日可投票數,下方為選手列表頁面。

交互:每投一票,右上方當日可投票數-1,相關選手票數+1,投滿3票彈層提示可點擊進入活動抽獎頁面。

抽獎頁面:

九宮格設計,獎項多的話(財大氣粗的公司)就均勻排開就行了。choujiang

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

交互:

case1:這里應對的是未參加活動投票,但通過抽獎頁面進入的用戶所給出的相應提示。

case1

case2:未中獎狀態。

case2

case3:抽獎次數為0(當天已經參加過抽獎并再次點擊抽獎按鈕)。

case3

case4:中獎狀態。case4

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

我的獎品

我的獎品頁面同樣設計了2個主題頁,未中獎與已中獎,banner圖下方的小圖標是微信的頭像后面跟的是微信的昵稱。

choujiangzuhe

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

活動細則:

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

交互:沒有。

huodongxize

產品流程圖:

liuchengtu

關于坑:

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

謝謝!

 

作者:淘玩家,個人微信:memenn。

本文由 @淘玩家 原創發布于人人都是產品經理。未經許可,禁止轉載。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 沒人覺得稿子畫的很丑嗎

    來自廣東 回復
    1. 原型丑點沒關系,思路清晰能讓大家明白就達到目的了~

      來自廣東 回復
  2. 有個問題請教,抽獎頁,既設置了活動規則,又在九宮格下方有抽獎規則,是否重復,如果抽獎規則放入活動規則里,在后端都可以自定義。那抽獎頁就會很空,怎么解決?

    來自浙江 回復