【白熊求职】产品训练营延伸阅读材料

解耦—生成 App 管理部分说明书

文档版本号： 1.3 文档编号： 20170814

产品名称： 解耦—生成 App 管 子系统名称： 01 部分

理部分

编写人： 刘鑫 编写日期： 2017.08.14

修订记录：

版本号： 修订人： 修订日期 修订描述：

V1.0 刘鑫 2017-7-28 初稿

V1.1 刘鑫 2017-7-31 1、 调整了一级页面的展现形式。

2、 修正了用户高频需求优先查看的顺序。

3、 不相干的功能单独拿出来展示。

4、 优化了后台操作的逻辑。

5、 进行了一级页面、二级页面之间交互的重新设计。

6、 优化了直播设置流程。

7、 增加了付费选项。

V1.2 刘鑫 2017-8-7 1、 重新调整一级页面的展现形式。

2、 修正了【优化建议】的显示方式。

3、 修正了规则详细描述。

V1.3 刘鑫 2017-8-14 1、 将优化建议页面、数据查看、基础设置进行一定程

度的拆分，来做一起需求，即为需求 1。

2、 将运营服务、样式设置、插件设置进行拆分出来，

作为需求 2。

3、 将更多功能、上架服务、重新生成进行拆分出来，

作为需求 3。

 【白熊求职】产品训练营延伸阅读材料

一、 简介

本产品是为了配合【解耦—生成 App 创建部分】而设置的，同时针对于现有的后台进行业

务梳理，从功能、类别、操作体验、使用流畅等多个方面进行相关的优化以及重构，针对于

用户高频需求进行一定程度的优先级设置。命名为【解耦—生成 App 管理部分】。

二、 用户角色说明

针对于所有的 App 试用用户通用，非 App 用户无法使用本系统。

App 用户定义：在当前状态，账户下存在 App 的用户。

三、 产品描述

1、后台初始界面流程

用户生成 App 后，点开 App 板块，进入的为【App 后台管理页面】

，如图 3-1。

图 3-1 App 后台管理页面

页面描述：

1、 导航页：与首页保持一致，不显示“App 列表”功能。

2、 ，点击后进入【生成 App 创建部分】操作。

3、 页面中显示 App 的信息为：图标、名称、版本号、创建时间。

4、 点击“下载”，进入下载页面。

5、 点击删除，进入“删除”流程，如图 3-2 所示。

6、 交互：鼠标 hover 到 App 时，显示阴影，可选取。鼠标选中时，底部阴影变蓝色。

 【白熊求职】产品训练营延伸阅读材料

#删除流程：

图 3-2 删除流程

【删除】：点击后跳出确认删除 APP 弹窗，删除 APP 需要验证站长手机号。点击【确定

删除】则成功删除 APP，点击【取消】则取消删除。

点击【获取验证码】可获取删除 APP 的验证码；

点击【确定删除】对输入框输入项进行以下校验：

1、校验输入是否为空，若输入为空则提示：验证码不能为空

2、校验验证码输入是否正确，若未输入正确验证码则提示：验证码不正确

正确输入验证码后点击【确认删除】则成功删除 APP，同时该 APP 从 APP 列表中消失；点击【取

消】则不对该 APP 进行任何操作。

#【优化建议】功能

系统检测到用户有几项必备属性未进行设置时，将会在首页对用户进行“优化显示提醒”，提

醒图具体如图 3-3 所示。

图 3-3 优化建议示意图

优化显示规则：

1、 系统检测到用户： （1）分享设置（2）第三方登陆（3）第三方推送（4）引导下载 尚未

进行设置时，开启【优化建议】功能。

2、 【优化建议】为在该 App 显示框内弹出黄色警告提醒，文案内容为“您的 APP 有可以优

化的地方，点击前往”。

3、 点击“点击前往”，进入【优化建议】页面。

4、 鼠标 hover 之后跟选定 App（图 3-1）的交互一致。

5、 用户点击“App 图标”时，跳转进入【优化建议】界面，如图 3-4 所示。

 【白熊求职】产品训练营延伸阅读材料

图 3-4 优化建议图

优化建议表：

优化建议项 触发条件 触发规则 静态部分 变化部分

分享设置 检测用户在 检查用户是 未设置状态： 未设置状态：

App 内 是 否 否填写并保 图标、功能名 1、 最 左 侧 的 提 醒 状 态

设置第三方 存第三方分 称不变化，功 为“未设置”。

分享，如未设 享的 User ID 能介绍部分 2、 功能介绍部分文案前的

置，则触发。 以及 Secret， 文案描述不

如果没填写， 变。 提示 ，为蓝色感叹号。

则触发优化

设置，且为 3、 最右侧的 ，

【未设置】状 设置选项为蓝色，可点击

态。 的设置。

填写保存后 已设置状态： 已设置状态：

变为【已设 图标、功能名 1、“未设置”变为“已设置”。

置】状态。 称不变化，功 2、功能介绍部分文案前的提

能介绍部分

示变为 。

文案描述不

变。 3、最右侧的设置变为灰色

，点击后修改。

第三方登陆 检测用户在 检查用户是 未设置状态： 未设置状态：

设置 App 内 是 否 否填写并保 图标、功能名 1、 最 左 侧 的 提 醒 状 态

设置第三方 存第三方登 称不变化，功 为“未设置”。

登陆，如未设 陆的 User ID 能介绍部分 2、 功能介绍部分文案前的

置，则触发。 以及 Secret， 文案描述不

如果没填写， 变。 提示 ，为蓝色感叹号。

则触发优化

设置，且为 3、 最右侧的 ，

【未设置】状 设置选项为蓝色，可点击

 【白熊求职】产品训练营延伸阅读材料

态。 的设置。

填写保存后

变为【已设

置】状态。

已设置状态： 已设置状态：

图标、功能名 1、“未设置”变为“已设置”。

称不变化，功 2、功能介绍部分文案前的提

能介绍部分

示变为 。

文案描述不

变。 3、最右侧的设置变为灰色

，点击后修改。

第三方推送 检测用户在 检查用户是 未设置状态： 未设置状态：

设置 App 内 是 否 否填写并保 图标、功能名 1、 最 左 侧 的 提 醒 状 态

设置第三方 存第三方登 称不变化，功 为“未设置”。

登陆，如未设 陆的 User ID 能介绍部分 2、 功能介绍部分文案前的

置，则触发。 以及 Secret， 文案描述不

如果没填写， 变。 提示 ，为蓝色感叹号。

则触发优化

设置，且为 3、 最右侧的 ，

【未设置】状 设置选项为蓝色，可点击

态。 的设置。

填写保存后 已设置状态： 已设置状态：

变为【已设 图标、功能名 1、“未设置”变为“已设置”。

置】状态。 称不变化，功 2、功能介绍部分文案前的提

能介绍部分

示变为 。

文案描述不

变。 3、最右侧的设置变为灰色

，点击后修改。

引导下载 检测快站用 检测快站站 未设置状态： 未设置状态：

户是否在站 点用户是否 图标、功能名 1、 最 左 侧 的 提 醒 状 态

点页面使用 在新发布的 称不变化，功 为“未设置”。

过该 JS 代码， 页 面 中 使 用 能介绍部分 2、 功能介绍部分文案前的

如果未使用 提供的 JS 代 文案描述不

过，则触发。 码，如检测到 变。 提示 ，为蓝色感叹号。

已使用则显

示状态为【已 3、 最右侧的 ，

设置】。 设置选项为蓝色，可点击

未使用则显 的设置。

【白熊求职】产品训练营延伸阅读材料

示【未设置】。 已设置状态： 已设置状态：

外链用户恒 图标、功能名 1、“未设置”变为“已设置”。

为【未设置】。 称不变化，功 2、功能介绍部分文案前的提

能介绍部分

示变为 。

文案描述不

变。 3、最右侧的设置变为灰色

，点击后修改。

 【白熊求职】产品训练营延伸阅读材料

#【数据查看页面】

用户在图 3-3 中，点击任意 App 进入该 App 的管理页面，即为图 3-5。

图 3-5 App 管理页面首页——数据统计页面

页面布局描述：页面构成为 最左侧为侧边栏，右侧为侧边栏对应的 button 所展示的页面，

如该页面为数据查看页面。

侧边栏规则：

1、 导航页信息和首页保持一致，增加【App 列表】，点击以后进入 App 列表页。

2、 侧边栏最上方信息为：应用图标、名称。展现形式为图标

3、 第一个功能为【重新生成】 。将在#重新生成 中解释规则。

4、 第一个分类项为 App 管理，“App 管理”不可点击，文案内容为“App 管理”。功能为数据

查看，即为当前页面。基础设置，将在#基础设置 中进行解释。运营服务，将在#运营

服务 中进行解释。

5、 第二个分类项为 App 设置，“App 设置”不可点击，文案内容为“App 设置”。功能为样式

设置，将在#样式设置 中进行解释。插件设置，将在#插件设置 中进行解释。更多功能，

将在#更多功能 中进行解释。

6、 第三个分类项为 App 服务，“App 服务”不可点击，文案内容为“App 服务”。功能为上架

服务，将在#上架服务 中进行解释。

7、 侧边栏随整个页面一起进行上滑下滑，与页面固定。 （由设计来定）

数据查看页面说明（不包括侧边栏以及导航栏）：

1、 页面为 3 个 Tab，文案内容为：新增用户、活跃用户、累计用户。点击单个 Tab 后，跳

转至该 Tab 对应的数据统计页面，如图 3-6。且最上方变蓝显示。如点击“新增用户”，

进入新增用户数据显示图。

图 3-6 Tab 切换图

2、 新增用户对应的数据为：该 App 增长的用户数量，且增长定义为下载并打开一次。当日

数据为实时显示，且往期的数据为往期当天总数据。

3、 活跃用户对应的数据为：独立用户点击该 App 的次数，独立用户定义为某一用户点击多

次只统计一次。当日数据为实时显示，且往期的数据为往期当天总数据。

4、 累计用户对应的数据为：该 App 累计用户的叠加量。当日数据为当日的新增用户+之前

 【白熊求职】产品训练营延伸阅读材料

所有新增数据。

5、 显示规则为：日期从前到后依次排列，日期坐标最后一个日期为当天，且只显示 7 天日

期。数据以点进行显示，数据点之间以折线相连（适用于新增用户、活跃用户、累计用

户）。

6、 ，对应显示 7 天/30 天的相关数据图

7、

8、 鼠标移动到某天对应的数据上时，显示当前数据，以及日期，以及此时查看的是和中数

据。如图 3-7 所示。

图 3-7 累计用户在 2017-08-05 当天的数据显示

 【白熊求职】产品训练营延伸阅读材料

#【基础设置页面】

基础设置页面如图 3-8、3-9 所示。

图 3-8 基础设置页面一

图 3-9 基础设置页面二

在基础设置页面一，App 名称默认为原有名称，点击输入框进行输入，同时给出提示框，具

体规则，同生成 App 创建流程一致：1、只能由数字、字母、汉字组成，且最大不超过 20 个

字符。2、进行非空校验。3、进行非法名称检验。启动图、引导图的规则亦参考【解耦—生

成 App 创建】#App 命名规则、#启动图规则、#引导图规则（附 1）

。

页面具体规则如下：

1、 点击 App 名称输入框，可以进行修改，具体规则参考附录 1 中的#App 命名规则。

2、 启动图、引导图规则具体参考附录 1 中的#启动图、#引导图规则。

3、 版本号规则参考附录 1 中的版本号规则，且版本号只能上升，不能下降。

4、 版本号正下方，有问号。 为提示内容，文案为“版本只能升级，修改后，用户会收到

版本更新通知。”

5、 点击【保存修改】 ，对当前页面的 App 名称进行校验。

 【白熊求职】产品训练营延伸阅读材料

6、 校验通过后，确定修改，保存当前页面内容。

7、 如不保存当前页面，则退出当前页面后，再进入时，显示用户最近一次保存页面的内容。