倒推产品需求文档：饿了么（外卖主逻辑）

（1）手机淘宝等第三方授权登录：

1. 登录页面下，呈现手机淘宝登录按钮，下方呈现其他登录方式提示按钮
2. 点击后，跳转到对应第三方授权界面
3. 授权完成后，完成登录，跳转到首页

（2）手机号验证码登录

1. 登录页面下，点击手机号登录，跳转到手机号登录页面；
2. 手机号登录页面，默认呈现手机号输入框、验证码输入框、获取验证码按钮；
3. 手机号默认+86，输入最大为11位，大于11位输入内容不显示，小于11位获取验证码按钮及同意协议并登录按钮禁用；当输入非数字内容时，输入框不显示输入内容；
4. 点击获取验证码后，系统会自动发送验证码短信给输入的手机号。验证码按钮变为60s倒计时，且处于禁用状态；
5. 验证码正确，完成登录，转入首页。

（3）手机号/用户名密码登录

1. 登录页面下，点击手机号登录，跳转到手机号登录页面，再点击右上角密码登录链接按钮可进入本页面。
2. 密码登录页面，默认呈现手机号/用户名输入框、密码输入框、登录按钮及忘记密码链接按钮。
3. 手机号/用户名输入框及密码输入框可输入数字、大小写英文字母、各类符号。
4. 忘记密码时，可点击“忘记密码”跳转到修改登录密码流程提示页面。（页面作提示使用手机号验证码登录，无任何其他链接及功能）

3.2 键盘说明

点击（手机号与验证码）输入框、及其他（搜索）框时，页面底部弹出默认键盘。

点击密码登录（密码）输入框时，底部弹出安全键盘。

3.3 网络错误

3.4 页面交互

弹窗反馈交互：

页面间交互：

更多操作：

四、产品流程图

以下流程均基于网络正常情况，网络异常时，各流程中断，显示网络异常页面。

4.1 登陆流程

4.2 外卖订单流程

五、产品页面逻辑图

六、页面详细说明

（以订餐主逻辑为主）

6.1 首页-上页面

页面名称：首页-上页面

页面入口：饿了么APP首页

页面分布：

1. 用户定位
2. 搜索框
3. 活动Banner
4. 分类子标签栏
5. 全部分类
6. 特殊活动-超级会员Banner
7. 购物车

页面逻辑详细说明：

（1）用户定位

用户从首页-上点击用户定位后，进入选择收货地址页面

页面逻辑：

1. 进入选择收货地址页面后，点击搜索框进入搜索收货地址-前页面，下方显示用户历史搜索记录，可进行删除。
2. 点击城市名称时，可进入搜索定位城市名称页面，从上到下显示用户当前定位城市名、历史访问城市、热门城市及所有城市名。
3. 搜索定位城市名称页面右侧有城市首字母指示栏，点击相应的首字母，可直接跳转到相应城市集。
4. 搜索收货地址-前页面搜索框输入文字后，自动展开所搜寻到的符合的地址名称，并从上到下按照距离由小到大排列，并显示具体距离。

页面交互：

1. 点击选择收货地址页面城市名称时，搜索定位城市名称页面从底部弹出，同时搜索框上移。
2. 点击选择收货地址页面搜索框时，搜索收货地址-前页面从右侧弹出，同时自动选中该页面搜索框，底部弹出字母全键盘。
3. 在搜索收货地址-前页面搜索框输入文字时，搜索框自动向下弹出符合的地址。

（2）搜索框

用户从首页-上点击搜索框后，进入搜索商家页面。

页面逻辑：

点击搜索商家页面搜索框后，输入商家名称，点击符合的商家，进入商家主页页面。

（编辑：开发网_开封站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!