盒马鲜生是阿里巴巴对线下超市完全重构的新零售业态,于2017年7月14日正式开业,主要用生鲜和餐饮高频消费锁定消费者。它打破了传统零售售卖商品的模式,聚焦场景与体验,实施“零售+外卖+堂食+加工服务”的全新的商品组合。
笔者根据最新的盒马鲜生APP产品倒推了本篇PRD,若文章中仍有疏漏之处,欢迎各位批评指正,共同交流学习。
文章结构
一、文档综述
版本修订记录
PRD输出环境
产品定位和目标用户人群
二、产品结构图
产品功能结构图
产品信息结构图
三、全局说明
功能权限
键盘说明
页面内交互
页面异常
页面切换
四、页面逻辑
用户操作主流程图
用户订购商品主逻辑
五、页面详细功能说明
启动页
登录/注册页
首页
商品搜索结果页面
商品详情页面
分类
购物车与订单结算页面
六、总结
一、文档综述
1.1 版本修订记录
1.2 PRD输出环境
1.3 产品定位和目标用户人群
盒马鲜生是阿里巴巴对线下超市完全重构的新零售业态,于2017年7月14日正式开业,主要用生鲜和餐饮高频消费锁定消费者。它打破了传统零售售卖商品的模式,聚焦场景与体验,实施 ” 零售 + 外卖 + 堂食 + 加工服务 ” 的全新的商品组合。追求不仅仅为顾客提供简单商品,而是以提供一种生活方式的经营理念。
消费者可到店购买,也可以在盒马APP下单。盒马最大的特点之一就是快速配送:门店附近3公里范围内,30分钟送货上门。目前只支持支付宝付款和现金,不接受银行卡等任何其他支付方式。
盒马鲜生的目标用户主要有三类:第一,晚上大部分时间在家的家庭用户;第二,基于办公室场景推出针对性便利店或轻餐;第三,周末会去超市带着孩子出去走走的用户。
二、产品结构图
2.1 产品功能结构图
2.2 产品信息结构图
三、全局说明
3.1 功能权限
分为登录状态和未登录状态:
登录状态:登录状态可进行APP内所有操作。
未登录状态:
可以浏览页面,如商品信息和分类等;
可以分享商品信息、活动信息;
无法将商品加入购物车,也无法进入购物车页面;
无法进入“我的”页面,也无法查看订单信息和使用优惠券等。
3.2 键盘说明
3.3 页面内交互
(1)顶部、底部弹窗
(2)toast、dialog、actionbar弹窗
3.4 页面异常
3.5 页面切换
四、页面逻辑
4.1 用户操作主流程图
4.2 用户订购商品主逻辑
五、页面详细功能说明
5.1 启动页
功能描述:用户刚打开盒马鲜生APP。
交互需求:启动APP后进入启动页,约停留两秒后进入APP首页。
5.2 登录/注册页
功能描述:手机淘宝快速登录、支付宝快速登录及账户/密码登录。
输入/前置条件:在盒马APP点击所有“购物车”图标的功能按钮、点击加入购物车选项或点击“我的”功能标签。
页面交互:
1. 输入/前置条件:点击手机淘宝快捷登录。
点击“手机淘宝快捷登录”,将自动跳转到淘宝账户授权页面,点击“确认授权”可立刻登录;
2. 输入/前置条件:点击支付宝快捷登录。
点击“支付宝快捷登录”,将自动跳转到支付宝账户授权页面,点击“确认授权”可立刻登录;
3. 输入/前置条件:点击账号/密码登录。
点击“账户/密码登录”,将跳转到淘宝账户登录页面,输入淘宝账户和密码可登录;
在账户登录页面下,输入密码时默认为不可见状态,点击输入密码栏左方“眼睛”图标,密码转换成可见状态
点击“短信验证码登录”可切换登录方式,输入合法手机号后点击“获取验证码”,输入正确的验证码后可登录;
点击“注册”可跳转到快速注册页面,输入合法手机号后点击”获取验证码”,输入正确的验证码后点击可快速注册;
选择“+86”可切换选择其他国家地区的手机号码;
点击“账户/密码/手机号/验证码输入框”,页面底部自动弹出字母全键盘。
5.3 首页
功能描述:用户浏览主要的商品和活动信息等。
输入/前置条件:打开APP后首先显示的内容或点击底部导航栏中的“首页”功能标签。
(1)用户位置定位
页面逻辑内容:
在选择收获地址页面,用户点击“请输入收获地址”文本框输入新地址、或点击系统默认的地址、或点击附近地址(可重新定位)、或点击页面右上方的新增地址编辑保存后都将会自动跳转回首页,用户位置定位变更为当前已选择或保存的新地址。
页面交互:
在“选择收货地址”页面下点击“请输入收获地址”文本框,页面变暗;同时字母全键盘从底部弹出,文本框在输入文本后,原文本框提示内容消失,点击“取消”页面恢复正常;
系统默认地址为上一次的选择的收货地址;
在“选择收货地址”页面下点击“新增地址”,新增收货地址页面从右侧弹出,点击手机号输入框,数字全键盘从页面底部弹出;点击其他内容,输入框字母全键盘从页面底部弹出;
(2)商品搜索框
页面逻辑:
搜索页面结构分为搜索框、搜索历史、实时热搜和新品时令四部分;
用户在搜索框内输入商品、美食等进行搜索会跳转至相应的商品搜索结果页面;
系统对已搜索过的内容自动标签化添加到历史搜索内容,点击“垃圾桶”按钮可删除搜索历史;“搜索历史”规则描述:按搜索的时间倒叙排列,排列方式从左至右、从上至下排列,可展示10条历史搜索内容,展示排数没有限制;
附近门店实时热搜内容是系统根据定位,为用户推荐最近盒马门店的热搜商品,点击相应标签,进入相应商品推荐页面;
新品时令是系统为用户推荐的新品和时令商品,点击相应商品标签,也会进入相应商品搜索结果页。
页面交互:
在“首页”页面点击搜索框,搜索页面从右侧弹出,同时字母全键盘从页面底部弹出;
搜索框内会自动显示历史搜索内容,输入文本后,历史搜索内容消失,同时系统会根据输入的汉字提供相关的搜索关键词;
点击搜索历史右侧的“垃圾桶”按钮可清除所有历史搜索内容;
点击附近门店实施热搜栏右侧的“更新”按钮可更新实时热搜内容;
通过搜索商品内容、点击搜索历史标签、附近XX门店实时热搜标签及新品时令标签,商品搜索结果页面直接弹出。
(3)功能导航
页面逻辑:
点击功能导航按钮,显示出系列功能或活动的功能选项,点击相应的功能或活动选项可进入相关页面。
页面交互:
在“首页”的页面下点击功能导航按钮,功能导航标签栏从搜索栏下方弹出;同时,搜索框边长覆盖功能导航按钮,向上滑动页面,功能导航标签栏向上滑动收起,页面恢复正常;
点击功能导航标签栏中的功能,如“在线点餐”,相应页面从右侧弹出;
(4)消息中心
页面交互:
在“首页”页面下点击”消息“按钮”,消息页面从页面右侧弹出;
所有消息按时间倒序排列;
(5)广告活动banner
页面交互:点击活动/广告Banner区域,活动/广告页面从右侧弹出。
(6)商品分类标签区
页面逻辑:
商品分类标签区共十类,点击相应的标签可进入相关商品推荐页面。由于十类商品分类的页面结构和内容极其相似,笔者暂时优先选择对“新鲜水果”类标签做分析和说明;
“新鲜水果”页面结构分为标题栏,商品标签栏和商品推荐列表三部分组成;
在“新鲜水果”页面下点击标题栏中的“搜索”按钮可进入搜索页面,点击“购物车”按钮可进入购物车页面;
点击左侧商品标签区的标签,右侧的商品推荐列表会列出商品筛选结果(其中在主标签“春日尝鲜”页面,可根据商品子标签可以进一步筛选商品);
点击商品直接进入商品详情界面,点击每个商品右方的“购物车”图标,或点击商品详情页的“加入购物车”功能选项,可将商品加入购物车。
页面交互:
点击“首页”页面中的“新鲜水果”标签,相应的商品推荐页面从右侧弹出;
在“新鲜水果”商品推荐页面下,点击标题栏中的“搜索”按钮,“搜索”页面从右侧弹出;同时,字母全键盘从底部弹出,此时在商品搜索页面点击“返回”按钮,返回“新鲜水果”商品标签页面;
点击“购物车”按钮,购物车页面从右侧弹出;同理,点击“返回”按钮,返回之前的商品标签页面;
在商品推荐页面下,点击切换左侧商品标签区的标签,右侧的商品推荐列表自动更新直接弹出;
右侧的商品推荐列表可上下滑动,查看更多信息。滑动时,在上部边界,上拉可至上一个分类的商品推荐列表;在下部边界,下拉可至下一个分类的商品推荐列表;
点击每个商品右方的购物车图标,或点击商品详情页的加入购物车选项,商品分类页右上角购物车右角标数字+1,同时会有1s的“商品放入购物车”的动画;
(7)商品专题活动区
页面逻辑:
商品专题活动区包括“超盒算”、“盒马平价菜”、“盒马一百分”和“时令尝鲜”四个主题活动。点击主题活动点击进入专项页面后,页面的结构和内容各有不同,但主要内容都是推荐一些相关的活动商品,这里以“超盒算”为例进行介绍。
“超盒算”页面结构分为标题栏、标签栏(今日必抢)和商品推荐列表三部分,点击商品推荐列表中的商品区域可进入相应商品的详情页面;
商品图片左上方显示商品的活动信息,如特价/买一赠一等,选择“马上抢”可将商品加入购物车中,同时会有1s的“商品放入购物车”的动画;
页面交互:
在“超盒算”页面下点击标题栏中的购物车按钮,购物车页面从右侧弹出;
点击“马上抢”按钮,商品将被自动加入购物车中,同时页面右上方购物车的角标数字加1;
点击商品推荐列表中的商品,商品详情页从右侧弹出。
(8)猜你喜欢商品推荐区
页面逻辑:
系统为用户推荐了一些用户可能喜欢的商品,用户可全部查看、也可点击不同的分类标签(如下午茶、菜谱、食材等)查看相关商品推荐列表;