趁管控在家的这几周，做了一套剧本杀的线上预约、支付、点评微信小程序。感谢大白、社区各自愿者与医护人员的长期付出，期待上海早日解封，让工作、生活各方面恢复日常。本小程序适用于桌游、剧本杀、轰趴馆、私人影院、主题民宿、文创文旅主体项目。

nerror="javascript:errorimg.call(this);">

一、前言

在资本与真人秀节目等的推动下，剧本杀作为年轻人交友、娱乐新方式在19、20年迎来了第一波高光。后受疫情与行业规范等影响，开始关注周边及IP打造，更加关注玩家的尝鲜、交友、聚会等全程体验度。迎来了剧本杀2.0。新的剧本杀服务除了与服饰、美妆、文创、家居等行业跨界合作提供沉浸式穿越体验外，还有专门针对交友、婚恋、团建等的实景杀。与KTV、酒吧、网吧、民宿、旅游景点等场景结合，开拓游客群体。民宿、文旅剧本杀可以吃、住、玩，沉浸式体验，比一般的民宿、旅游更有特色。还有一些剑走偏锋的，边玩边喝酒的“喝酒本”；针对中小学生的文学、场景、知识点“学习本”；剧本杀外卖服务等的出现，可谓五花八门，各显神通。

二、需求梳理

nerror="javascript:errorimg.call(this);">

跨地区、多门店应用场景。不同门店有不同促销和剧本设定。

三、原型设计

四、界面设计

页面设计以简洁、实用为主。统一整体样式，内容层次清晰，规范。

五、数据结构设计

数据围绕拼车gathering，按照分类、剧本、玩家、门店等实体对象进行关系型数据存储设计。nerror="javascript:errorimg.call(this);">

六、开发准备

产品可选App、H5或者微信小程序形式制作，考虑到用户使用场景和后续口碑引流，默认按照微信功能扩展开发。对比界面流畅度与品牌增值，选定微信小程序来实现。

微信小程序展示层有很多框架可选。考虑到组件丰富度以及后期购买和用品展示的扩展需求，我们选择了jquery weui，vant。

开发环节主要工具：微信开发者工具、sqlyog、sublime、winscp、xshell。

nerror="javascript:errorimg.call(this);">

主功能开发环节

第一个sprint把主页、列表、详情、预约主流程页面串联起来。

第三个sprint把搜索功能和列表排序完成。

第五个sprint把订单列表、取消、退费功能加上。

经开发测试后，发布staging预览版，提供给甲方手机端实际测试。根据甲方反馈调整页面功能后。提交代码质量优化，对前后端算法、查询、数据、素材及代码规范进行优化。

1. 微信小程序服务端

此外对接口频次限制、参数不正确、版本不支持、服务返回错误、处理超时、接口调用错误、授权认证异常等进行了后期分析。

component搜索组件，排行rank，seats玩家状态展示组件，stepper人数设定规则，信息元素多样式的flex布局组合等。

关于开发这块，如果大家有兴趣可以恢复提出您关注的知识点，我可以再开帖细讲具体实现。

nerror="javascript:errorimg.call(this);">

微信小程序调试工具

上传后，可以使用体验版二维码，邀请相关人员参与体验反馈。

十、产品发布

十一、应用推广

十二、用户体验采集与产品迭代

快速开发第一版本上线后，根据实际使用反馈，设定二期升级版本需求。比如DM设定与团队激励等。nerror="javascript:errorimg.call(this);">

产品设计，不仅仅要解决用户的痛点，最好能给用户带来爽点体验，包括细节关怀与激励等。

最后用一首一首茶诗来结束本文：

酒肴分倩樵夫拿，笔砚专令童子携。

兴阑归问来时路，到处蝉鸣日已西。

本文由 @轻云茶客 原创发布于人人都是产品经理，未经许可，禁止转载

题图来自 Unsplash，基于CC0协议

顶一下()     踩一下()