主页 > 新体验 > 开发资讯 > APP开发
  • 一款留学公寓APP的大体雏形

    adinnet/2017-09-07 10:19/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


上一篇:健身APP运营:让用户变成粘你的小妖精下一篇:这款给医生的专业APP设计上有着怎样不同的要求?
400-021-8655
在线咨询
在线留言