吃货地图产品需求文档

吃货地图产品需求文档

V1.0-2015/03/30


1概述

1.1产品概述及目标

概述:“吃货地图”是一款基于ios系统的美食地图类APP,该APP主要帮助吃货们在旅行途中发现当地有特色的、美味的小吃,并根据“吃货地图”提供的信息进一步了解小吃,准确无误地找到提供该小吃的商家。

预期目标:V1.0实现为旅行中的吃货提供全面的发现特色小吃,了解小吃的功能

V2.0实现用户添加小吃信息,完善数据库,增加用户粘性,实现闭环

V3.0充实推荐功能,提供特色小吃线路指南

1.1.1背景介绍

近年来,恩格尔系数不断减小,说明国民收入和生活水平的提高,人们有较多的富余资金可支配,对生活品质的追求提升,因此在美食方面的消费也会随之增加。

对于我们要开发的美食地图类app,目前市场相关app应用情况如下:美食类app应用占比较少,仅为61%:


(速途研究院制图)

调研了app下载平台的生活地图app下载情况,统计出了上表信息。在整个生活地图下载中,天气日历、地图导航、娱乐、使用工具是下载次数最多的几大类应用。主要原因在于这几类app都是人们出行必备的应用。比如天气里面的墨迹天气,在各大平台都有数千万的下载用户数。现在人们出行,也不再是问东问西,直接用地图导航就可以知道自己如何到达目的地。

相比较,美食类app在生活地图上下载所占的比重相对较少。从整体规模来看,美食类app还有很大的上升空间,人们对于一个好的app的潜在需求还是存在的。美食类app的市场前景还很大,美食类app的需求还没有完全被解放。

近几年,由于餐饮服务业、旅游业和移动互联网的迅速发展,地图搜索类APP、路线规划类APP、游记攻略类APP、美食类APP及本地生活服务消费类APP应运而生。虽然在一定程度上能够较好的满足大部分用户的需求,但缺乏特色小吃的垂直推荐,对于吃货型用户来说,这些APP是远远不能够满足其需求的。例如酷爱穷游以及自主旅行的吃货,他们在享受异地美景和人文风情的同时,美味小吃也不可缺。由于对城市不熟悉以及手动查找信息遗漏等方面的因素,致使吃货们在旅行途中不能便捷全面的找到当地特色小吃。

1.1.1产品目的

本产品的目的是为了帮助爱旅行的吃货用户在最短时间内找到当地最有名、最具特色、最好吃的小吃,并了解其相关信息。

1.2数据字典

用户信息:定位信息,用户名,密码,验证码,头像,手机号,收藏小吃集合,最近浏览信息

发现地图:距离,范围,商区小吃数量,区块小吃数量

城市列表:定位城市列表,最近访问城市列表,热门城市列表,所有城市列表,定位开关,对应城市商圈集合,商圈对应小吃列表

小吃详情:商家集合,名称,地址,联系方式,价格,推荐指数,介绍(名称,译名,荣誉,风行地区,分类,口味,主要食材,辅助食材,来源历史),小吃图片集合,评价列表

推荐:标题,作者,发布时间,配图


1.1名词说明

1.MAU:(Monthly Active User)月活跃用户数量,常用于反映网站、互联网应用或网络游戏的运营情况。

2.DAU:(Daily Active User)日活跃用户数量,常用于反映网站、互联网应用或网络游戏的运营情况。

3.UAT测试:(User Acceptance Test),用户接受度测试,即验收测试。

4.UV统计:Unique Visitor,独立访客统计。

1.2文档阅读对象

阅读对象:产品人员、开发人员、测试人员、运维人员、设计师;

注意事项:产品人员、开发人员、测试人员、设计师会通过本文档了解到本次需求的背景和详细要求,以及每个需求点未来的优化方向或对用户的价值。因此PRD也是产品经理同相关角色确认开发任务的重要依据。当所有角色认可了PRD中的内容后,这份PRD将作为后续开发、设计、测试、需求验证的依据。

2产品描述

介绍产品用户使用流程、版本规划、产品框架、功能列表等。

2.1产品整体流程

展示产品框架图和用户流程图。


2.2产品需求描述

描述产品核心功能,解决哪些需求。

基于LBS服务以及编辑推送功能,帮助用户在使用过程中快速全面的发现当地特色小吃,并及时为用户提供风味选择、商户信息、路线导航等信息服务。

2.3产品版本规划

2.4产品框架


2.5功能列表

功能列表详见功能列表相关文档。

3功能需求

详细介绍产品所有的功能需求。

3.1流程图



3.2界面

3.2.1欢迎页


3.2.1.1界面说明

界面背景为App宣传图,图片按次序分别为:

1、美食地图欢迎界面(体现app的名称,以及宣传口号)

2、发现功能介绍(核心功能)

3、推荐功能介绍(核心功能)

界面下方居中显示三点,以颜色区分现处于哪一张图,右上角为【跳过】按钮,第三张图下方居中显示【进入吃货地图】按钮。

3.2.1.2交互说明

用户首次进入APP后,将显示此欢迎界面;

图片可左右滑动,左滑从左侧滑入上一张图,右滑从右侧滑入下一张图,无前后图时操作无效;

点击【跳过】直接跳转至第三张图;

点击【进入吃货地图】进入主界面。

3.2.1.3逻辑规则

用户安装App后首次进入、版本更新后首次进入、在未点击【进入吃货地图】就杀死程序时显示欢迎页。

3.2.2城市选择




3.2.2.1界面说明

城市显示列表分为:定位、搜索框、搜索结果、最近访问城市、热门城市、按省选择城市列表、右侧为快速选择省份的字母列;

3.2.2.2交互说明

点击页面底部的可进入发现页面;

输入搜索内容点击搜索框旁的放大镜可进行搜索,结果展示如图五所示;

点击【打开定位】弹出是否允许定位提示框;

3.2.2.3逻辑规则

询问是否允许定位页面

用户在下载安装完毕后首次进入app时,浏览完欢迎页或跳过欢迎页后,页面弹出狂提示:“吃货地图请求定位权限是否允许”:

点击【允许】页面跳转至定位成功的城市列表显示页面:

如果此时GPS处于开启状态,则进行定位,页面显示其当前定位城市,假设定位为“北京”,可点击【前往】直接进入北京的发现页面;

如果此时GPS处于关闭状态则弹出提示框,提示:“GPS功能未开启是否开启”:

点击【去设置】则进入手机设置中进行定位开启,设置完成后再次进入当前页,可直接定位;

点击【跳过】则进入未定位城市列表展示页面;

点击【跳过】页面跳转至进入未定位城市列表展示页面;

定位成功城市列表页面


允许定位后,如果定位成功则进入“定位成功城市列表”页面:

页面显示【目前位置:xxx】,点击前往进入该城市的发现页面;

搜索框:

默认用浅灰色字体显示“输入城市名:如南昌”字样,当输入光标焦点在此输入框中时,该字样消失,该输入框失去焦点时该字样再显示;

点击输入框右侧放大镜进行搜索,此处为模糊搜索:

如果此时搜索框中没有输入任何内容,则用toast提示:“请输入城市名称”;

如果输入了至少一个字符则从现有城市中进行搜索,并在“搜索结果”处显示结果,如果有匹配的城市则显示,多个则依次排列显示,点击城市名称即可进入相应的发现页面;如果没有匹配到城市结果则显示“未找到”字样在搜索结果处;

最近访问城市:

如果用户是首次进入app此时,最近访问城市显示为空即可;

如果用户非首次登录,从发现页面点击城市进入该页面则此时最近访问城市显示之前选择过的城市,系统最多记录和展示最近访问的6城市,按访问时间倒序排列,允许用户删除;

热门城市:

系统根据用户选择次数,对各个城市进行排序,默认显示6个,当没有用户数据时,默认由小编来设置;

点击各个城市名称即可进入相应的发现页面;

省份列表

将全国各省按照字母顺序依次折叠展示,点击省份将该省下的城市按照字母顺序展示,只显示地级市一级;

每次只能同时展开一个省的数据;

页面右侧有字母快捷选择,点击可以迅速定位想要的省份;

如果定位失败则进入“未定位城市列表页面”;

未定位城市列表页面

n如果用户不允许定位,则进入此页面,此时点击【打开定位】弹出提示框:“吃货地图请求定位权限是否允许”此时点击【允许】或【跳过】的逻辑处理同:“询问是否允许定位”页面;

n该页面其余逻辑规则同“定位成功城市列表”页面;

3.2.3加载页

3.2.3.1界面说明

界面中显示加载图片,无其他元素。显示时常为1.5s

3.2.3.2交互说明

用户无需操作。

3.2.3.3逻辑规则

非首次进入App时加载页出现,应用程序启动的过渡。

3.2.4个人信息侧边栏


3.2.4.1界面说明

以侧边栏浮层形式呈现用户信息;

第一排左侧为头像区域,右侧显示【用户名】区域;

下方为【我的收藏(收藏数)】按钮

然后是【浏览记录】按钮

3.2.4.2交互说明

3.2.4.3逻辑规则

3.2.5个人信息修改页


3.2.5.1界面描述

此界面为用户点击修改个人信息所跳转的页面,主要显示用户的头像,用户名,手机号,密码(考虑去掉)等信息。可进行头像修改,用户名修改,密码修改等操作。

3.2.5.2交互说明

侧滑可返回上一个页面

按钮按下后颜色变灰色

点击头像可以放大头像来查看

3.2.5.3逻辑规则


3.2.6设置头像页

设置头像页面为用户在个人中心内点击头像进入的修改头像页面。

3.2.6.1界面描述

设置页面上方矩形为页头,页头左部为返回个人中心的图标,页头中间显示【设置头像】字样。

页头下方以矩形图片显示用户头像。

头像下方纵向排列两个按钮,第一个为【从相册中选一张】第二个为【拍一张照片】。两个按钮最右边有向右指向的箭头。

3.2.6.2交互说明

进入

在个人中心点击头像左边的修改字样,修改头像页面由左至右滑入。

退出

点击页面左上角的退出图标,或从屏幕边框从左向右滑动手势。修改头像页面则从左向右滑出。

调用说明

点击【从相册中选一张】的模块区域任何地方,调用“本地相册”,详见调用本地相册说明。(1.1.2.4)

点击【拍一张照片】的模块区域任何地方,调用“系统相机”,详见调用系统相机说明。(1.1.2.5)

调用本地相册说明

点击【从相册中选一张】,本地相册由左向右滑入。点击本地相册右上角的取消,本地相册由右向左滑出。

调用系统相册说明

点击【拍一张照片】,系统相机由左向右滑入打开。点击系统相机右上角的取消,系统相机由右向左滑出。

图片选择交互说明

点击一张相册照片或拍摄一张照片确定选择后,由右向左滑入移动和缩放页面。页面中部显示选择的图片,正中央为固定大小的矩形,放在图片上课拖动图片,点击下方确定按钮,返回修改头像页面,头像区域变为移动和缩放页面固定矩形内的图片。

3.2.6.3规则说明

头像图片更改前显示原始头像,选择图片或拍照确定后,显示更改后的照片。

第一次点击【从相册选一张】或【拍一张照片】,滑入新页面时在屏幕中央显示索要权限对话框。若未给权限,之后再次点击打开,在屏幕中央显示设置权限路径。

点击头像图片,从屏幕中央展开弹出头像大图。

若从未更改过头像,头像显示系统默认头像。

若网络断线或网速极慢(30S内无法上传),则在设置头像页面中间弹出提示对话框,提示:无法上传头像,请检查网络。

3.2.7修改用户名

3.2.7.1界面说明

界面顶栏左侧为【返回】按键;

居中显示“修改用户名”文案;

主体第一排左侧显示“用户名”,右侧为用户名输入框,输入框中默认显示“旧用户名”;

下放显示“用户名由英文字母、汉字和数字组成,长度为4-16字符”;

下方居中显示【确定】按钮用于信息提交;

3.2.7.2交互说明

进入:“修改用户信息”界面点击用户名区域从左侧滑入;

退出:点击左上角【返回】,左侧滑出,返回上一层级;

点击输入框,光标显示于原有用户名后方,底部弹出键盘,点击键盘之外的区域键盘收回;

点击【确定】提交信息,并出现提示信息;

若用户名为空,在输入框下方提示“用户名为空,如无需设置请点击返回”;

若用户名少于4字符,提示“请输入大于4个字符用户名”;

若用户名多于16字符,光标停止移动,多余输入无效;

若包含非法字符,提示“用户名仅包含汉字、英文字母、数字和下划线,请您求改后提交”

修改成功,提示“修改成功”,停留1s返回上一级;

3.2.7.3逻辑规则

用户名规则见数据字典;

若修改后未点击【确定】直接返回,则视为无效修改;

3.2.8修改密码


3.2.8.1界面说明

界面顶栏左侧为【返回】按键;

居中显示“修改密码”文案;

主体第一排左侧显示“旧密码”,右侧为旧密码输入框;

主体第二排左侧显示“新密码”,右侧为新密码输入框,输入框右侧为【明文显示】眼状按钮;

下方居中显示【确定】按钮用于信息提交;

3.2.8.2交互说明

进入:“修改用户信息”界面点击密码区域从左侧滑入;

退出:点击左上角【返回】,左侧滑出,返回上一层级;

点击密码输入框,光标显示,底部弹出键盘,点击键盘之外的区域键盘收回;

旧密码区域输入显示“***”;

新密码区域输入默认显示“***”,点击【明文显示】按钮可切换为明文显示;

密码长度超过12位,光标停止后移,之后的输入无效;

点击【确定】提交信息,并出现提示信息:

若旧密码为空,在输入框下方提示“请输入旧密码”;

若旧密码输入错误,在输入框下方提示“旧密码有误,请修改”;

若新密码为空,在输入框下方提示“请输入新密码”;

若密码新格式不正确(包括长度不足6位,包含非法字符),提示“密码为6-12位数字和英文字母组合,请输入正确形式”

修改成功,提示“修改成功”,停留1s返回上一级;

3.2.8.3逻辑规则

密码规则见数据字典;

若修改后未点击【确定】直接返回,则视为无效修改;

3.2.9我的收藏页

3.2.9.1界面描述

我的收藏是展示注册用户在之前的使用中收藏的小吃

进入我的收藏界面,以列表的形式展示收藏小吃,每个小吃cell栏包括小吃名字、热度、图片、评价数,收藏的小吃按照用户收藏的时间先后按照离当下时间由近及远至上而下排列,每页显示10条记录如果不足10条则显示全部记录。

3.2.9.2交互描述

当进入我的收藏界面后,用户收藏数为0是则在界面上居中显示“您还没有任何收藏哦,赶快去发现美食吧!”的提示;

点击左上的【返回】可以回到上一级界面;

点击小吃图片跳转到图片展示的界面;

点击【详情】跳转到小吃的详情界面;

向上划动或者点击下面的【下拉】加载出更多的小吃记录,每次加载10条,如果加载失败则在最下显示“加载失败!”的提醒且界面不做任何变化,如果余下不足10条记录则显示余下全部记录并在底部显示“到底啦”的提示;

点击【编辑】界面变成以下状态:


点击左上的【返回】可以回到上一级界面;

选择小吃记录前的圆圈则表示选中该条记录,这时圆圈中出现一个灰色实心圆点;

右上的圆圈里的数字是显示当前的选中记录条数;

点击右上的【删除】将居中弹出对话框询问是否删除选中的记录,选择【确定】则删除记录,操作成功后继续回到选择界面,选择【取消】则回到当前选择界面;

向上划动或者点击下面【下拉】加载出更多小吃记录,每次加载10条,如果加载失败则在最下显示“加载失败!”的提醒且界面不做任何变化,如果余下不足10条记录则显示余下全部记录并在底部显示“到底啦”的提示。

3.2.10最近浏览页


3.2.10.1界面描述

最近浏览是将用户浏览记录按照时间离当下由近及远而至上而下的排列

进入最近浏览界面,以列表的形式展示最近浏览的小吃记录,每个小吃cell栏包括小吃名字、热度、图片、评价数,小吃记录按照用户收藏的时间先后按照离当下时间由近及远至上而下排列,每页显示10条记录,如果不足10条则显示全部记录。

界面显示如下:

3.2.10.2交互描述

当进入最近浏览界面后,用户浏览数为0是则在界面上居中显示“您还没有浏览过任何美食哦,赶快去发现美食吧!”的提示;

点击左上的【返回】可以回到上一级界面;

点击小吃图片跳转到图片展示的界面;

点击【详情】跳转到小吃的详情界面;

向上划动或者点击下面的【下拉】加载出更多的小吃记录,每次加载10条,如果加载失败则在最下显示“加载失败!”的提醒且界面不做任何变化,如果余下不足10条记录则显示余下全部记录并在底部显示“到底啦”的提示。

3.2.11详情页面


3.2.11.1界面说明

进入详情,是小吃的详细介绍页面,包括小吃图片,小吃名字,评分、小吃地址和商家联系方式;下面切换页默认显示“附近商家”,里面是相似小吃的名字,距离,步行时间,人均价格,还有【联系商家】和【路线规划】两个按钮;“介绍”里是当前小吃的基本介绍,包括不同的名称,口味,食材等;

“来源历史”里是为帮助用户了解小吃的背景、由来;

3.2.11.2交互说明

点击【图片】,打开切换到【图片集】;

点击【评分】跳转到【用户评价】;

点击【】跳转到第三方地图定位;

点击【】, 跳转到手机拨号界面;

点击【大娘热干面】,跳转到该小吃详情页面;

点击【联系商家】,跳转到手机拨号界面;

点击【路线规划】,从下方弹出【地图选择】

点击下方【刷新】,产生新的附近类似小吃,每次刷新生成3个;

点击左上【返回】按钮,返回小吃列表或地图页面;

点击右上【展开】按钮,下拉弹窗,显示评价、分享、报错三个按钮;

点击【爱心】,可进行收藏;

点击【附近商家】【介绍】【来源历史】,相互切换页面

3.2.11.3逻辑规则

附近商家显示的是附近的类似小吃;

3.2.12用户评价页


3.2.12.1界面说明

小吃的详细评价页面,包括用户的评价内容,评价时间,评价数量,评分,图片

3.2.12.2交互说明

点击下方【下拉】按钮,可刷新更多评论,每次加载3个

点击左上【返回】按钮,返回小吃列表或地图页面;

点击右上【展开】按钮,下拉弹窗,显示评价、分享、报错三个按钮;

3.2.12.3逻辑规则

每个小吃都有用户评价页面

3.2.13导航地图

3.2.13.1界面说明

对小吃路线导航进行地图规划

3.2.13.2交互说明

点击详情页面【路线规划】按钮,从下弹出浮层,选择第三方地图;点击上方区域,浮层往下退出,回到详情页面;

点击左上【返回】按钮,返回小吃列表或地图页面;

点击右上【展开】按钮,下拉弹窗,显示评价、分享、报错三个按钮;

点击【百度地图】按钮,进入百度地图

3.2.14评价报错

3.2.14.1界面说明

小吃详情页面弹窗,里面是【评价】按钮和【报错】按钮

3.2.14.2交互说明

点击右上【评价】按钮,切换到进行评价界面,可进行打分或评论,并提交;

点击右上【报错】按钮,切换到报错界面,可填写报错信息并提交;

3.2.15图片集


3.2.15.1界面说明

用户可提前查看小吃图片;

3.2.15.2交互说明

点击左右箭头可换当前显示图片;

3.2.15.3逻辑规则

图片左右滑动显示

3.2.16评价和报错


3.2.16.1界面说明

用户对小吃的进行打分评论的页面,第二个是用户对商家信息,小吃信息报错,修正的页面;页面有输入框,和五颗星打分模块

3.2.16.2交互说明

手指在五颗星星上滑动会带动星星的变化,当手指放在第四个星星上时,左边的四颗星星变黑色,右边的还是白色,此时显示四颗星评分,点【提交】按钮,成功并返回小吃详情页面

点左上【返回】按钮,返回小吃详情界面

3.2.16.3逻辑规则

前者的输入框显示请输入您的评价;后者输入框显示请输入错误信息,并写上您的正确信息;

3.2.17推荐页面


3.2.17.1界面说明

进入“小吃推荐”界面,以单列列表的形式展示小吃推荐,每行显示一个小吃(名字,发表时间,图片,作者)。若该推荐为新发布(24小时内),则于右上方显示“新”标签。

3.2.17.2交互说明

(1)点击【北京】或者【】切换至城市选择界面。

(2)点击“cell栏”,切换至小吃详情页面,点击时“cell栏”背景由白色变为灰色。

(3)向下滑动继续浏览小吃推荐列表,至底部想上拉住持续2秒进行更多小吃推荐列表加载,在顶部向下拉住持续2秒进行列表刷新。

点击左上【】从左侧弹出浮层进入会员界面。

3.2.17.3逻辑规则

推荐小吃博文按发布时间短至长排列。

3.2.18推荐详情


3.2.18.1界面说明

从上至下显示小吃图片,图片上印有推荐标题,作者,时间。图片右下方有红心(收藏功能按钮)。图片下方显示推荐正文。正文下方为推荐中的小吃,以单列列表方式显示。每行包括小吃介绍,详情标签,小吃配图。

3.2.18.2交互说明

(1)点击左上【】按钮,返回推荐列表;

(2)点击右上【】按钮,显示下拉弹窗,显示评价、报错三个按钮。

(3)点击【评价】,进入评价页面。

(4)点击【报错】,进入报错页面。

(5)点击图片右下【】按钮,将该推荐加入用户收藏列表。红心点击前为灰色,点击后变为红色,显示后心向上浮动动画。

(6)点击推荐中的小吃的列表中的【详情】,跳转至该小吃的详情列表。

3.2.19小吃详情列表


3.2.20图片集


3.2.21报错页面、评价页面



3.2.22会员登陆


3.2.22.1界面说明

输入框:用户名输入框、密码输入框;

超链接:忘记密码;

【确定】、【新浪微博】、【QQ账号】、【注册】

登录界面元素描述:

点击“用户名”输入框或者“密码”输入框,弹出输入键盘,可以进行输入。

点击“忘记密码”调到重置密码界面。

3.2.22.2界面交互

已注册的用户依次输入用户名和密码,点击确认跳转回进入登录页面之前的页面;未注册的用户输入用户名和密码并点击确认,系统判断为未注册用户,跳出弹框引导用户注册,点击弹窗上的“知道了”按钮跳转至注册页面。

3.2.22.3逻辑规则

登陆规则——可选择使用用户名/邮箱/手机号三者之一,作为APP登陆ID进行登陆;

密码采用明文形式进行输入;

a.当用户输入用户名与密码不匹配时,点击“确认”按钮,输出“用户名或密码错误,请重新输入!”

b.当用户输入用户名和密码匹配时,点击“确认”按钮,输出“XXX,欢迎来到吃货地图!”,随后跳转进入吃货地图主页面

3.2.23密码重置


3.2.23.1界面说明

输入框:手机号/邮箱、验证码;

按钮:【发送验证码】、【下一步】。

重置密码界面元素描述:

点击“手机号/邮箱”输入框或者“验证码”输入框,弹出输入键盘,可以进行输入。

点击【发送验证码】,系统发送验证码;

点击【下一步】,进入安全验证密码界面。

3.2.23.2规则说明

重置规则——输入绑定邮箱/手机号,点击“发送验证码”按钮,60秒内,系统将发送

验证码到绑定邮箱/手机,点击后的“发送验证码”按钮上会出现60秒倒计时,当倒计

时间变为0,按钮上的字会变成“重新发送验证码”,用户获得验证码后,将验证码输入

到验证码框

a.当用户在60秒内,没有收到验证码,可点击“重新发送验证码”按钮,重新发送验证码;

b.当用户输入的验证码与系统发送的验证码不一致,点击“下一步”按钮时,将输出“验证码错误,请重新输入”;

c.当用户输入验证码与系统发送验证码一致,点击“下一步”按钮,界面将跳转至安全验证界面;

3.2.24安全验证


3.2.24.1界面说明

输入框:密码;

按钮:【确认】。

安全验证密码元素描述:

点击【重置密码】输入框,弹出输入键盘,可以进行输入。

点击【确认】,确定密码输入,并且重置。

3.2.24.2规则说明

用户输入正确验证码后,点击“下一步”,页面跳转至“重置密码”页面,用户重新设置密码,点击“确认”按钮,跳转至“登录”页面重新登录。

采用明确形式,重新设置密码,密码由数字、字母和字符组成,长度在6-12位之间;

a.当用户设置的新密码不符合规范时(数字不足6位或超过12位),点击“确认”按

钮,输出“设置密码不符合规范,请重新设置!”

b.当用户设置的新密码符合规范,点击“确认”按钮,输出“新密码设置成功,欢迎使用吃货地图!”

3.2.25注册界面


3.2.25.1界面说明

输入框:用户名、密码;

按钮:【提交】。

注册界面元素描述:

点击“用户名”输入框或者“密码”输入框,弹出输入键盘,可以进行输入;相对应有邮箱和手机号码个是你验证

点击【提交】,注册成功

3.2.25.2规则说明

注册规则则——使用邮箱/手机号作为APP登陆ID,进行新用户注册;

密码采用明文,由数字、字母和字符组成,长度在6-12位之间;

a.当用户输入邮箱或手机号不符合规范时(手机号不足11位,邮箱无@字符),当点击“提交”按钮,输出“输入注册信息有误,请检查后重新输入!”;

b.当用户设置的密码不符合规范时(数字不足6位或超过12位),当点击“提交”按钮,输出“设置密码不符合规范,请重新设置!”

c.当用户注册信息和密码均符合要求时,点击“提交”按钮,输出“用户注册成功,您的登陆ID为XXX XXXX XXXX(手机号)/XXXX@XXXX.com(邮箱)。”随后跳转进入吃货地图首页;

3.2.26新浪/QQ登陆界面


3.2.26.1界面说明

输入框:用户名、密码;

按钮:【确定】。

新浪微博或QQ注册元素描述:

用新浪微博账户或者QQ账户登录

3.2.26.2规则说明

户进入登录页面:已注册的用户依次输入用户名和密码,点击确认跳转回进入登录页面之前的页面,或者通过点击“新浪微博”和“QQ账号”进行登录,有微博账号或者QQ账号的填写账号和密码,点击确定跳转至登陆页面之前的页面,无微博账号或者QQ账号的用户,需要先注册。

使用新浪微博账号/QQ账号进行第三方登录,密码采用明文输入形式

a.当用户输入用户名与密码不匹配时,点击“确认”按钮,输出“用户名或密码错误,请重新输入!”

b.当用户输入用户名和密码匹配时,点击“确认”按钮,输出“XXX,欢迎来到吃货地图!”,随后跳转进入吃货地图主页面。

3.2.27发现页面


3.2.27.1进入描述

APP打开后,默认进入发现界面。由推荐界面,点击底部“发现小吃”也可进入发现界面。

3.2.27.2界面描述

地图显示特色小吃,背景显示所选区域地图定位时显示500m范围的特色小吃,地图可以放大缩小。

l选择框:城市、附近、商圈、智能排序选择;

l图标:用户头像、特色小吃图标、切换列表图标、回到定位区域图标;

l按钮:小吃推荐。

发现界面元素描述:

l选择【附近】、【商圈】、【智能排序】选择,可以出现不同的特色小吃,选择项有【附近】有1千米、3千米、5千米、全城四个选择;【商圈】有地区的三级联动选择;【智能排序】有四种,推荐度排序、距离排序、价格排序、评论数排序;

l点击【用户头像】图标,进入用户信息界面;

l点击【特色小吃】图标,进入小吃详情界面;

l点击【切换列表】图标,切换到小吃列表页面;

l点击【回到定位区域】图标,返回到用户定位区域;

l点击【小吃推荐】,进入小吃推荐界面。

小吃列表界面

进入描述:

由“发现”页面点击右上角“列表”图标,可进入列表界面。

小吃列表界面描述:

将地图形式的小吃转变为列表形式;

l列表内容:小吃图片、小吃名称、小吃星级评分、小吃离用户距离、评价人数;

l选择框:城市、附近、商圈、智能排序选择;

小吃列表界面元素描述:

l点击小吃列表中的一行,进入小吃详情界面。

3.2.27.3界面逻辑

用户进入“发现”页面,如图1所示:页面显示各类小吃位置信息,地图放大显示该区域的小吃数量。点击“地图小吃”页面右上角的列表图标,页面跳转至“小吃列表”页面;点击“小吃列表”页面右上角的地球图标,页面跳转至“地图小吃”页面。“附近”下拉列表选择显示一定范围内的小吃,“商圈”下拉列表选择区域显示小吃,“智能”排序列表按“推荐度”、“距离”、“价格”和“评论数”显示小吃。用户可通过点击“地图小吃”页面和“列表小吃”页面上的小吃图标进入“小吃详情”页面。

3.2.27.4界面交互

登陆页面

点击“注册”跳转至新用户注册

点击“用户名”“密码”文本框可输入相关信息

点击右侧的眼睛,可选择明码或暗码

点击“忘记密码”进入重置密码界面

点击确认,若信息无误,则进入发现页面,若信息有误,则停留在本届面,并显示信息有误

点击新浪微博,则自动读取用户的微博信息,页面将显示用户的微博头像及用户名,用户只需点击确认则进入发现页面

QQ同上

新用户注册

右上角返回图标,返回登陆页面

“用户名”“密码”文本框输入相关信息

“提交”返回登录界面

重置密码

右上角返回图标,返回登陆页面

第一个文本框按提示可输入手机号或邮箱

点击发送验证码,手机或邮箱将收到验证码

用户只需在文本框中输入点击下一步,则进入“安全验证界面”,其中发送验证码点击好的一分钟呈灰色,不可再次点击,一分钟后可选择再次点击。

安全验证

自动显示用户名,(涂上说的是自动绑定的手机,那不如在前面住的阶段就把邮箱去掉)

在重置密码一栏输入密码将,点击确认返回登陆界面

发现小吃

点击左上方图标,显示我的个人信息

“北京”可选择城市

右上方图标科技宁地图模式和列表模式的切换

点击“附近”,可选择离自己1km,3km,5km或全城的范围

点击商圈,可选择热门商圈

点击智能排序,可选择推荐度排序,距离排序,价格排序,评论数排序

点击地图上的任意小吃,进入小吃详情界面,地图可放大,放大时显示该区域小吃数,点击左下方图标可返回我的定位区域。

小吃推荐

点击具体小吃,跳转至小吃详情界面。

3.2.27.5界面规则

用户允许定位,发现附近小吃的情况:

当用户允许定位,在发现小吃界面,选用地图显示时,地图上显示的是用户附近500米内的小吃;

当用户允许定位,在发现小吃界面,选用列表显示时(每页展示4个小吃,下拉进行加载),列表上显示用户附近0-3km的小吃默认按距离排序,离用户的距离越近,排名越靠前;

在发现小吃界面,选用列表显示时(每页展示4个小吃,下拉进行加载),当用户选用智能排序时,列表上展示的小吃将按照用户选择的排序方式进行排序,如用户选用按“推荐指数”进行排序,小吃的推荐指数越高,排序越靠前。

当用户选择了具体城市,却没有选择该城市的具体片区:

在发现小吃界面,选用地图显示时,地图以市政府为地图中心,显示该城市推荐指数最高的前20名小吃,当用户进行放大,再显示放大片区的小吃;

在发现小吃界面,选用列表显示时(每页展示4个小吃,下拉进行加载),显示该城市的所有小吃,默认按推荐指数进行排序,推荐指数越高,小吃排名越靠前;

在发现小吃界面,选用列表显示时(每页展示4个小吃,下拉进行加载),当用户选用智能排序时,列表上展示的小吃将按照用户选择的排序方式进行排序,如用户选用按“价格”进行排序,小吃的价格越低,排序越靠前。

当用户选择了具体城市,并选择了该城市的具体片区:

在发现小吃界面,选用地图显示时,在地图上显示该片区的所有小吃;

在发现小吃界面,选用列表显示时(每页展示4个小吃,下拉进行加载),显示该片区的所有小吃,默认按推荐指数进行排序,推荐指数越高,小吃排名越靠前;

在发现小吃界面,选用列表显示时(每页展示4个小吃,下拉进行加载),当用户选用智能排序时,列表上展示的小吃将按照用户选择的排序方式进行排序,如用户选用按“价格”进行排序,小吃的价格越低,排序越靠前。

各页面展示,功能描述,包括,前置条件、功能规则、后置流程等。

2非功能需求

2.1安全需求

产品需符合网络安全部的相关规定。

能对用户的关键信息如密码、手机号邮箱等加密存储,防止外泄;

在数据传输时加密传输,避免被人截获;

采用服务器集群/双机热备技术,防止服务器瘫痪造成的用户数据流失。

2.2统计需求

产品需要统计的数据需求。

各版本登录用户数、注册用户数

活跃用户

登录次数

使用次数

注册用户使用次数

游客用户使用次数

使用时间段

用户地区

使用总时长

留存率

推广渠道来源

同时在线人数统计。

机型统计

IOS版本统计

PV/UV平均访问时长统计

各功能点使用次数、停留时长、退出次数

功能点使用次数(客户端日志中获取信息)

功能点异常退出次数(含异常退出与待机退出)

功能点停留时长

使用推荐功能的人数、次数、成功率

找回密码的人数、次数

用户密度——用户间的最短距离;(根据客户端经纬度圆形直径为长度)

用户导航的最远距离--客户端日志(异常退出,抛掉此信息,不做统计)

客户端下载统计

地图使用统计

2.3性能需求

各页面切换快速,上下滚动流畅,无卡顿,查询等操作响应快。

性能需求:

用户操作体验流畅

在网络良好情况下,页面加载时间不超过3秒

无闪退现象

支持ios7及以上系统

产品需要的性能需求。并发,速度

2.4易用性需求



核心功能,入口明显,能通过一次点击则不二次点击

3.1上线需求

UAT测试完毕,功能测试完毕,压力测试完毕,灰度测试,符合ios应用商店上线要求,实现核心功能:定位,地图显示小吃,小吃详情,地图api链接,用户注册与登陆,收藏,推荐文浏览等。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 158,847评论 4 362
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,208评论 1 292
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 108,587评论 0 243
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 43,942评论 0 205
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,332评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,587评论 1 218
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,853评论 2 312
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,568评论 0 198
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,273评论 1 242
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,542评论 2 246
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,033评论 1 260
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,373评论 2 253
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,031评论 3 236
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,073评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,830评论 0 195
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,628评论 2 274
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,537评论 2 269

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 170,568评论 25 707
  • 豆瓣APP的上线已经有很长周期,版本更迭数次,在功能和交互界面上都有了很大改变。这次通过倒推的形式制作PRD文档,...
    郅绝阅读 2,897评论 0 12
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 11,612评论 4 59
  • 刚刚过去的2015年,很多手机厂商受到了高通810的坑爹和820难产的影响,比如让准备收购苹果的罗永浩放缓了脚步,...
    肥木有阅读 466评论 0 0
  • 1905.10.08出生于山东、潍坊诸城,2004.02.05故于北京。 我爱乡村,因为我生在乡村,长在乡村;我爱...
    丙由甲桂花儿阅读 276评论 4 1