疫情过后，线上买菜会成为趋势吗？每日优鲜作为一个比较成熟的O2O生鲜电商平台，我根据现有的每日优鲜app进行了文档倒推，对产品结构、主要业务流程、主要窗口的页面逻辑和交互进行了简要的分析和说明。

该文档主要是从前端用户体验方面设计的，刚开始学习相关知识，肯定有很多不足，还请各位大佬多多指正！鞠躬~

版本修订历史：

PRD输出环境：

图标：

目录

一、产品概述

1.1产品背景介绍

1.2产品概述

1.3产品定位

1.4目标用户

二、产品结构及业务流程

2.1产品功能结构图

2.2产品信息结构图

2.3业务流程图——用户购买功能

三、全局说明

3.1功能权限

3.2键盘说明

3.3页面内交互

四、页面功能详细说明

4.1登录页

4.2首页

4.3商品详情页

4.4分类页面

4.6我的页面

4.7吃什么页面

五、总结

一、产品概述 1.1 产品背景介绍

互联网的发展、年轻消费者消费习惯的改变、冷链物流技术的不断进步，加之新零售的机遇，我国生鲜电商行业保持了较快的发展速度。

消费者生鲜消费习惯改变：CBNData《2017中国家庭餐桌消费潮流报告》：线上品牌生鲜销售额占比从2014年的6%上升至60.5%。

精选生鲜需求上升：进口优质生鲜市场份额上升。

做B2C生鲜移动电商有利可图！

1.2 产品概述

每日优鲜是一个围绕着老百姓餐桌的生鲜O2O电商平台。覆盖了水果、蔬菜、肉蛋、水产、零食、乳品、轻食、粮油、酒饮、速食、轻食、日百等20个品类的布局，并在全国 20 多个主要城市建立起“城市分选中心＋社区前置仓”的极速达冷链物流体系，为用户提供自营精选生鲜最快1小时送达服务。

1.3 产品定位

全品类精选商品+1小时极速达物流+社交化会员制运营。

1.4 目标用户

女性

18-35岁的年轻人：工作繁忙+刚成立家庭+喜好网购+重视时间效率；

一二线城市+东部沿海地区：经济条件好+工作竞争强烈+空闲时间较少；

白领、大学生、宝妈、特殊情况不能出门采购的用户。

二、产品结构及业务流程 2.1 产品功能结构图

2.2 产品信息结构图

2.3 业务流程图——用户购买功能

三、全局说明 3.1 功能权限

（1）是否登陆

登录状态可进行APP内所有操作

非登录状态下：无法订单结算；无法进入消息、邀请有礼以及好友助力提现等活动页面、“吃什么”社区页面

（2）是否会员

普通用户：没有会员权益，其余功能均可用

优享会员：商品享有会员价、可以参与超级会员日活动、积分加倍、可以分享给好友会员体验卡、拥有专属客服

3.2 键盘说明

（1）登陆页面中点击手机号输入框，页面底部弹出数字键盘；

（2）首页、分类、社区页面点击搜索框是页面底部弹出字母全键盘；

（3）在评价页面点击评价框时弹出字母全键盘。

3.3 页面内交互

toast、actionbar、dialog这三种形式在后文均有提到，这里就不在对这三种常见的反馈形式做过多的赘述。

页面异常如下图所示：

四、页面功能详细说明

每日优鲜底部标签栏有5个标签，分别是：首页、分类、吃什么、购物车、我的。接下来我将围绕这五个标签页详细阐述具体的页面功能。

4.1 登录页

功能：输入手机号、获取验证码、第三方登录入口。

用户场景：

用户第一次使用，用户登录新的账号以及使用新的设备登录，或老用户退出后再次登陆。

游客用户执行购买、个人消息、参加优惠活动等需要登陆的操作。

优先级：高。

前置条件：打开每日优鲜后选择我的标签页，即可看到登录选项，或点击任意一个游客身份功能受限键则可以跳转到该页面。

页面逻辑：

用户输入手机号码，点击“获取验证码”按钮；

若用户在60秒内未收到手机验证码，点击“获取验证码”按钮重新获取验证码；

用户也可以点击总登录注册页面底部其他登录方式的微信登陆按钮进行授权登录；

勾选“同意用户使用协议和隐私政策”才能点击“登陆”或“微信登陆”。

后置条件：登录成功/重新获取验证码登录。

页面交互：

手机号默认+86，输入限制11位，当输入大于11位数字时，弹出Toast提示“您输入的手机号超过了11位”提示文本；

点击手机号、验证码输入框时，数字键盘从底部向上弹出；

获取验证码后，按钮内容变为“60S后重发”并降低灰度开始60秒倒数，60S后按钮内容变回原本内容；

用户点击第三方登陆下的三个按钮，相应的第三方授权页面从页面右侧弹出。