投票活动是活动运营的常见部分。本文主要分享微信投票功能的完整设计流程。

公司正在商谈下一步的合作活动。此次投票活动的背景是国内某选美大赛的网络人气评选。该应用程序可以通过第三方程序解决问题。但考虑到各种原因，我们决定自己开发，于是就有了下面的情况。之后会发生什么。

提出要求

运营方给出的要求：

说完需求，我们来画原型。大家应该都看过投票页面和抽奖页面，而投票+抽奖页面其实就是这两个页面的组合。虽然这是一句看上去像是废话的句子。 ，但是我之所以还是这么说，是因为编程中的相关逻辑需要按照这个要求来设计。

原型设计主页：

我首先画的是播放器显示页面，也就是主页面。没什么好说的，但是有一些互动。

主页面上半部分是活动图，下层是LOGO、搜索框、按钮、当日可用票数，下半部分是玩家列表页面。

互动：每投一票，右上角当日可用票数为-1，相关玩家的票数为+1。投完3票后，会弹出提示，点击即可进入活动抽奖页面。

抽奖页面：

九方格设计，如果奖项多（财力雄厚的公司），均匀排列即可。

活动页面底部菜单中没有抽奖页面的入口，这意味着抽奖页面默认是“隐藏”的。需要至少投3票才能点击按钮进入，但为了满足抽奖页面可能遇到的不同情况（会分享），所以抽奖案例中设计了4种类型。

相互作用：

：此部分处理未参与活动投票但通过抽奖页面进入的用户给出的相应提示。

: 没有获胜状态。

：抽奖次数为0（当日您已经参加过抽奖，并再次点击抽奖按钮）。

：获胜状态。

因为抽奖的逻辑需要加上一层判断（今天是否投了3票，是否抽奖），所以需要跟开发者说清楚。否则，如果没有上述判断，页面共享时后果将不堪设想。可想而知，这是一个小坑。

我的奖品

我的奖品页面也设计了两个主题页面，一个是未获奖的，一个是获奖的。图片底部的小图标是微信头像，后面是微信昵称。

交互：对于已经定义的两种不同的奖品类型，在我的奖品页面也做了不同的展示。点击虚拟奖品立即使用弹出的弹层显示当前获得的虚拟奖品（序列号），而实体奖品则弹出一个表单收集弹窗，用于收集中奖信息实体奖品用户数量（只能填写一次，再次点击才能查看），方便收集信息后进行奖品的操作和发放。

活动详情：

这里没有什么可描述的，通常只是活动的介绍等等。 。 。 （你知道）。

互动：无。

产品流程图：

关于坑：

在微信上使用第三方投票时，一定要考虑被官方伤害（封杀）的可能性，尤其是参与竞争性投票，无论是来自玩家的喷子还是来自群众（竞争对手）的举报，这些可能会影响我们活动的效果，但是既然我们进入了微信投票的浑水，我们就必须想办法处理相关问题。不出意外，我们的活动上线2天就被微信屏蔽了。 ，我们后续做了很多工作来保证活动周期内页面的正常访问。详细请看下期分享。

谢谢！