先看一下微信小程序的最终效果截图。
一、前言
本文适用于关注剧本杀等主体活动行业的读者,或者已经工作1~2年且有一定产品或开发基础的技术人员。
新的行业玩家也更关注自身软实力的打造,利用信息化手段,充分调动渠道、场地、优秀DM等资源。迎接后疫情市场的新机会。在此我们针对这类需求,初步打造一套基于微信小程序的线上剧本杀展示、组局、支付与点评应用。
二、需求梳理
剧本杀功能脑图梳理
跨地区、多门店应用场景。不同门店有不同促销和剧本设定。
大家可以看一下上面脑图,对产品需求有个整体了解。
三、原型设计
基于上个环节的功能需求,参照常用功能组件,用Axure初略画了各页面,方便后续讨论细化。
四、界面设计
经过多轮讨论后,确定好各页面细节功能后开始UI美工制图。
页面设计以简洁、实用为主。统一整体样式,内容层次清晰,规范。
主要组件有:搜索导航条,剧本卡片,拼车卡片,玩家人数反串与否组件,rating评分,优惠券卡片等。
五、数据结构设计
数据ER设计
六、开发准备
框架选型、功能分解与项目开发讨论反馈。
产品可选App、H5或者微信小程序形式制作,考虑到用户使用场景和后续口碑引流,默认按照微信功能扩展开发。对比界面流畅度与品牌增值,选定微信小程序来实现。
微信小程序系统之前CS部署中间环节太多,开发者需要考虑应用层、数据库层、负载均衡与ssl安全等节点,后来推出云开发后,使用对象map数据存储方便了很多,让开发者更加聚焦业务功能实现。考虑到数据独立性和团队本身已有ssl服务器,所以我们还是使用了关系型数据模型。
SCP洋馆玩法攻略。本作是一款围绕在SCP风格背景下的狼人杀类型游戏,下面带来游戏中全部职业的具体能力,供各位玩家们参考查阅。全职业能力一览狼人,能杀所有人,只能被保安枪杀,并且会随时间流逝变得更强大,三个阶段,第三。
微信小程序展示层有很多框架可选。考虑到组件丰富度以及后期购买和用品展示的扩展需求,我们选择了jquery weui,vant。
参照组件库的样式,对各页面和数据呈现进行了开发工期与可行性分析讨论,反馈给设计更新页面。
开发环节主要工具:微信开发者工具、sqlyog、sublime、winscp、xshell。
页面样式微调
主功能开发环节
七、迭代开发
第一个sprint把主页、列表、详情、预约主流程页面串联起来。
第二个sprint把拼班、组局和支付流程增补进去。
第三个sprint把搜索功能和列表排序完成。
第四个sprint把优惠券功能加上,包括对组局、拼车支付环境的重构。
第五个sprint把订单列表、取消、退费功能加上。
第六个sprint微调各页面样式和数据记录完整测试。
开发期间碰到的主要逻辑功能有:
1. 微信小程序服务端
安全口令约定,请求参数及返回包约定,微信支付,短信口令发送,分享海报合成图生产等。
2. 微信小程序应用端
component搜索组件,排行rank,seats玩家状态展示组件,stepper人数设定规则,信息元素多样式的flex布局组合等。
关于开发这块,如果大家有兴趣可以恢复提出您关注的知识点,我可以再开帖细讲具体实现。
1、首先开局马上找914,别傻乎乎跑去到处抓人。2、其次等大多数人进了914之后,173就出去到处逛逛,找一下有没有藏起来的或者打算偷渡的人类,173速度最快最适合干这活。3、然后前期过了之后,173就只能跟团行动了,它的。
八、单元测试
微信小程序调试工具
九、staging测试
上传后,可以使用体验版二维码,邀请相关人员参与体验反馈。
这个功能还是很实用的,代码修改后随时可以上传,分享给大家在不同状态下的手机端测试。
scp秘密实验室游玩方法:1、下载豌豆荚。2、在豌豆荚里搜索scp。3、下载SCP:Chamberz。4、下载完之后不要打开,那个版本不同。5、在浏览器中搜索谷歌空间,下载完之后点击导入本地,再把刚才下载的scp导入进那里。。
十、产品发布
用git做好版本控制,发布产品,全量发布,注意
十一、应用推广
工具型应用可以挂在公众号菜单链接、门店前台等。
十二、用户体验采集与产品迭代
自此,一套实用的剧本杀微信小程序就开发完成了。
产品设计,不仅仅要解决用户的痛点,最好能给用户带来爽点体验,包括细节关怀与激励等。
我是轻云茶客,欢迎有兴趣的朋友一起讨论更多产品设计与项目开发的案例实践。
最后用一首一首茶诗来结束本文:
茶罢晴檐唱午鸡,偶骑驴去过东溪。
酒肴分倩樵夫拿,笔砚专令童子携。
1、首先打开spcsite-19游戏,登录自己的游戏账号。2、在初始界面选择联机模式,点击对战方式。3、最后点击界面下方的开始游戏即可玩联机模式。
放目水亭栏独倚,题诗僧舍壁新泥。
兴阑归问来时路,到处蝉鸣日已西。
—— 宋 赵汝鐩 《茶罢》
题图来自 Unsplash,基于CC0协议