改装车小程序功能文档20170930

1 高尔夫小程序 一 项目背景 新高尔夫家族在 11 月进行中期改款车型活动 为了配合一轮宣传推广激发高尔夫粉丝的 参与热情 客户提出制作一个小程序 需要具备一定趣味性和传播性 经过评估 针对高 尔夫开发一款改装主题小游戏是一个较好的方案 另外 客户希望在小程序中加入发布简 单资讯 收集用户信息等功能 二 项目参与人员 产品经理 策划 2 名 漫画设计师1 名 UI 设计师2 名 前端工程师3 名 服务端工程师3 名 三 高尔夫改装车小程序功能架构图 1 四 功能说明 1 改装 改装是这个小程序的最主要核心功能 涉及到改装操作 改装排行榜 改装分享 分享落 地页多个子模块 1 车辆选择及改装 用户首次进入小程序主页面后弹出车辆选择页面 1 用户选择自己心仪的初始高尔夫 并选择对应的颜色 一共有 3 款高尔夫车型 初代高尔 夫 新款高尔夫 高尔夫 GTI 颜色有白色 黑色 粉色 蓝色 金色 5 种 所以最终有 15 款样式可选 不同颜色的车辆价格不同 颜色价格 白色 2000 黑色 2500 粉色 3000 蓝色 3500 金色 4000 每个用户进入游戏后有 2000 元加油金 可购买白色基本款车身 成功兑换高尔夫之后进入到车辆管理主界面 在改装主界面包含以下信息 类型名称说明 展示改装车改装高尔夫的形象 随着车辆上改装件的增加改 变外观 一个用户最多可以拥有 3 辆改装车位置 且三辆车不能重复 通过左右滑动切换查看 添 1 加车辆 车辆总价值在左上角显示 所有改装车以及安装改装件的价 值总和 资产信息 加油金加油金是小程序里的一种核心资产 在右上角显 示 初始用户可获得 2000 加油金 之后只能通 过出售改装件获得 一件改装件可转换为其原本 价值 30 的加油金 抽取零件 发现惊喜 每天用户有 3 次 发现惊喜 的机会 点击后会 自动从系统抽取一件高尔夫零件 若用户当天抽 取次数用完 可以通过转发小程序页再获取三次 抽取机会 操作按钮 回到主页如果是从分享页面进入到该小程序的用户 左下 角有一个按钮 点击后回到小程序主页 选择好了改装车之后 用户开始抽取改装件 每天有三次抽取机会 点击 发现惊喜 按钮 播放放大镜搜索动效 配合牌效果抽取到 随机零件卡片 1 摸到卡片后用户可进行以下操作 A 选择将零件卖了换钱 播放动效卡片变成金光 弹出窗口出现一袋金币 用户获得零 件价值 30 的加油金 B 也可选择安装零件 弹出窗口播放动效 对应车辆外观改变总价值也增加 若该车辆 已经安装了同类型的零件 则系统提示是否卖掉旧零件更换新零件 车辆价值和加油金同 时增加 1 整个游戏机制一共有 6 大类改装件 每类改装件的价值都不同 详见下表 一共要画 6 大 类不同的零件 每类零件有 3 种不同的款式适用于不同车车型 每款零件有白 黑 粉 3 个不同的颜色 总计 54 个图片资源 简单总结一下 每款车有 7 类零件可选 每类零件有 3 个颜色 加上每辆车初始颜色也有 3 种 理论上一款车有 5 7 78125 种组合 所以用户改装的车辆基本都是不带重复的 具体改装车配件及价值表详见 Excel 表 改装改装车车的价的价值评值评定定标标准准 改装车的价值是车辆价格和所有安装的改装件之和 例如一辆车的初始价格是 2000 改 装了一个白色保险杠价值是 500 则改装车总价为 1500 对应的改装车总价及称为如下 级别代表色价值区间下限价值区间上限 街头级白 20003999 1 专业级绿 40004999 竞技级蓝 50006999 大师级紫 70009999 传说级橙 10000 在用户改装的主界面上显示的是用户拥有的所有改装车总价值 并显示用户拥有的改装车 数量 2 改装车排行榜 在小程序主页面下方为世界排名 分两个榜单 改装车价值排行榜 点赞排行榜 规则如 下 1 改装改装车车价价值值排行排行 排行规则 按改装车总价值排名 价值相等以加油金数值高的优先 排行展示规则 展示前 50 名信息 下滑查看 在底部区域固定展示用户自己的信息 如 果用暂时没有用户自己的信息则显示未上榜 改装车总价值 0 加油金 2000 结算规则 服务器设定排行榜截止时间 页面显示倒计时 倒计时结束则排行榜定格 不 再发生变化 结算已定格的排名为准 奖励及规则说明 文本形式展示 点击按钮弹出 tips 弹窗说明 由服务器下发 方便后面 客户奖品更改随时修改 形式举例 1 奖励规则说明 1 本活动截止日期为 2017 年 11 月 7 日 2 截止日期排名前 10 名的用户分别可获得以下奖励 第 1 名 20000 元高尔夫购车代金券 第 2 3 名价值 3000 元高尔夫保养券 第 4 10 名获得价值 598 元原厂高尔夫车模 3 获奖名单将在高尔夫官方微信公布 届时请获奖车友 与官方工作人员联系 点点赞赞排行榜排行榜 排行规则 按用户收集到的总点赞数由高到低排行 如果总点赞数相同则按分享次数高的优 先 排行展示规则 展示前 50 名信息 下滑查看 在底部区域固定展示用户自己的信息 如 果用暂时没有用户自己的信息则显示 未上榜 点赞数 0 分享次数 0 结算规则 服务器设定排行榜截止时间 页面显示倒计时 倒计时结束则排行榜定格 不 再发生变化 结算已定格的排名为准 奖励及规则说明 文本形式展示 点击按钮弹出 tips 弹窗说明 由服务器下发 方便后面 客户奖品更改随时修改 1 3 改装车的分享及分享落地页 分享入口 小程序的所有页面右上角都支持分享调用官方接口分享小程序卡片 同时在游戏中两个特殊按钮可以使用自定义分享功能 点击后开启海报分享功能 触发分享机制 点击特殊分享按钮触发海报生成页面 1 点击 生成专属海报 按钮 播放生成进度条动画 生成的海报可以发送给好友 也可以 保存图片到本地 分享的落地页 分享给好友 如果是发送好友 页面还是一个小程序卡片的形式展示 其他用户点击进入小程序页 显 示以下信息 用户头像 昵称 用户自定义文字 改装的高尔夫外观 改装级别 页面附带两个按钮 了解高尔夫 进入高尔夫资讯页面 我也要改装一辆 进入改装页 面 1 保存的海报 分享图片 保存到本地的图片是一张服务器渲染的海报 包含以下信息 用户头像 昵称 用户自定义文字 改装的高尔夫外观 改装级别 用户专属的小程序码 用户可以把这张海报图片转发到朋友圈 其他用户看到后 通过长按识别可以进入到上一 部分提到的小程序页面 注意 为了增加分享动力 设定一个规则 每多一个新用户通过这个小程序码进入小程序 分享者都可以获得额外的 100 加油金奖励 1 2 官方资讯发布 高尔夫小程序的第二个大模块是资讯发布功能 活动期间客户需要将高尔夫的一些最新资 讯发布到小程序中 资讯的类型包括图文 视频 活动报名征集等 1 资讯的前端展示形式 资讯页面的入口是小程序顶部区域 最多显示 5 个 可以左右滑动查看 也可点击更多列 表查看全部 1 资讯的终端页可以是图文内容 视频内容 收集用信息的表单 2 资讯内容的发布方式 由于内容运营工作由我们这边承担 为了快速出产品 前期可以不用做后台 服务器和前 端协商快速上传更新资讯的方式 但是资讯内容必须支持在线更新 同时可以快速获得每 1 个资讯文章的小程序路径 方便交给客户 植入到公众号推文中 3 改装车博物馆 改装车博物馆是一个相对简单的模块 是对用户分享的改装车信息的汇总 改装博物馆的入口在主页中间的一个固定图片区域 图片由服务器下发 可以随时修改 1 最新改装车分享 即用户将自己的改装车分享 输入文字 生成海报之后 系统自动将这些信息汇总成一个 类似朋友圈状态的信息 按时间顺序显示 主要包含以下信息 1 用户头像 昵称 输入的分享文字 改装车图片 图片上包含车辆等级 价值信息 其他用户可以对改装信息进行点赞操作 不可取消 点赞总数累积显示 2 优秀改装案例展示 需要开发一个简单的后台 跟踪查看用户发出的所有改装信息 对优秀的改装案例进行置 顶 最多置顶 20 条 置顶后改装案例将出现在改装区域的最上方 其他普通用户在前端 页面可以左右滑动查看 点击进入后可以查看优秀案例改装车详情 其他用户可以对优秀 案例进行点赞操作 1 后台的界面如下 卡片展示信息与前