从零开始完整制作剧本杀微信小程序(剧本杀 微信小程序)

编辑导读:剧本杀作为最近几年年轻人喜爱的社交活动,不仅在线下发展得红红火火,线上也同步出现了类似的产品。本文作者分享了自己从零开始完整制作剧本杀微信小程序的故事,一起来看看吧。

从零开始完整制作剧本杀微信小程序(剧本杀 微信小程序)

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

从零开始完整制作剧本杀微信小程序(剧本杀 微信小程序)

先看一下微信小程序的最终效果截图。

从零开始完整制作剧本杀微信小程序(剧本杀 微信小程序)从零开始完整制作剧本杀微信小程序(剧本杀 微信小程序)从零开始完整制作剧本杀微信小程序(剧本杀 微信小程序)从零开始完整制作剧本杀微信小程序(剧本杀 微信小程序)从零开始完整制作剧本杀微信小程序(剧本杀 微信小程序)

一、前言

本文适用于关注剧本杀等主体活动行业的读者,或者已经工作1~2年且有一定产品或开发基础的技术人员。

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

新的行业玩家也更关注自身软实力的打造,利用信息化手段,充分调动渠道、场地、优秀DM等资源。迎接后疫情市场的新机会。在此我们针对这类需求,初步打造一套基于微信小程序的线上剧本杀展示、组局、支付与点评应用。

二、需求梳理

从零开始完整制作剧本杀微信小程序(剧本杀 微信小程序)

剧本杀功能脑图梳理

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

大家可以看一下上面脑图,对产品需求有个整体了解。

三、原型设计

基于上个环节的功能需求,参照常用功能组件,用Axure初略画了各页面,方便后续讨论细化。

从零开始完整制作剧本杀微信小程序(剧本杀 微信小程序)从零开始完整制作剧本杀微信小程序(剧本杀 微信小程序)从零开始完整制作剧本杀微信小程序(剧本杀 微信小程序)从零开始完整制作剧本杀微信小程序(剧本杀 微信小程序)从零开始完整制作剧本杀微信小程序(剧本杀 微信小程序)从零开始完整制作剧本杀微信小程序(剧本杀 微信小程序)从零开始完整制作剧本杀微信小程序(剧本杀 微信小程序)

四、界面设计

经过多轮讨论后,确定好各页面细节功能后开始UI美工制图。

从零开始完整制作剧本杀微信小程序(剧本杀 微信小程序)从零开始完整制作剧本杀微信小程序(剧本杀 微信小程序)从零开始完整制作剧本杀微信小程序(剧本杀 微信小程序)从零开始完整制作剧本杀微信小程序(剧本杀 微信小程序)

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

主要组件有:搜索导航条,剧本卡片,拼车卡片,玩家人数反串与否组件,rating评分,优惠券卡片等。

五、数据结构设计

数据围绕拼车gathering,按照分类、剧本、玩家、门店等实体对象进行关系型数据存储设计。从零开始完整制作剧本杀微信小程序(剧本杀 微信小程序)

数据ER设计

六、开发准备

框架选型、功能分解与项目开发讨论反馈。

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

微信小程序系统之前CS部署中间环节太多,开发者需要考虑应用层、数据库层、负载均衡与ssl安全等节点,后来推出云开发后,使用对象map数据存储方便了很多,让开发者更加聚焦业务功能实现。考虑到数据独立性和团队本身已有ssl服务器,所以我们还是使用了关系型数据模型。

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

参照组件库的样式,对各页面和数据呈现进行了开发工期与可行性分析讨论,反馈给设计更新页面。

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

从零开始完整制作剧本杀微信小程序(剧本杀 微信小程序)

页面样式微调

从零开始完整制作剧本杀微信小程序(剧本杀 微信小程序)

主功能开发环节

七、迭代开发

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

第二个sprint把拼班、组局和支付流程增补进去。

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

第四个sprint把优惠券功能加上,包括对组局、拼车支付环境的重构。

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

第六个sprint微调各页面样式和数据记录完整测试。

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

开发期间碰到的主要逻辑功能有:

1. 微信小程序服务端

安全口令约定,请求参数及返回包约定,微信支付,短信口令发送,分享海报合成图生产等。

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

2. 微信小程序应用端

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

此外对各异常的默认样式处理,像网络异常、存储异常、内存异常、字段参数异常、带宽限制、内存异常、权限异常、数据异常等也需要酌情考虑。

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

从零开始完整制作剧本杀微信小程序(剧本杀 微信小程序)

八、单元测试

微信开发者工具提供了比较完整的调试预览功能,UI、数据AppData,代码代码质量优化等方面方便开发。从零开始完整制作剧本杀微信小程序(剧本杀 微信小程序)

微信小程序调试工具

九、staging测试

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

这个功能还是很实用的,代码修改后随时可以上传,分享给大家在不同状态下的手机端测试。

十、产品发布

git做好版本控制,发布产品,全量发布,注意声明。

十一、应用推广

工具型应用可以挂在公众号菜单链接、门店前台等。

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

快速开发第一版本上线后,根据实际使用反馈,设定二期升级版本需求。比如DM设定与团队激励等。从零开始完整制作剧本杀微信小程序(剧本杀 微信小程序)

自此,一套实用的剧本杀微信小程序就开发完成了。

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

我是轻云茶客,欢迎有兴趣的朋友一起讨论更多产品设计与项目开发的案例实践。

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

茶罢晴檐唱午鸡,偶骑驴去过东溪。

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

放目水亭栏独倚,题诗僧舍壁新泥。

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

—— 宋 赵汝鐩 《茶罢》

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

题图来自 Unsplash,基于CC0协议

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

(0)
上一篇 2024年5月6日 下午2:56
下一篇 2024年5月6日 下午3:08

相关推荐

  • 高速的项目管理系统

    高速的项目管理系统 随着现代软件开发和项目管理的不断进步,项目管理系统已经成为了现代软件开发和项目管理中不可或缺的一部分。一个高效的项目管理系统可以帮助项目团队更好地协调工作,提高…

    科研百科 2024年12月25日
    1
  • 刚刚-佛山中院发布建设工程合同纠纷十大典型案例(建设工程合同纠纷案例典型案例)

    佛山中院建设工程合同纠纷十大典型案例 佛山中院2023.4.7发布 目 录 案例一:依法调解促亿元工程快速复工 实现多方共赢——某集团公司与某置业公司建设工程施工合同纠纷案 案例二…

    科研百科 2023年12月30日
    164
  • 企业微信管理软件精细化管理将缩短销售周期(企业微信 销售管理)

      我国部分中小企业已初步认识到,微信管理软件客户关系是企业生存和发展的关键因素,并充分认识到企业微信管理软件CRM对企业信息化建设的重要性,很多企业开始把企业微信管理软件CRM作…

    2022年6月12日
    270
  • 科研项目津补贴

    科研项目津补贴: 促进科技创新的重要角色 科研项目的津补贴是一种政府对科研项目资助的方式,旨在为研究人员提供经济上的支持,以促进科技创新和研发。在现代社会,科技创新已经成为推动经济…

    科研百科 2025年2月17日
    0
  • 主流科研项目有哪些

    主流科研项目有哪些 近年来,随着科技的不断发展,许多科研项目正在不断开展,为人类社会带来了许多新的机遇和挑战。在当前的科技领域中,主流的科研项目有哪些?下面我们将为您一一列举。 1…

    科研百科 2025年3月19日
    0
  • 捐赠科研项目抵扣

    捐赠科研项目抵扣 尊敬的各位社会各界人士: 近年来,随着科技的不断发展,科研项目已经成为推动社会进步和经济发展的重要力量。然而,科研项目的资金支持也需要我们共同努力,通过捐赠科研项…

    科研百科 2025年2月12日
    0
  • 科研项目预算测算标准

    科研项目预算测算标准 科研项目预算测算标准是确保科研项目成功实施的关键。合理的预算能够为项目提供必要的资源,确保项目在预算范围内成功完成。本文将介绍科研项目预算测算标准的一些关键要…

    科研百科 2025年3月7日
    0
  • 一建管理超简单!必刷100题搭配龙炎飞133个表格,不翻书直揽88分

    在一建备考基础阶段,学完一定要做题查漏补缺,对重点考点反复记忆,才能牢牢把握得分点,基础打牢后期冲刺事半功倍! 今天分享一建《管理》必刷100题,根据历年真题编写,涵盖95%以上考…

    科研百科 2022年5月23日
    2.1K
  • 科研项目的名称的要求

    科研项目的名称: \”绿色能源转换技术的研究\” 随着现代社会的不断发展,人们越来越注重环境保护和可持续发展。因此,如何高效地将传统的化石能源转化为可再生能…

    科研百科 2025年5月18日
    0
  • 科研项目执行率过低理由

    科研项目执行率过低的理由 科研项目执行率是评估一个项目是否成功的重要指标之一。然而,在一些情况下,项目的执行率却非常低。这种情况可能会导致项目失败,浪费时间和精力,并产生不必要的损…

    科研百科 2025年5月14日
    0