关于微信投票,设计产品前你想好了吗?(前台篇)

15天0基础极速入门数据分析,掌握一套数据分析流程和方法,学完就能写一份数据报告!了解一下>>

投票活动是活动运营的家常便饭,本文主要分享微信投票功能的完整设计过程。

公司谈下一个合作活动,投票活动背景为国内某选美比赛的网络人气评选,本应用第三方程序就可以解决的问题,但后来考虑到种种原因还是决定自己进行开发,于是就有了后来的之后之后的事情。

提出需求

运营那边给出的需求:

  • 必须关注微信公众号。
  • 每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。

本文由 @淘玩家 原创发布于人人都是产品经理。未经许可,禁止转载。

给作者打赏,鼓励TA抓紧创作!
3人打赏
评论
欢迎留言讨论~!
  1. 没人觉得稿子画的很丑吗

    回复
    1. 原型丑点没关系,思路清晰能让大家明白就达到目的了~

      回复
  2. 有个问题请教,抽奖页,既设置了活动规则,又在九宫格下方有抽奖规则,是否重复,如果抽奖规则放入活动规则里,在后端都可以自定义。那抽奖页就会很空,怎么解决?

    回复