伴旅APP - 产品需求文档

末蓝、 2021-11-04 15:44 483阅读 0赞

## 一、文档综述 ##

### 1. 文档属性 ###

<table> 
 <tbody> 
 <tr> 
 <td> 文档 </td> 
 <td> 伴旅APP需求文档 </td> 
 </tr> 
 <tr> 
 <td> 版本 </td> 
 <td> V1.0.1 </td> 
 </tr> 
 <tr> 
 <td> 撰写人 </td> 
 <td> Mos </td> 
 </tr> 
 <tr> 
 <td> 目的 </td> 
 <td> 明确产品细节，提供需求给开发人员，打造产品 </td> 
 </tr> 
 </tbody> 
</table>

### 2. 历史修订表 ###

### 3. 产品综述 ###

<table> 
 <tbody> 
 <tr> 
 <td> 行业分析 </td> 
 <td> 据中国旅游研究院的数据显示：2018年中国旅游市场实现平稳增长,国内旅游36.11亿人,同比增长10.67%；国内旅游总收入达到30312亿元，同比增长15.40%。 </td> 
 </tr> 
 <tr> 
 <td> 产品定位 </td> 
 <td> 专业的互联网旅行社交平台 </td> 
 </tr> 
 <tr> 
 <td> 产品特色 </td> 
 <td> 【在线找旅友】提供精准的在线寻找旅行同伴服务 【足迹记录】打造用户专属的旅行城市记录 </td> 
 </tr> 
 </tbody> 
</table>

## 二、产品说明 ##

### 1. 产品功能结构图 ###

![1730355-20190701170403327-691949239.png][]

### 2. 产品信息结构图   ![1730355-20190701170632969-770107902.png][] ###

## 三、全局说明 ##

### 1. 功能权限 ###

登录与实名

<table> 
 <tbody> 
 <tr> 
 <td> &nbsp; </td> 
 <td> 登陆 </td> 
 <td> 未登陆 </td> 
 </tr> 
 <tr> 
 <td> 实名 </td> 
 <td> 可以访问所有功能、页面 </td> 
 <td> \ </td> 
 </tr> 
 <tr> 
 <td> 未实名 </td> 
 <td> 除发起活动外地的其他功能均可使用（可以参加活动） </td> 
 <td> 不可以使用参加活动、发起活动、关注好友、被其他用户关注、获得荣誉、足迹记录等功能 </td> 
 </tr> 
 </tbody> 
</table>

### 2. 键盘交互说明 ###

点击 APP 手机号码输入框，由页面底部弹出数字键盘。

点击其他输入框时，由页面底部弹出字母键盘。

### 3. 异常情况说明 ###

打断后重新打开 APP：

<table> 
 <tbody> 
 <tr> 
 <td style="text-align:center;"> 返回桌面/临时电话接入 </td> 
 <td style="text-align:center;"> 继续显示原先画面 </td> 
 </tr> 
 <tr> 
 <td style="text-align:center;"> 异常关闭 </td> 
 <td style="text-align:center;"> 首页 </td> 
 </tr> 
 </tbody> 
</table>

点击空白区域或无网络情况：

<table> 
 <tbody> 
 <tr> 
 <td> 点击空白区域 </td> 
 <td> 没有非模态弹窗或键盘出现时，点击空白无响应；否则隐藏弹窗或键盘 </td> 
 </tr> 
 <tr> 
 <td> 用户无网络时 </td> 
 <td> 打开APP无网络，弹出“当前网络不可用“弹窗 使用时APP断网，不切换页面不提示，切换页面后请求超时，，弹出“网络已断开“弹窗 </td> 
 </tr> 
 </tbody> 
</table>

### 4. 数据说明 ###

<table> 
 <tbody> 
 <tr> 
 <td> 序号 </td> 
 <td> 模块 </td> 
 <td> 字段名称 </td> 
 <td> 数据类型 </td> 
 <td> 最大长度 </td> 
 <td> 备注 </td> 
 </tr> 
 <tr> 
 <td> 1 </td> 
 <td> 登录/注册 </td> 
 <td> 手机号 </td> 
 <td> 数字 </td> 
 <td> 11 </td> 
 <td> &nbsp; </td> 
 </tr> 
 <tr> 
 <td> 2 </td> 
 <td> 登录/注册 </td> 
 <td> 验证码 </td> 
 <td> 数字 </td> 
 <td> 4 </td> 
 <td> &nbsp; </td> 
 </tr> 
 <tr> 
 <td> 3 </td> 
 <td> 用户信息 </td> 
 <td> 昵称 </td> 
 <td> 字符串 </td> 
 <td> 16 </td> 
 <td> &nbsp; </td> 
 </tr> 
 <tr> 
 <td> 4 </td> 
 <td> 消息 </td> 
 <td> 日期/时间 </td> 
 <td> 日期 </td> 
 <td> &nbsp; </td> 
 <td> 当天显示：hh：mm 其他日期显示： YYYY年MM月DD日 </td> 
 </tr> 
 </tbody> 
</table>

## 四、功能详细说明 ##

### 1. 首页模块 ###

#### 1.1.  页面交互流程 ####

![1730355-20190701174936478-378755066.png][]

#### 1.2.  首页 ####

##### 1.2.1.  用例说明 #####

<table> 
 <tbody> 
 <tr> 
 <td colspan="7"> 首页：UC_00101 </td> 
 </tr> 
 <tr> 
 <td colspan="7"> 用例概述 </td> 
 </tr> 
 <tr> 
 <td> 功能描述 </td> 
 <td colspan="6"> 首页面，显示平台整体风格，是所有模块的入口 </td> 
 </tr> 
 <tr> 
 <td> 流程描述 </td> 
 <td colspan="6"> 打开APP → 引导页 → 首页面 </td> 
 </tr> 
 <tr> 
 <td> 前置条件 </td> 
 <td colspan="6"> 无　 </td> 
 </tr> 
 <tr> 
 <td> 后置条件 </td> 
 <td colspan="6"> 无　 </td> 
 </tr> 
 <tr> 
 <td> 其他说明 </td> 
 <td colspan="6"> 无　 </td> 
 </tr> 
 <tr> 
 <td colspan="7"> 界面描述 </td> 
 </tr> 
 <tr> 
 <td colspan="7"> UI示意图：首页UI </td> 
 </tr> 
 <tr> 
 <td colspan="7"> <img src="https://img2018.cnblogs.com/blog/1730355/201907/1730355-20190701171425716-2026617048.png" alt="">　 </td> 
 </tr> 
 <tr> 
 <td colspan="7"> 界面元素 </td> 
 </tr> 
 <tr> 
 <td> 编号 </td> 
 <td> 功能 </td> 
 <td> 描述 </td> 
 <td> 交互说明 </td> 
 <td> 字段 </td> 
 <td> 必填 </td> 
 <td> 备注 </td> 
 </tr> 
 <tr> 
 <td> 001011 </td> 
 <td> 定位功能 </td> 
 <td> 页面载入时，获取当前位置 </td> 
 <td> 点击进入城市选择页 </td> 
 <td> 1.城市名 2.城市选择页URL </td> 
 <td> 是 </td> 
 <td> 1.显示3位超出中间显示… 如：阿拉善右旗，显示阿...旗 2.无法定位时默认：北京 </td> 
 </tr> 
 <tr> 
 <td> 001012 </td> 
 <td> 查找好友 </td> 
 <td> 用户查找好友入口 </td> 
 <td> 点击进入查找好友页 </td> 
 <td> 1.查找好友页URL </td> 
 <td> 是 </td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td> 001013 </td> 
 <td> 活动轮播图 </td> 
 <td> 官方推荐活动入口 </td> 
 <td> 点击进入对应活动详情页 </td> 
 <td> 1.轮播图片URL 2.活动详情页URL </td> 
 <td> 否 </td> 
 <td> 1.根据后台配置 2.最多可配置6张 </td> 
 </tr> 
 <tr> 
 <td> 001014 </td> 
 <td> Tab标签列表 </td> 
 <td> 定位地近期可参加活动 </td> 
 <td> 1.点击Tab切换对应列表 2.点击活动进入对应活动详情页 </td> 
 <td> 1.城市名 2.出发地 3.目的地 4.出发日期 5.行程天数 6.住宿方式 7.期望性别 8.发起人性别 9.日均每人花费 10.报名人数 11.期望人数 12.发起人昵称 13.图片URL 14.详情页URL </td> 
 <td> 是 </td> 
 <td> 1.列表中数据状态均为进行中 2.列表中数据按日期递增排序，由近及远 3.玩在XX，目的地为XX城市的列表；XX出发，出发地为XX城市的列表 4.城市名参考：001011 5.日期统一格式为yyyy.mm.dd 6.当前城市无活动时列表显示活动缺省信息 </td> 
 </tr> 
 <tr> 
 <td> 001015 </td> 
 <td> 底部导航 </td> 
 <td> 进入对应页面 </td> 
 <td> 点击进入对应页面 </td> 
 <td> 1.活动页URL 2.发起活动页URL 3.消息页URL 4.我的页URL </td> 
 <td> 是 </td> 
 <td> 　 </td> 
 </tr> 
 </tbody> 
</table>

##### 1.2.2.  埋点数据设计 #####

<table> 
 <tbody> 
 <tr> 
 <td colspan="7"> 埋点数据说明 </td> 
 </tr> 
 <tr> 
 <td> 埋点id </td> 
 <td> 功能 </td> 
 <td> 统计维度 </td> 
 <td> 统计说明 </td> 
 <td colspan="3"> 统计字段　 </td> 
 </tr> 
 <tr> 
 <td> 10101 </td> 
 <td> 首页页面 </td> 
 <td> 曝光PV和UV </td> 
 <td> 统计打开率 </td> 
 <td> 埋点id </td> 
 <td> 用户id </td> 
 <td> 操作时间 </td> 
 </tr> 
 <tr> 
 <td> 10102 </td> 
 <td> 查找好友入口 </td> 
 <td> 点击PV和UV </td> 
 <td> 了解用户使用该功能的频率 </td> 
 <td> 埋点id </td> 
 <td> 用户id </td> 
 <td> 操作时间 </td> 
 </tr> 
 <tr> 
 <td> 10103 </td> 
 <td> 活动banner </td> 
 <td> 点击PV和UV </td> 
 <td> 结合10101埋点数据了解活动投放效果 </td> 
 <td> 埋点id </td> 
 <td> 用户id </td> 
 <td> 操作时间 </td> 
 </tr> 
 <tr> 
 <td> 10104 </td> 
 <td> tab切换活动列表 </td> 
 <td> 点击PV和UV </td> 
 <td> 了解本地与本地出发活动打开比例 </td> 
 <td> 埋点id </td> 
 <td> 用户id </td> 
 <td> 操作时间 </td> 
 </tr> 
 </tbody> 
</table>

#### 1.3.  城市选择 ####

##### 1.3.1.  用例说明 #####

<table> 
 <tbody> 
 <tr> 
 <td colspan="7"> 首页模块：UC_00102 </td> 
 </tr> 
 <tr> 
 <td colspan="7"> 用例概述 </td> 
 </tr> 
 <tr> 
 <td> 功能描述 </td> 
 <td colspan="6"> 城市选择：定位不准确、或者用户希望了解其他城市活动情况时　 </td> 
 </tr> 
 <tr> 
 <td> 流程描述 </td> 
 <td colspan="6"> 首页 →点击左上角城市 →进入城市选择页面 →点击城市名 →首页 </td> 
 </tr> 
 <tr> 
 <td> 前置条件 </td> 
 <td colspan="6"> 无　 </td> 
 </tr> 
 <tr> 
 <td> 后置条件 </td> 
 <td colspan="6"> 选择后首页城市名称更新；活动列表内容更新为对应城市活动 </td> 
 </tr> 
 <tr> 
 <td> 其他说明 </td> 
 <td colspan="6"> 该城市无活动信息时，活动列表显示缺省信息 </td> 
 </tr> 
 <tr> 
 <td colspan="7"> 界面描述 </td> 
 </tr> 
 <tr> 
 <td colspan="7"> UI示意图：城市选择UI </td> 
 </tr> 
 <tr> 
 <td colspan="7"> 　<img src="https://img2018.cnblogs.com/blog/1730355/201907/1730355-20190701174432728-1798850557.png" alt=""> </td> 
 </tr> 
 <tr> 
 <td colspan="7"> 界面元素 </td> 
 </tr> 
 <tr> 
 <td> 编号 </td> 
 <td> 功能 </td> 
 <td> 描述 </td> 
 <td> 交互说明 </td> 
 <td> 字段 </td> 
 <td> 必填 </td> 
 <td> 备注 </td> 
 </tr> 
 <tr> 
 <td> 001021 </td> 
 <td> 当前定位 </td> 
 <td> 1.显示当前定位城市，且城市名前显示定位标识 2.无法获取位置信息时显示”重新定位” </td> 
 <td> 1.定位成功：点击进入首页 2.定位失败：点击重新定位,刷新定位信息 </td> 
 <td> 1.城市名 2.城市id 3.城市类型 </td> 
 <td> 是 </td> 
 <td> 1.定位失败的响应时间为3s，3 s后重新提示用户定位失败 2.城市类型分为：当前定位城市、热门城市、普通城市三类 </td> 
 </tr> 
 <tr> 
 <td> 001022 </td> 
 <td> 热门城市 </td> 
 <td> 热门城市列表 </td> 
 <td> 点击进入首页 </td> 
 <td> 1.城市名 2.城市id 3.城市类型 </td> 
 <td> 是 </td> 
 <td> 初期默认：北京、三亚、厦门、丽江、张家界、成都（数据选自途牛） </td> 
 </tr> 
 <tr> 
 <td> 001023 </td> 
 <td> 字母排序城市 </td> 
 <td> 按字母排序的全部国内城市列表 </td> 
 <td> 点击进入首页 </td> 
 <td> 1.城市名 2.城市id 3.城市类型 4.首字母 </td> 
 <td> 是 </td> 
 <td> 精确到地级市 </td> 
 </tr> 
 <tr> 
 <td> 001024 </td> 
 <td> 字母标签列表 </td> 
 <td> 提供快捷城市选择功能 </td> 
 <td> 点击字母页面滑动至对应字母的城市列表 </td> 
 <td> &nbsp; </td> 
 <td> 是 </td> 
 <td> 该字母无城市，则滑动到上一个字母对应城市列表，以此类推 </td> 
 </tr> 
 <tr> 
 <td> 001025 </td> 
 <td> 返回 </td> 
 <td> 返回上级页面 </td> 
 <td> 点击返回进入首页 </td> 
 <td> &nbsp; </td> 
 <td> 是 </td> 
 <td> &nbsp; </td> 
 </tr> 
 </tbody> 
</table>

##### 1.3.2.  埋点数据设计 #####

<table> 
 <tbody> 
 <tr> 
 <td colspan="10"> 埋点数据说明 </td> 
 </tr> 
 <tr> 
 <td> 埋点id </td> 
 <td> 功能 </td> 
 <td> 统计维度 </td> 
 <td> 统计说明 </td> 
 <td colspan="6"> 统计字段　 </td> 
 </tr> 
 <tr> 
 <td> 10201 </td> 
 <td> 城市选择页面 </td> 
 <td> 曝光PV和UV </td> 
 <td> 统计打开率 </td> 
 <td colspan="2"> 埋点id </td> 
 <td colspan="2"> 用户id </td> 
 <td colspan="2"> 操作时间 </td> 
 </tr> 
 <tr> 
 <td> 10202 </td> 
 <td> 选择城市 </td> 
 <td> 点击PV和UV </td> 
 <td> 1.了解定位功能的准确性和可靠性 2.为后期热门城市设置提供数据支持 </td> 
 <td> 埋点id </td> 
 <td> 用户id </td> 
 <td> 城市id </td> 
 <td> 城市类型 </td> 
 <td> 定位状态 </td> 
 <td> 操作时间 </td> 
 </tr> 
 <tr> 
 <td>&nbsp;</td> 
 <td>&nbsp;</td> 
 <td>&nbsp;</td> 
 <td>&nbsp;</td> 
 <td>&nbsp;</td> 
 <td>&nbsp;</td> 
 <td>&nbsp;</td> 
 <td>&nbsp;</td> 
 <td>&nbsp;</td> 
 <td>&nbsp;</td> 
 </tr> 
 </tbody> 
</table>

#### 1.4.  查找好友 ####

##### 1.4.1. 用例说明 #####

<table> 
 <tbody> 
 <tr> 
 <td colspan="7"> 首页模块：UC_00103 </td> 
 </tr> 
 <tr> 
 <td colspan="7"> 用例概述 </td> 
 </tr> 
 <tr> 
 <td> 功能描述 </td> 
 <td colspan="6"> 通过手机号或昵称对平台用户进行查找　 </td> 
 </tr> 
 <tr> 
 <td> 流程描述 </td> 
 <td colspan="6"> 首页 →点击右上角加号 →进入查找好友页面 →内容输入 →点击键盘确定 →展示搜索结果　 </td> 
 </tr> 
 <tr> 
 <td> 前置条件 </td> 
 <td colspan="6"> 关注用户需要登陆 </td> 
 </tr> 
 <tr> 
 <td> 后置条件 </td> 
 <td colspan="6"> 点击列表用户进入用户信息页，点击关注关注用户　 </td> 
 </tr> 
 <tr> 
 <td> 其他说明 </td> 
 <td colspan="6"> 　 </td> 
 </tr> 
 <tr> 
 <td colspan="7"> 界面描述 </td> 
 </tr> 
 <tr> 
 <td colspan="7"> UI示意图：查找好友UI </td> 
 </tr> 
 <tr> 
 <td colspan="7"> 　<img src="https://img2018.cnblogs.com/blog/1730355/201907/1730355-20190701174444817-645012541.png" alt=""> </td> 
 </tr> 
 <tr> 
 <td colspan="7"> 界面元素 </td> 
 </tr> 
 <tr> 
 <td> 编号 </td> 
 <td> 功能 </td> 
 <td> 描述 </td> 
 <td> 交互说明 </td> 
 <td> 字段 </td> 
 <td> 必填 </td> 
 <td> 备注 </td> 
 </tr> 
 <tr> 
 <td> 001031 </td> 
 <td> 搜索 </td> 
 <td> 用户通过手机号或用户昵称进行用户搜索 </td> 
 <td> 点击搜索框，拉起键盘，输入信息后，点击键盘确定（回车）搜索信息 </td> 
 <td>&nbsp;</td> 
 <td> 是 </td> 
 <td> 未输入时搜索结果展示默认缺省信息 提示文案：“手机号/昵称” </td> 
 </tr> 
 <tr> 
 <td> 001032 </td> 
 <td> 查找结果列表 </td> 
 <td> 查找到的用户列表 </td> 
 <td> 1.点击用户信息进入用户信息页 2.点击关注/取消关注切换关注状态，按钮颜色对应改变 </td> 
 <td> 1.用户头像 2.用户性别 3.用户个性签名 4.用户粉丝数 5.用户关注数 6.用户被关注状态 7.用户id </td> 
 <td> 是 </td> 
 <td> 未关注时-关注按钮，文字：“+关注”；颜色：黄色 关注时-关注按钮，文字：“-关注”；颜色：灰色 </td> 
 </tr> 
 <tr> 
 <td> 001033 </td> 
 <td> 返回 </td> 
 <td> 返回上级菜单 </td> 
 <td> 点击返回，回到首页页面 </td> 
 <td>&nbsp;</td> 
 <td> 是 </td> 
 <td>&nbsp;</td> 
 </tr> 
 </tbody> 
</table>

##### 1.4.2.  埋点数据设计 #####

<table> 
 <tbody> 
 <tr> 
 <td colspan="5"> 埋点数据说明 </td> 
 </tr> 
 <tr> 
 <td> 埋点id </td> 
 <td> 功能 </td> 
 <td> 统计维度 </td> 
 <td> 统计说明 </td> 
 <td> 统计字段　 </td> 
 </tr> 
 </tbody> 
</table>

### 2.  活动模块 ###

#### 2.1.  页面交互流程 ####

![1730355-20190701175028274-244074556.png][]

#### 2.2.  活动页 ####

##### 2.2.1.  用例说明 #####

<table> 
 <tbody> 
 <tr> 
 <td colspan="7"> 活动：UC_00201 </td> 
 </tr> 
 <tr> 
 <td colspan="7"> 用例概述 </td> 
 </tr> 
 <tr> 
 <td> 功能描述 </td> 
 <td colspan="6"> 用户查看自己参加和发起的活动入口　 </td> 
 </tr> 
 <tr> 
 <td> 流程描述 </td> 
 <td colspan="6"> 首页 →点击底部导航栏-活动 </td> 
 </tr> 
 <tr> 
 <td> 前置条件 </td> 
 <td colspan="6"> 用户登陆　 </td> 
 </tr> 
 <tr> 
 <td> 后置条件 </td> 
 <td colspan="6"> 点击列表活动进入活动详情页 </td> 
 </tr> 
 <tr> 
 <td> 其他说明 </td> 
 <td colspan="6"> 无　 </td> 
 </tr> 
 <tr> 
 <td colspan="7"> 界面描述 </td> 
 </tr> 
 <tr> 
 <td colspan="7"> UI示意图：活动UI </td> 
 </tr> 
 <tr> 
 <td colspan="7"> <img src="https://img2018.cnblogs.com/blog/1730355/201907/1730355-20190701174458117-1085807427.png" alt="">　 </td> 
 </tr> 
 <tr> 
 <td colspan="7"> 界面元素 </td> 
 </tr> 
 <tr> 
 <td> 编号 </td> 
 <td> 功能 </td> 
 <td> 描述 </td> 
 <td> 交互说明 </td> 
 <td> 字段 </td> 
 <td> 必填 </td> 
 <td> 备注 </td> 
 </tr> 
 <tr> 
 <td> 002001 </td> 
 <td> 活动轮播图 </td> 
 <td> 官方推荐活动入口 </td> 
 <td> 点击进入对应活动详情页 </td> 
 <td> 1.轮播图片URL 2.活动详情页URL </td> 
 <td> 否 </td> 
 <td> 1.根据后台配置 </td> 
 </tr> 
 <tr> 
 <td> 002002 </td> 
 <td> Tab标签列表 </td> 
 <td> 用户发起的或用户报名的活动列表信息 </td> 
 <td> 1.点击Tab切换对应列表 2.点击活动进入对应活动详情页 </td> 
 <td> 1.城市名 2.出发地 3.目的地 4.出发日期 5.行程天数 6.住宿方式 7.期望性别 8.发起人性别 9.日均每人花费 10.报名人数 11.期望人数 12.发起人昵称 13.图片URL 14.详情页URL 15.活动状态 </td> 
 <td> 是 </td> 
 <td> 1.列表中数据状态分为进行中、已结束、已取消 2.列表中数据按日期递增排序，由近及远 4.城市名参考：001011 5.日期统一格式为yyyy.mm.dd 6.用户未登陆显示登陆提示页；用户无活动显示活动缺省页 &nbsp; </td> 
 </tr> 
 <tr> 
 <td> 002003 </td> 
 <td> 底部导航 </td> 
 <td> 进入对应页面 </td> 
 <td> 点击进入对应页面 </td> 
 <td> 1.首页URL 2.发起活动页URL 3.消息页URL 4.我的页URL </td> 
 <td> 是 </td> 
 <td> &nbsp; </td> 
 </tr> 
 </tbody> 
</table>

##### 2.2.2. 埋点数据设计 #####

### 3. 发起活动模块 ###

#### 3.1.  页面交互流程 ####

![1730355-20190701175053570-1519451127.png][]

#### 3.2.  发起活动页 ####

##### 3.2.1.  用例说明 #####

<table> 
 <tbody> 
 <tr> 
 <td colspan="7"> 发起活动：UC_00301 </td> 
 </tr> 
 <tr> 
 <td colspan="7"> 用例概述 </td> 
 </tr> 
 <tr> 
 <td> 功能描述 </td> 
 <td colspan="6"> 用户发起寻找旅行伴侣活动的入口　 </td> 
 </tr> 
 <tr> 
 <td> 流程描述 </td> 
 <td colspan="6"> 首页 →点击底部导航栏-加号（发起活动）→填写活动信息 →提交活动 →活动页 </td> 
 </tr> 
 <tr> 
 <td> 前置条件 </td> 
 <td colspan="6"> 用户登陆、实名认证　 </td> 
 </tr> 
 <tr> 
 <td> 后置条件 </td> 
 <td colspan="6"> 点击提交回到活动页面、点击选择主页图片选择完成后在该位置显示图片　 </td> 
 </tr> 
 <tr> 
 <td> 其他说明 </td> 
 <td colspan="6"> 无　 </td> 
 </tr> 
 <tr> 
 <td colspan="7"> 界面描述 </td> 
 </tr> 
 <tr> 
 <td colspan="7"> UI示意图：发起活动UI </td> 
 </tr> 
 <tr> 
 <td colspan="7"> 　<img src="https://img2018.cnblogs.com/blog/1730355/201907/1730355-20190701174540827-1916645744.png" alt=""> </td> 
 </tr> 
 <tr> 
 <td colspan="7"> 界面元素 </td> 
 </tr> 
 <tr> 
 <td> 编号 </td> 
 <td> 功能 </td> 
 <td> 描述 </td> 
 <td> 交互说明 </td> 
 <td> 字段 </td> 
 <td> 必填 </td> 
 <td> 备注 </td> 
 </tr> 
 <tr> 
 <td> 003001 </td> 
 <td> 活动简介内容填写 </td> 
 <td> 填写要发起的活动的基本信息 </td> 
 <td> 1.地点选择进入城市选择页，选择后返回发起活动页 2.日期选择进入日期选择页，选择后返回活动发起页 3.点击住宿方式、期望性别、期望人数、预计每日花销下方出现对应的选择栏进行选择 4.图片选择进入选择 图片页，选择后返回活动发起页，将选择的图片渲染至“选择图片位置”，底部文字变更为“首页图片” </td> 
 <td> 1.出发地 2.目的地 3.出发日期 4.结束日期 5.行程天数 6.住宿方式 7.期望性别 8.日均每人花费 9.主页图片URL 10.发起人id &nbsp; </td> 
 <td> 是 </td> 
 <td> 1.出发地、目的地：选择前默认出发地为当前定位位置，定位失败默认为当前热门top1城市；目的地默认为当前热门top1城市 2.所有信息选择后将选择的信息显示在对应位置 3.首页图片选择后可通过点击图片重新选择 </td> 
 </tr> 
 <tr> 
 <td> 003002 </td> 
 <td> 活动内容填写 </td> 
 <td> 自定义填写活动内容 </td> 
 <td> 点击活动内容输入位置获取焦点拉起键盘 </td> 
 <td> 1.活动内容 </td> 
 <td> 否 </td> 
 <td> 最大长度800字符 </td> 
 </tr> 
 <tr> 
 <td> 003003 </td> 
 <td> 活动提交 </td> 
 <td> 对已完成的活动进行提交 </td> 
 <td> 提交活动信息 </td> 
 <td> &nbsp; </td> 
 <td> &nbsp; </td> 
 <td> 1.点击提交检查页面必填元素是否填写完整，不完整弹框提醒，留在当前页面 2.检查日是否合适，不合适弹窗提醒，留在当前页面 </td> 
 </tr> 
 </tbody> 
</table>

##### 3.2.2. 埋点数据设计 #####

### **4. **消息模块 ###

#### 4.1.  页面交互流程 ####

![1730355-20190701175121095-1978358615.png][]

#### 4.2.  消息页 ####

##### 4.2.1.  用例说明 #####

<table> 
 <tbody> 
 <tr> 
 <td colspan="7"> 消息：UC_00401 </td> 
 </tr> 
 <tr> 
 <td colspan="7"> 用例概述 </td> 
 </tr> 
 <tr> 
 <td> 功能描述 </td> 
 <td colspan="6"> 所有消息信息的统一入口　 </td> 
 </tr> 
 <tr> 
 <td> 流程描述 </td> 
 <td colspan="6"> 首页 →点击底部导航栏-消息 →进入消息页 </td> 
 </tr> 
 <tr> 
 <td> 前置条件 </td> 
 <td colspan="6"> 群消息、对话消息需要登陆 </td> 
 </tr> 
 <tr> 
 <td> 后置条件 </td> 
 <td colspan="6"> 点击对应消息图标进入对应页面、点击对话框进入对话详情　 </td> 
 </tr> 
 <tr> 
 <td> 其他说明 </td> 
 <td colspan="6"> 无　 </td> 
 </tr> 
 <tr> 
 <td colspan="7"> 界面描述 </td> 
 </tr> 
 <tr> 
 <td colspan="7"> UI示意图：消息UI </td> 
 </tr> 
 <tr> 
 <td colspan="7"> 　<img src="https://img2018.cnblogs.com/blog/1730355/201907/1730355-20190701174558040-841193192.png" alt=""> </td> 
 </tr> 
 <tr> 
 <td colspan="7"> 界面元素 </td> 
 </tr> 
 <tr> 
 <td> 编号 </td> 
 <td> 功能 </td> 
 <td> 描述 </td> 
 <td> 交互说明 </td> 
 <td> 字段 </td> 
 <td> 必填 </td> 
 <td> 备注 </td> 
 </tr> 
 <tr> 
 <td> 004001 </td> 
 <td> 消息分类列表 </td> 
 <td> 对除对话外消息进行分类 </td> 
 <td> 点击图标进入对应页面 </td> 
 <td> 1.消息大类型 2.消息大类型名称 3.消息页面URL </td> 
 <td> 是 </td> 
 <td> 1.系统消息小类型： &nbsp;&nbsp; 101.系统通知：系统公告、升级提示； &nbsp;&nbsp; 102.系统提醒：新增粉丝、荣誉、足迹等提醒消息 2.活动消息小类型： &nbsp;&nbsp; 201.官方活动通知 &nbsp;&nbsp; 202.普通活动提醒：参加活动结果、取消活动结果、发起活动结果、审批信息、审批结果等等与活动状态变更相关的提醒 </td> 
 </tr> 
 <tr> 
 <td> 004002 </td> 
 <td> 对话列表 </td> 
 <td> 个人对话消息列表 </td> 
 <td> 点击进入对应对话详情页 </td> 
 <td> 1.好友名称 2.好友头像URL 3.最新消息内容 4.最新消息时间 </td> 
 <td> 是 </td> 
 <td>&nbsp;</td> 
 </tr> 
 </tbody> 
</table>

##### 4.2.2. 埋点数据设计 #####

<table> 
 <tbody> 
 <tr> 
 <td colspan="8"> 埋点数据说明 </td> 
 </tr> 
 <tr> 
 <td> 埋点id </td> 
 <td> 功能 </td> 
 <td> 统计维度 </td> 
 <td> 统计说明 </td> 
 <td colspan="4"> 统计字段　 </td> 
 </tr> 
 <tr> 
 <td> 10401 </td> 
 <td> 消息页面 </td> 
 <td> 曝光PV和UV </td> 
 <td> 统计打开率 </td> 
 <td> 埋点id </td> 
 <td> 用户id </td> 
 <td colspan="2"> 操作时间 </td> 
 </tr> 
 <tr> 
 <td> 10402 </td> 
 <td> 点击系统消息 </td> 
 <td> 点击PV </td> 
 <td> 了解用户使用该功能的频率，为后续优化提供支持 </td> 
 <td> 埋点id </td> 
 <td> 用户id </td> 
 <td> 最新消息时间 </td> 
 <td> 操作时间 </td> 
 </tr> 
 <tr> 
 <td> 10403 </td> 
 <td> 点击活动消息 </td> 
 <td> 点击PV </td> 
 <td> 了解用户使用该功能的频率，为后续优化提供支持 </td> 
 <td> 埋点id </td> 
 <td> 用户id </td> 
 <td> 最新消息时间 </td> 
 <td> 操作时间 </td> 
 </tr> 
 <tr> 
 <td> 10404 </td> 
 <td> 点击群消息 </td> 
 <td> 点击PV </td> 
 <td> 了解用户使用该功能的频率，为后续优化提供支持 </td> 
 <td> 埋点id </td> 
 <td> 用户id </td> 
 <td> 最新消息时间 </td> 
 <td> 操作时间 </td> 
 </tr> 
 </tbody> 
</table>

### 5. 我的模块 ###

#### 5.1.  页面交互流程 ####

![1730355-20190701175144470-63239834.png][]

#### 5.2.  我的页 ####

##### 5.2.1.  用例说明 #####

<table> 
 <tbody> 
 <tr> 
 <td colspan="7"> 首页：UC_00501 </td> 
 </tr> 
 <tr> 
 <td colspan="7"> 用例概述 </td> 
 </tr> 
 <tr> 
 <td> 功能描述 </td> 
 <td colspan="6"> 用户信息入口　 </td> 
 </tr> 
 <tr> 
 <td> 流程描述 </td> 
 <td colspan="6"> 首页 →点击底部导航栏-我的 →进入我的页 </td> 
 </tr> 
 <tr> 
 <td> 前置条件 </td> 
 <td colspan="6"> 用户登陆 </td> 
 </tr> 
 <tr> 
 <td> 后置条件 </td> 
 <td colspan="6"> 点击对应描述进入对应页面　 </td> 
 </tr> 
 <tr> 
 <td> 其他说明 </td> 
 <td colspan="6"> 未登录用户进入该页面重定向至登录/注册页　 </td> 
 </tr> 
 <tr> 
 <td colspan="7"> 界面描述 </td> 
 </tr> 
 <tr> 
 <td colspan="7"> UI示意图：我的UI </td> 
 </tr> 
 <tr> 
 <td colspan="7"> 　<img src="https://img2018.cnblogs.com/blog/1730355/201907/1730355-20190701174618360-618021331.png" alt=""> </td> 
 </tr> 
 <tr> 
 <td colspan="7"> 界面元素 </td> 
 </tr> 
 <tr> 
 <td> 编号 </td> 
 <td> 功能 </td> 
 <td> 描述 </td> 
 <td> 交互说明 </td> 
 <td> 字段 </td> 
 <td> 必填 </td> 
 <td> 备注 </td> 
 </tr> 
 <tr> 
 <td> 005001 </td> 
 <td> 用户信息 </td> 
 <td> 用户基本信息 </td> 
 <td> 点击进入用户信息页 </td> 
 <td> 1.用户头像URL 2.用户昵称 3.用户个性签名 4.用户信息页URL </td> 
 <td> 是 </td> 
 <td> 1.用户头像未上传时显示默认头像 2.用户昵称最大显示10个字符 超出显示9个字符+“…” 如：我的世界上最好的蔡徐坤，显示：我的世界上最好的蔡… 3.个性签名最大显示16个字符，超出显示15个字符+“…” </td> 
 </tr> 
 <tr> 
 <td> 005002 </td> 
 <td> 用户关键信息分类列表 </td> 
 <td> 用户粉丝、关注、荣誉等页面入口 </td> 
 <td> 点击进入对应页面 </td> 
 <td> 1.类型 2.数量 3.类型描述 4.页面URL </td> 
 <td> 是 </td> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td> 005003 </td> 
 <td> 用户足迹 </td> 
 <td> 用户足迹页面入口 </td> 
 <td> 点击进入足迹页面 </td> 
 <td> 1.城市名称 2.城市图片URL 3.足迹页面URL </td> 
 <td> 是 </td> 
 <td> 城市按用户旅行时间倒序堆叠排列 </td> 
 </tr> 
 </tbody> 
</table>

##### 5.2.2.  埋点数据设计 #####

<table> 
 <tbody> 
 <tr> 
 <td colspan="8"> 埋点数据说明 </td> 
 </tr> 
 <tr> 
 <td> 埋点id </td> 
 <td> 功能 </td> 
 <td> 统计维度 </td> 
 <td> 统计说明 </td> 
 <td colspan="4"> 统计字段　 </td> 
 </tr> 
 <tr> 
 <td> 10501 </td> 
 <td> 我的页面 </td> 
 <td> 曝光PV和UV </td> 
 <td> 统计打开率 </td> 
 <td> 埋点id </td> 
 <td> 用户id </td> 
 <td colspan="2"> 操作时间 </td> 
 </tr> 
 <tr> 
 <td> 10502 </td> 
 <td> 点击关注 </td> 
 <td> 点击PV和UV </td> 
 <td> 了解用户使用该功能的频率，为后续优化提供支持 </td> 
 <td> 埋点id </td> 
 <td> 用户id </td> 
 <td> 定位状态 </td> 
 <td> 操作时间 </td> 
 </tr> 
 <tr> 
 <td> 10503 </td> 
 <td> 点击粉丝 </td> 
 <td> 点击PV和UV </td> 
 <td> 了解用户使用该功能的频率，为后续优化提供支持 </td> 
 <td> 埋点id </td> 
 <td> 用户id </td> 
 <td colspan="2"> 操作时间 </td> 
 </tr> 
 <tr> 
 <td> 10504 </td> 
 <td> 点击荣誉 </td> 
 <td> 点击PV和UV </td> 
 <td> 了解用户使用该功能的频率，为后续优化提供支持 </td> 
 <td> 埋点id </td> 
 <td> 用户id </td> 
 <td colspan="2"> 操作时间 </td> 
 </tr> 
 <tr> 
 <td> 10505 </td> 
 <td> 点击我的足迹 </td> 
 <td> 点击PV和UV </td> 
 <td> 了解用户使用该功能的频率，为后续优化提供支持 </td> 
 <td> 埋点id </td> 
 <td> 用户id </td> 
 <td colspan="2"> 操作时间 </td> 
 </tr> 
 </tbody> 
</table>

## 五、非功能性需求 ##

### 1. 性能需求 ###

APP 启动时间不超过 5 秒（现在启动时间为 3 秒）。

APP 内操作的响应时间不超过 3 秒，在网络连接超时/弱网情况下，需给出相应提示并可重新加载。（ APP 内播放视频时，无网络情况下没有给出提示，加载图在一直转动，浪费用户时间。）

程序闲时没有异常的 CPU 占用，忙时没有异常的峰值占用。

前端实现图片懒加载，节约用户流量，保障页面加载速度。

### 2. 可用性需求 ###

**容错性**：必要的引导和提示文字，应该突出能够让用户看到；当操作结果不可逆的时候，需要有模态弹窗询问用户让其知道操作的后果并做出选择；通知用户、不会影响用户操作、用户可以不予回应的通知，用非模态弹窗来实现。

**状态可见**：让用户了解自己处于何种状态。

**环境贴切**：使用用户熟悉的界面范式和概念。

**用户可控**：页面返回按钮应明显，位置应统一，防止用户因误触进入页面而无法返回。

**一致性**：结构/色彩/文字/操作/反馈一致性。

转载于:https://www.cnblogs.com/moscube/p/11115171.html

[1730355-20190701170403327-691949239.png]: /images/20211104/7d71aab9552e410a905f40761cc9982c.png
[1730355-20190701170632969-770107902.png]: /images/20211104/e7904ef66ca34be7b4b7422061c7e12a.png
[1730355-20190701174936478-378755066.png]: /images/20211104/7c5cdbfbe4ba44718b05db0f0c38c35e.png
[1730355-20190701175028274-244074556.png]: /images/20211104/8c50b9be4aaf4655be3c09c286b6e4cb.png
[1730355-20190701175053570-1519451127.png]: /images/20211104/ee39ddd77e9e4368801db82f9af48fe6.png
[1730355-20190701175121095-1978358615.png]: /images/20211104/200843e46898498289fa9fb44331ff42.png
[1730355-20190701175144470-63239834.png]: /images/20211104/3166441aea31453f9d090eaf94a0efc7.png