项目概述:
爱宠是一款帮助"有宠物寄养需求"、"想要快速找到靠谱寄养家庭"以及"想要领养宠物"、"想要给送养宠物找到靠谱领养者"等目标用户,快速达成自己目标的APP。
修改记录:
版本 | 修改内容 | 修改人 | 修改时间 |
v1.0 | 完成初稿 | 刘开元 | 2020/4/27 |
|
|
|
|
|
|
|
|
需求列表:
序号 | 模块 | 需求名称 | 需求详情 | 优先级 |
1 | 登录页 | 注册 | 点击注册可进入注册页面 | T1 |
登录信息填写 | 输入用户名/邮箱/手机号和登录密码后点击登录按钮即可登录(密码可设置可见) | T1 | ||
手机号快捷登录 | 点击可进入手机号快捷登录 | T2 | ||
忘记密码 | 点击可进入密码重置页面 | T1 | ||
第三方登录 | 可选择微信/QQ/微博登录 | T3 | ||
2 | 寄养爱宠页 | 地址切换 | 支持当前城市、热门城市以及所有已支持城市地址的切换 | T1 |
寄养时间选择 | 支持选择寄养时间 | T1 | ||
搜索栏 | 支持搜索寄养家庭名称 | T1 | ||
地图查看 | 支持查看当前位置并可拖动地图标志切换地址,并可查看较近的家养家庭具体位置 | T2 | ||
宠物品类选择 | 支持选择宠物品类筛选 | T1 | ||
推荐排序选择 | 支持根据好评、价格、星级等不同的维度筛选 | T1 | ||
寄养家庭列表 | 根据筛选条件的不同展示寄养家庭卡片 | T1 | ||
底部导航栏 | 点击可进入寄养爱宠、领养爱宠、个人中心等不同页面 |
| ||
3 | 地图查看页 | 当前定位地址 | 图标显示在当前地址,并显示周边家庭 | T2 |
位置搜索 | 搜索地址后图标定位到新的地址,并显示周边家庭 | T2 | ||
查看周边家庭 | 点击后进入周边寄养家庭列表 | T2 | ||
4 | 寄养家庭详情页 | 分享功能 | 支持微信、朋友圈、微博等渠道分享活动 | T2 |
轮播图 | 显示寄养家庭的环境图片,并在图片上方显示家庭地址 | T1 | ||
寄养环境 | 显示寄养家庭的硬件设施 | T1 | ||
寄养服务 | 展示不同宠物品类对应的服务价格、接送洗澡等其他服务价格、平台星级信息及标语 | T1 | ||
查看可约时间 | 支持可约时间查看及时间选择 | T1 | ||
家庭地址 | 展示寄养家庭地址和距离 | T1 | ||
寄养评价 | 展示评分和寄养评价,并支持查看更多评价 | T1 | ||
在线沟通 | 点击与家庭在线沟通 | T1 | ||
立即下单 | 点击进入预约页面 | T1 | ||
5 | 预约寄养页 | 选择寄养时间 | 点击可查看可约时间以及开始结束时间 | T1 |
选择需要寄养的宠物 | 点击填写宠物信息并添加 | T1 | ||
添加备注信息 | 点击添加备注 | T2 | ||
寄养服务协议 | 点击勾选同意 | T1 | ||
总额显示 | 显示订单价格 | T1 | ||
提交订单 | 点击提交订单 | T1 | ||
6 | 寄养成单页 | 订单详情 | 展示用户头像、宠物名称等订单信息 | T1 |
付款详情 | 展示订单总额 | T1 | ||
选择支付方式 | 点击可选择支付宝或者微信支付 | T1 | ||
立即付款 | 点击可完成付款 | T1 | ||
7 | 领养爱宠页 | 地址切换 | 支持当前城市、热门城市及所有已支持城市的切换 | T1 |
宠物品类选择 | 支持选择想领养的宠物品类 | T1 | ||
交易方式选择 | 支持选择快递或者当面 | T1 | ||
筛选条件选择 | 支持选择距离和信息完整度等维度对送养信息进行排序 | T1 | ||
送养信息列表 | 根据筛选条件的不同展示送养信息卡片 | T1 | ||
底部导航栏 | 支持点击进入寄养爱宠、领养爱宠、个人中心等不同页面 | T1 | ||
8 | 领养信息页 | 轮播图 | 显示送养宠物的照片、视频 | T1 |
宠物信息 | 显示宠物品种、年龄等基础信息,宠物性格、送养原因、主人的期望等 | T1 | ||
留言墙 | 点击可留言,显示历史留言,点击查看全部留言 | T1 | ||
填写信息 | 点击可填写领养申请 | T1 | ||
9 | 个人中心 | 头像和昵称 | 显示自身头像和昵称 | T1 |
个人信息 | 点击可修改头像和昵称 | T1 | ||
我的寄养 | 点击可显示寄养信息 | T1 | ||
我的领养 | 点击可显示领养信息 | T1 | ||
我要送养 | 点击可进行送养信息填写 | T1 | ||
我的送养 | 点击可查看我的送养相关信息 | T1 | ||
10 | 我的寄养 | 正在寄养 | 显示正在寄养的宠物名称、类型、预订信息、累计天数和价格、寄养家庭名称以及在线沟通入口 | T1 |
爱宠生活 | 显示寄养家庭每天上传的爱宠视频(带时间戳),并具有一键催更按键 | T1 | ||
历史记录 | 显示订单相关信息,并提供再次预定入口 | T1 | ||
11
| 我的领养 | 申请记录 | 显示在申请或者已经申请成功的领养信息,并提供在线沟通入口和查看领养协议的功能 | T1 |
爱宠生活记录 | 显示历史拍摄上传记录,并提供拍摄上传视频的入口 | T1 | ||
12 | 我的送养 | 未读留言 | 显示留言,并提供查看全部留言选项 | T1 |
|
| 申请记录 | 显示申请记录并提供查看申请信息和在线沟通入口 | T1 |
功能脑图:
核心逻辑流程图:
功能描述:
位置、信息(页面所有信息的元素)、交互(点击有反应的地方)、状态(已报名未报名)、来源(官方/用户创建)、数量(轮播图数量)、边界(异常情况)
目标用户:客户端/服务端开发、UI设计、测试
1.登录页
1.1注册
位置:
- 在登录页右上角。
交互:
- 点击注册入口后可进入注册页面
1.1.1注册页
交互:
- 在页面一输入手机号后点击获取验证码进入页面二,输入验证码后点击提交验证码进入页面三,输入并确认密码后确认提交后重新进入登录页。
1.2忘记密码
位置:
- 登录入口右下方
交互:
- 点击忘记密码入口后可进入忘记密码页面
1.2.1忘记密码页
交互:
- 在页面一输入手机号后点击获取验证码进入页面二,输入验证码后点击提交验证码进入页面三,输入并确认密码后确认提交后重新进入登录页。
1.3手机号快捷登录
位置:
- 登录入口左下方
交互:
- 点击手机号快捷登录入口可进入手机号快捷登录页
1.3.1快捷登录页
交互:
- 在页面一输入手机号后点击获取验证码进入页面二,输入验证码后点击提交验证码进入页面三,输入并确认密码后确认提交后重新进入登录页。
2.寄养页面
2.1城市选择
位置:
- 城市选择入口在顶部导航栏左侧
交互:
- 点击弹出城市选择悬浮窗口
信息:
- 城市选择悬浮窗口显示可选择目前支持的城市-北京、上海、广州、深圳
2.2寄养时间选择
位置:
- 寄养时间选择入口在顶部导航栏中间
交互:
- 点击弹出寄养时间选择悬浮窗口
2.3搜索入口
位置:
- 搜索入口在顶部导航栏右侧
交互:
- 点击进入搜索页面
2.3.1搜索页面
交互:
- 点击搜索栏可搜索家庭名称、商圈;
- 点击cancel可清空搜索栏的输入信息;
- 点击左上角返回按钮可回到寄养页面
信息:
- 搜索栏下方显示历史记录
2.4地图入口
位置:
- 地图入口在顶部导航栏右侧
交互:
- 点击进入地图搜索页
2.4.1地图搜索页面
交互:
- 点击搜索栏可搜索家庭名称、商圈;
- 点击左上角返回按钮可回到寄养页面;
- 点击最下方查看周边家庭按钮可查看参考坐标附近的寄养家庭
信息:
- 搜索栏下方为地图窗口,根据搜索信息在地图上显示相应的寄养家庭距离、数量信息;
- 地图窗口最下方显示参考坐标的位置信息
2.5宠物品类选择
位置:
- 宠物品类选择入口在顶部导航栏左下方
交互:
- 点击显示下拉菜单
信息:
- 下拉菜单显示可选择宠物品类:猫咪、小型犬、中型犬、大型犬
2.6排序方式选择
位置:
- 宠物品类选择入口在顶部导航栏右下方
交互:
- 点击显示下拉菜单
信息:
- 下拉菜单显示可选择排序方式:好评优先、星级高优先、价格从低到高、价格从高到低
2.7寄养家庭信息卡片
位置:
- 寄养家庭信息卡片按照选择的排序方式在宠物品类选择、排序方式选择入口的下方顺序排布
交互:
- 点击可进入相应的寄养家庭详情页
信息:
- 家庭环境图片(由家庭自己选择展示的照片)
- 可寄养宠物信息和对应价格
- 家庭名称、评分、平台星级
- 家庭位置和距参考坐标距离
2.7底部导航栏
位置:
- 底部导航栏位于页面最下方
交互:
- 当前页面名称(寄养爱宠)会标红,点击领养爱宠、个人中心入口分别可进入相应页面
3寄养家庭详情页
3.1轮播图
位置:
- 顶部导航栏下方
交互:
- 每隔3秒自动播放下一张;当播放到最后一张时,自动跳转到第一张
- 手势左滑/右滑切换到下一张/上一张
来源:
- 轮播图由寄养家庭自己上传
数量:
- 图片数量最少3张,最多6张
边界:
- 当网络异常,获取不到服务端数据,即无法拉取图片时,展示默认图片,默认图片由UI输出。
3.2寄养环境
位置:
- 轮播图下方
信息:
- 房屋面积、有无阳台、空调、供暖等信息
3.3寄养服务
位置:
- 寄养环境下方
信息:
- 可寄养的宠物品类及对应的价格
- 接送、洗澡服务及对应价格
- 平台星级等信息
3.4查看可约时间
位置:
- 位于寄养服务下方
交互:
- 点击可进入可约时间页面
3.4.1可约时间页
交互:
- 点击日历窗口的日期可选择寄养时间段;
- 点击左下角在线沟通入口可与家庭在线沟通;
- 点击右下角立即预订可进入下单页。
信息:
- 不可选择的日期会显示灰色
3.5家庭地址
位置:
- 位于查看可约时间下方
信息:
- 显示家庭地址信息,与参考坐标距离
3.6寄养评价
位置:
- 位于家庭地址下方
交互:
- 点击查看更多评论可进入寄养评价页面
信息:
- 显示评论总数及评分
- 显示评价用户名称、评分、评论、寄养宠物及天数
3.7底部导航栏
位置:
- 固定在页面最下方
交互:
- 点击在线沟通可与寄养家庭在线沟通;点击立即下单可进入下单页面
4下单页面
4.1选择寄养时间
位置:
- 位于顶部导航栏下方
交互:
- 点击可进入3.4.1可约时间页约寄养时间
4.2选择需要寄养的宠物
位置:
- 位于选择寄养时间下方
交互:
- 点击添加宠物即进入填写宠物信息页面
4.2.1填写宠物信息
交互:
- 点击可填写宠物头像、昵称等一系列信息
- 点击保存可保存信息并回到下单页面
4.3添加备注信息
位置:
- 位于选择添加宠物下方
交互:
- 点击可输入备注信息
- 点击下方可同意《双方寄养服务协议》
4.4底部导航栏
位置:
- 固定在页面下方
信息:
- 显示订单总额
交互:
- 点击可提交订单并转至完成预约页面
4.4.1完成预约页面
信息:
- 显示订单详情,包括:用户头像、宠物名称、宠物类型、预约时间信息、天数总计、价格总计
- 显示付款详情,包括:待支付金额,可选择支付方式(微信、支付宝)
交互:
- 点击可选择支付方式
- 点击立即付款可转至支付成功状态
- 点击继续寄养跳转到寄养页面
5.领养页面
5.1城市选择
位置:
- 位于页面左上角
交互:
- 点击显示下拉菜单
信息:
- 显示当前城市和目前支持城市:北京、上海、广州、深圳
5.2宠物品类选择
位置:
- 位于页面右上角
交互:
- 点击显示下拉菜单
信息:
- 显示可选择的宠物品类:猫猫、小型犬、中型犬、大型犬
5.3交易方式选择
位置:
- 位于页面上方
交互:
- 点击显示下拉菜单
信息:
- 可选择同城当面或者同城快递
5.4筛选条件选择
位置:
- 位于页面上方
交互:
- 点击显示下拉菜单
信息:
- 显示筛选条件:距离从近到远、宠物信息完整度从高到低
5.5领养宠物信息卡片
位置:
- 位于交易方式选择和筛选条件选择窗口下方
交互:
- 点击进入领养信息页面
信息:
- 按照筛选条件顺序展示领养宠物信息卡片
- 待领养宠物图片、宠物年龄、送养人、宠物品类、送养人位置(到区县一级)、信息完整度、支持的交易方式
来源:
- 由送养人在个人中心中的我要送养中创建
5.6底部导航栏
逻辑同2.7
6.领养信息页面
6.1轮播图
逻辑同3.1
6.2宠物信息
位置:
- 轮播图下方
信息:
- 品种、年龄、性别、体重、是否绝育、是否免疫、健康证明等信息
- 宠物性格、送养原因、主人的期望等信息
交互:
- 点击健康证明可查看图片
6.3留言墙
位置:
- 宠物信息下方
信息:
- 显示历史留言,包含留言用户头像及名称、留言时间、留言内容、主人回复
交互:
- 点击我要留言可撰写留言
- 点击查看全部留言进入留言墙页面
6.4填写信息栏
位置:
- 固定在页面最下方
交互:
- 点击进入领养申请页面
6.4.1领养申请
交互:
- 点击可输入姓名、性别、联系方式、身份证号等信息
- 点击提交申请完成领养申请
7.个人中心页面
7.1基本信息展示
位置:
- 位于顶部导航栏下方
信息:
- 显示用户头像、昵称
7.2个人信息
位置:
- 位于基本信息下方
交互:
- 点击可进入修改个人信息页,可修改头像、昵称
7.3我的寄养
位置:
- 位于个人信息下方
交互:
- 点击可进入我的寄养页
7.3.1我的寄养页
7.3.1.1正在寄养
位置:
- 位于顶部导航栏下方
信息:
- 显示用户头像、宠物名称、宠物类型、预约信息、天数累计、价格累计、家庭名称等信息
交互:
- 点击在线沟通入口可与家庭在线沟通
7.3.1.2爱宠生活
位置:
- 位于正在寄养栏下方
信息:
- 显示上传日期、上传的图片视频等信息
- 图片、视频上显示拍摄的时间戳
状态:
- 显示家庭已上传/未上传两种状态
交互:
- 点击一键催更可催促寄养家庭上传图片/视频
来源:
- 图片和视频由寄养家庭使用平台提供的入口拍摄并上传
7.3.1.3历史记录
位置:
- 位于爱宠生活栏下方
信息:
- 显示用户头像、宠物名称、宠物类型、预约信息、天数累计、价格累计、家庭名称等信息
交互:
- 点击再次预订可进入寄养家庭详情页
7.4我的领养
位置:
- 位于个人信息下方
交互:
- 点击可进入我的领养页
7.4.1我的领养页
7.4.1.1申请记录
位置:
- 位于顶部导航栏下方
信息:
- 显示申请时间、送养人、宠物类型
状态:
- 显示『已签署协议/未通过/通过沟通中』三种状态
交互:
- 点击在线沟通入口可与送养人沟通
- 点击领养协议入口可查看完整领养协议
7.4.1.2爱宠生活记录
位置:
- 位于申请记录下方
信息:
- 显示上传时间(每月一次)、上传的图片/视频(有时间戳)
状态:
- 显示『待上传/已上传待审批/可领取保证金/保证金已领取』四种状态
交互:
- 点击立即上传可拍摄图片/视频,并上传
- 点击可领取保证金即可领取保证金
7.5我要送养
位置:
- 位于我的领养下方
交互:
- 点击可进入我要送养页
7.5.1我要送养页
交互:
- 点击可填写姓名、联系方式等相关信息
- 点击确认提交可完成填写
7.6我的送养
位置:
- 位于我要送养下方
交互:
- 点击可进入我的送养页
8.我的送养页
8.1未读留言
位置:
- 位于顶部导航栏下方
信息:
- 显示未读留言信息,包含:留言日期、留言用户昵称、留言内容
交互:
- 点击『立即回复』可回复留言
- 点击查看全部留言可进入留言墙页面
8.1.1留言墙页面
信息:
- 显示历史留言,包含:留言日期、留言用户昵称、留言用户头像、留言内容、我的回复
交互:
- 点击我要留言可输入留言信息
- 点击立即回复可以回复相应留言
8.2申请记录
位置:
- 位于未读留言下方
信息:
- 显示历史申请记录,包含:申请日期、用户昵称
交互:
- 点击『在线沟通』可立即与申请用户在线沟通
- 点击『查看申请信息』可查看用户申请信息
8.2.1用户申请信息
信息:
- 显示用户相关信息,包含:姓名、性别等
交互:
- 点击『驳回申请』可以拒绝申请
- 点击『批准申请』可以选择通过申请人