微信小程序里的抽奖活动是什么样的体验？
发表时间：2023-10-10 09:29:58
文章来源：炫佑科技
浏览次数：189
菏泽炫佑科技 菏泽炫佑小程序开发 菏泽炫佑app制作 炫佑科技
微信小程序里的抽奖活动是什么样的体验？
微信小程序中有一个与抽奖相关的应用。 设计很简单，但*近发现它的功能越来越繁琐。 为了满足我们自身的业务需求，团队设计开发自己的彩票小程序。
0x00产品设计
没有基于想象的产品设计。 产品设计立足实际需求，解决实际痛点。 抽奖场景大致有两个目的，公司内部抽奖和消费者抽奖。 设计了*简单的参与方式，通过一个简单的触发按钮。 无需在界面上进行“大轮播等”复杂流程，即可参与抽奖活动。 这种暴力参与的方式让用户能够以更低的成本获取。
产品设计分三次迭代完成。 **个版本使用 MVP 方法进行*小化实现。 该版本在微信小程序试用版中进行。 所谓“麻雀虽小，五脏俱全”。 功能一般包括：后台奖品设置、活动设置、前端微信小程序实现参与抽奖、抽奖的全过程。
第二个版本已上架接受腾讯审核，主要是在**个版本的基础上修复bug，增强用户体验。 第三版增加了参与抽奖条件的限制。 例如，公司范围内的抽奖活动，需要设计“抽奖池”功能。 ，只有在抽奖池中的人才可以参加抽奖。 另一个例子是消费活动的抽奖。 需要通过您的手机号码判断您是否是会员。 作为参与抽奖的前提条件，在实际操作中还需要更多的考虑。 在这个过程中逐步完善，比如权重的设计，根据参与者的权重来设计抽奖算法。
/UE设计理念
我们的设计方法基于几个关键词。 这里需要解释一下“用户目标”这个关键词的出处。
用户目标是视觉和交互设计*重要的指南针。 脱离用户就是脱离关键点。 与目的分离，就是与方向分离，关键与方向，即公司内部的员工福利抽奖，后期会延伸到品牌采购用户的抽奖，由我们设计的关键词是：灵活性、方便性和简单性。
抽奖小程序交互设计的具体方法和方法：
1、交互设计灵活：活动配置主图放置位置，可以轮播展示，也可以直观展示奖品。
2、交互设计方便简单：所有操作均在一个页面完成，用户通过上下滑动页面、弹窗即可了解抽奖信息。 这里值得注意的是，“页面数量少”也是小程序设计中非常重要的一点。 这与我们设计应用程序的方式不同。
视觉设计方法：
1、视觉设计的灵活性：视觉风格的定义可以根据彩票的主题来设计，比如节日主题、促销活动、优惠券主题等。我们也考虑了活动策划没有主题的情况，在这次我们定义了一张季节默认图片和奖品详情图片，如图所示微信小程序里的抽奖活动是什么样的体验？，这里我们展示一张春季季节图片。
2、视觉方便、简洁：在页面布局方面，我们做了模块化布局，即对卡片进行分组，中奖名单，将奖品类别划分到每张卡片中。 这样做的好处是，如果中奖者太多的话，显示的效果也很明显。 每个卡奖类别*多显示 5 个获奖者头像。 超过 6 名获奖者以省略图标表示。 如果当前用户获胜，则其头像显示在**位置。 视觉元素上，采用简单的短线来划分标题。 颜色方面，我们采用了红色和红色渐变，看起来很符合彩票的喜庆气氛。 *终效果图如下。
评论
考虑到小程序后期会在多端上线，我们采用了Taro技术框架进行开发。 有两个UI组件库可用，包括它自己的组件和Taro-UI。 Taro-UI 提供的组件内容丰富，基本满足功能需求，但组件的属性相对较少，且样式修改存在较多问题。 未来我们会考虑开发一套自己的小程序组件库。 在**个版本中，我们主要解决了抽奖参与和页面多状态管理两个问题。
**个问题，用户参与抽奖时需要允许两个权限：
1、用户信息
2.服务通知消息推送
我们设计了两个抽奖参与按钮，根据用户的参与状态和用户信息动态显示，从而提高用户体验。
第二个问题，Taro是一个遵循React语法规范的框架，将数据显示和数据控制分离，通过控制数据的变化来管理页面的状态。 需要注意的是，Taro 是异步的，因此无法通过状态立即获取数据。
0x03 关于后台管理设计
管理的设计可以通过主流前端技术Vue/React/来实现。 这里我们使用Vue技术栈。 在Vue技术栈中，有两套成熟的UI框架，UI和UI。 前者由阿里巴巴贡献，采用编写方式，代码比UI更健壮，社区维护比UI更积极。 UI 的*后一次更新是在去年 11 月。 上手简单，UI组件更加多样，功能更加强大，可配置的属性很多，可操作性好。 。
另一个*大的亮点是设计是继承性的，通用的组件基本实现了设计理念，这会让整个设计体系更加权威和集成。
后端服务的技术实现，在微服务时代，不再局限于语言类型，可以快速部署。 写一个API连接前端怎么制作抽奖小程序，提供相应的端口进行访问，然后将服务打包交给运维。 是的，这是一个比较典型的方法。 权限方面，在服务器端构建中间件，通过统一的Oauth验证方式来验证权限。 熟悉的终端之间的通信是通过加密算法进行的，两端保存相同的验证。 陌生终端向服务器进行身份验证。 接入采用Token方式保证通信安全。
0x04 关于算法
一个比较完善的抽奖算法应该考虑权重的设计，根据抽奖参与者的画像设定基于标签的权重。 彩票池可以通过数据库记录。 每个数据库都有一个SQL方法进行随机记录，所有奖项的获奖者都是统一选出的。 进一步产生各类奖项的获得者。
更简单的方法是，可以直接通过编程的方式设计一个随机数组，然后根据奖励周期获得具体的获奖者。 例如，Ruby和Scala提供的内置函数支持获取随机数组。
其他语言需要重新构建。 例如，也可以依靠包中的函数来完成。 接下来，设计递归算法根据奖项循环淘汰获奖者。
0x05 附招聘启事
顺便，我们来做个小广告吧。 我们团队正在招募人才和云原生技术路线。 如果您正在寻找机会并对我们感兴趣，您可以在公众号对话框中留言。 与优秀的人一起工作是一件很难得的事情。 希望您的加入让我们变得更好！
以上内容由团队共同创作。 请回复公众号下方“小程序”，浏览更多小程序话题。
