一款留学公寓APP的大体雏形

通过自我的学习与整理，罗列出一份大体的留学公寓APP设计方案，产品小白希望通过文档更加清晰地梳理自己今后的工作思路,希望大家多多指教！

一、文档属性

二、变更日志

三、需求说明

为满足学生需求及更好的体验，根据网站PC与自适应的功能样式，制作一款简易型方便学生使用的公寓APP。

大体描述见以下部分设计图及文档说明。

四、组织结构说明

五、注册登录流程说明

六、部分原型设计说明

首页

需求说明：

1. 点击搜索跳转新页面，搜索栏下方有推荐的热门城市，热门大学，热门公寓（输入搜索相关内容，查找到关键词所匹配的城市，公寓及大学）

2. 搜索框底下有转租，学校宿舍两个tab，点击进入相关页面

3. Tab下方为活动轮播banner图，点击某一图片后进入该活动的详情页

4. 热门房源为推荐的一些热门房源，点击某图后进入该房源详情页

5. 转租banner图展现转租的信息，点击后进入转租房源详情页

6. 热门城市banner，点击某个城市进入该城市下的房源列表

7. 底部几个tab可相互切换相关的页面

8. 每个banner底下的按钮点击后进入相关的页面

搜索页及搜索结果页

• 进入搜索页面推荐热门城市，房源，大学

• 输入关键词后确认后配对相关的城市，房源及大学

注册/登录页

需求说明：

（1）注册

备注说明：

1. 必填项：国家/地区，手机号，验证码，密码，邮箱号，姓名

2. 非必填：微信号

3. 点击获取验证码，120s倒计时

4. 眼睛图标显示明文密文

5. 填完信息后点击注册，成功注册

6. 点击“已有账号？请登录”进入登录页面

（2）登录

备注说明：

1. 账号登录：用户名，邮箱，手机号登录

2. 手机号登录为已经注册过的手机号

3. 点击忘记密码进入找回密码页面

4. 点击获取验证码，120s倒计时

5. 填完信息点击“登录”，进入个人中心

6. 点击“注册”跳转注册页面

7. 点击“忘记密码”进入找回密码页

找回密码页

需求说明：

• 邮箱找回密码，填写邮箱号，验证码，新密码

• 手机找回密码，填写手机号，验证码，新密码

• “获取验证码”，倒计时并发送短信

• 填写完信息，点击“确认”，密码找回修改成功

转租页

需求说明：

（1）发布转租

• “房源城市”选择所在地的城市

• “更近大学”选择所在地附近的某所大学

• “起租日期”为开始预租的日期

• “退房日期”为结束退房的日期

• “PostCode”为所在地的邮编

• “房源地址”为所在地详细地址，可根据地图定位来识别

• “价格”为出租的周价格

• “内容”为房源的简介及周边介绍

• “+”代表图片上传，可上传6-10张图

• 打钩代表同意“转租须知”，点击可查看条款须知

• 点击“提交”，发布成功，待管理员审核后可在前台展示

（2）转租详情

• 转租详情页展示发布页所填写的内容

• 点击“桃心”可进行收藏

• 页面展示发布人姓名，头像，生成的房源编号，价格，起始日期，周期，房源介绍，图片展示，地址展示，发布时间

• 点击“承租须知”后跳转文案页

• 点击“我要租”，登录状态下进入下单成功页

（3）转租订单

• 点击“我要租”，登录状态下进入下单成功页

• 显示下单成功文案

• 房源信息展示房源编号，单价，可供租期，

公寓列表页

需求说明：

1. 当前城市，当前大学默认为“London伦敦和全部大学”

2. 点击“汉堡”样式进入筛选页

3. 房源分为VIP和非VIP，可以进行收藏，地址为手动录入的信息，价格展现更低的

4. 房态有尚有空房，房源紧张，满房

5. 点击每个房源，进入其对应的详情页

普通公寓详情页

需求说明：

1. 大图banner轮播展现，右上角可以进行收藏

2. 地图定位实现地图功能

3. 预订页面展现如图所示内容，点击免费占位，（非登录状态需先弹出登录框登录后）进入占位页面，勾选租期，接机服务，床上用品。确认后提示成功订单页面，个人信息录入后台（服务非必选）

4. 房屋简介可展开更多，收缩模式

5. 公寓设施展示设施

6. 附近学校展现相关的院校

（1）免费占位

• 租期选择用户自己适宜的

• 服务可选填

• 点击确认进入下单成功页

• 免费占位后进入订单页，订单页展现相关房源的基本信息，待后台顾问去联系用户

（2）城市列表页

需求说明：

• banner显示热门城市图，点击进入其城市对应的公寓列表

• 全部英国城市展示所有城市，点击不同的城市进入所对应城市下的公寓列表

找室友页

需求说明：

1. 找室友根据故事文案来吸引同学的加入，点击“申请加入”按钮提交个人的一些信息

2. 页面设计如图所示

找室友，申请加入：

• 大学筛选英国地区的学校

• 性别筛选男or女

• 国家/地区选择中国，英国，美国

• 手机号输入自己手机号码

• 验证码获取短信验证码

• 姓名填写自己姓名

• 微信号填写自己微信

• 星座筛选12星座

• 喜好填写自己的爱好

• 标签选择自己所属标签，可多选

优惠详情页

需求说明：

1. 展示每次后台推送的活动

2. 文案为编辑所设定

个人中心页

需求说明：

• 点击“头像”可以进行头像图片的更换

• 点击“用户名”可以进行一次修改用户名

• 点击“房源订单”进入房源订单页面

• 点击“预租订单”进入预租订单页面

• 点击“个人资料”进入个人资料页面

• 点击“账号管理”进入账号管理页面

• 点击“我的收藏”进入我的收藏页面

• 点击“关于公司”进入关于公司页面

• 点击“用户协议”进入用户协议页面

设置：

• 关于我们，联系我们跳转新页面，文案展示详情

• 清除缓存，可以清理缓存

• 版本号为当前的发布版本

七、流程规范

第一阶段：需求策划

在需求探讨阶段产品经理对内进行需求分析，业务梳理，对外进行数据收集，用户调研等。

讨论版本需求重点是什么，要做成什么，做什么功能，怎么做，页面交互样式如何，逻辑实现，竞品分析，迭代等？通过反复调研、讨论、输出交互方案。

• 确认需求可行性：产品在输出交互方案后找相应的开发及UI讨论需求方案是否可行，通过达成一致后与需求方确定具体的需求方案。

• 需求宣讲：产品经理将交互方案和实现逻辑完善及需求文档整合后，拉上项目所有成员及需求方宣讲。大家通过商讨，确定各个功能实现的难易程度，功能重点性，需求的有效性，后续的迭代延用等。

第二阶段：需求研发

项目启动：需求宣讲后，开发人员根据产品需求文档或者原型设计进行需求评审，评估出研发周期、提测时间、正式发

布时间点：产品根据评审结果发送项目启动邮件及QQ消息告知需求方时间节点。（研发阶段理论上需求方就讨论方案不得进行大的改动，如果必须要改进或增加内容，需要再次评估后延长工期来改进）

研发阶段：需求研发过程中，产品及时跟进研发进度，保持与开发沟通确保需求被正确理解，及时解决研发过程中发现的新问题。如：临时遇到一些页面交互效果，可否替代其他交互方案来替代原有方案。一些实现不了的功能是否有其他替代方案等

提测阶段：开发完成后，产品验收相关的项目；测试根据需求文档及会议讨论测试需求功能、逻辑、交互、页面等，提bug、优化给开发。等待工程师回顾bug，内网环境测试通过后，待产品上线后测试仍需测试线上环境的有效性。

第三阶段：版本发布

交付运营：版本发布前可以给运营说明产品的各个功能的使用及页面交互，以便其更好的推广使用。

发布：开发将正式包上传各大安卓市场或ios -appstore提审。（预先准备好相关的审查资料）

升级：新版本确认无问题后，进行版本的更新功能添加。（自带更新及设置推荐更新等）

运营报告：运营人员在新版本发布后，及时检查产品的实用性，推广新版本的APP，让用户知晓APP已经上线。进行相关调研收集用户反馈，进行数据统计、数据分析；评估新版本功能和用户体验，以便后续迭代开发的有效性。

阶段性工作：后续通过用户的反馈，需求方的反馈收集及竞品类网站的分析，制定后续的迭代计划方案，适时的通过调查问卷，用户调研等方式更好的理解用户，为产品优化做充分的准备！

八、备注

地图功能可以用mapbox来进行研究，点击地图坐标显示房源周边的设施环境

参考接口文档：https://www.mapbox.com/api-documentation/#retrieve-places-near-a-location

九、注意事项

1、产品开发的核心在于用户的体验及使用度，要站在用户的角度去考虑，接触一款新的APP，首先需要简单易用，能快速的找到用户的痛点，很容易让用户第一次使用就找到新奇感，有吸引其使用的视觉体验及操作便捷之处。逐步的捆绑用户，留存老用户的同时，不断迭代优化，吸引新用户，通过用户的反馈及竞品的分析等途径，逐渐完善后续的开发设计。

2、开发之前与需求方的沟通及技术对接十分重要，需要确定及保留相关的设计流程，沟通记录等，以免产品上线之后不必要的改动及扯皮。

文章摘录链接 ：http://www.woshipm.com/rp/739909.html