PRD:倒推“每日优鲜”app产品需←求文档

Luffy
54 评论 3.1万 浏览 350 收藏
15天0基础极速入门数据分析,掌握一套数据分析流程和方法,学完就能写一份数据报告!了解一下>>

疫情过后,线上买菜会成为趋←势吗?每日↓优鲜作为一个比较成熟的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后按钮内容变回原ㄨ本内容;
  • 用户点击第三方登陆下的三个按▃钮,相应的第三方【授权页面从页面右侧弹出。

异常流程:用户输入短信验证码错误㊣,弹出Toast提示“验证码错误,请确认后再次尝试”提示文本,3秒后消失,用户重】新操作。

4.2 首页

功能:展示商品和活动信息、对↓商品分类、推荐商品信息。

优先级:

前置条件:打开每日优鲜APP后首先显示♀的内容或点击底部导航栏中的“首页”功能标签。

页面结构:

  1. 用户位置№定位;
  2. 商品搜索框◥;
  3. 活动/广告banner页,6例活动/广告页轮『播;
  4. 商品分类tab导航,共10类;
  5. 活动标签ㄨ区;
  6. 热销商◣品推荐区;
  7. 商品专题活动①区;
  8. 特色商品分㊣类栏专题区,共7类。

刷新机制:

  • 下拉页面进行刷新;
  • 进入此页面自动刷新Ψ。

逻这段时间里辑内容详细说明:

1. 用户位置定位

系统默认显示上一次用户选择的〓地址,点击后页面跳转至选择其他收货地址页面。

功能:选择、添加、更改收货地址。

用户场景:用户想要更改收←货地址、选择其他已添加的收货地址、新增收货地址。

页面逻辑:

  • 在选择其他收货地址页〓面,用户点击输◤入框输入新收货地址,会自动显示与包含输入地址字符的tjf168888所有地址选项,选择好后页面自动转回至首页№,用户收货地址变更为已输入的地址。
  • 其他收货地址页面结构分为城市选择框、文本搜索框、当前定位、用户已存⊙储的收货地址、附近神兵竟然各自具有灵性地址共5部分内容。
  • 用户选国家择城市后,在文本搜索框内输入具体地址内容进行搜索(支持内⊙容模糊搜索),在下拉备选列表中给出相关搜索▓内容的具体地址及距离公里数。
  • 系统对已搜索过的内容自动标签∩化添加到历史卐记录中(历史搜索规则描述:按搜索的时间倒序排列,排列方式从上至下排【列,可点击垃圾桶图标清除所有历史搜索内容)。

页面交互:

  • 在“首页”点击送货地址,选择收货¤地址页面¤从右侧弹出。
  • 在“选择收货我日地址”页面下》点击“请输入您的收货地址在无形之中”文本框,字母键盘甚至没有征求任何人从底部弹出,文本框在输入文本后,原文本框提示内容消失,出现下拉备选列表,列表里显示与搜索内容相关的地址,点击“取消”回到“选择收货地址”页面。
  • 在“选择收货地址”页面点击“新增地址”,新增收货地址页面□从右侧弹出,点击手机号输入框,数字键盘从页面底部弹出;点击“+通讯录”,页面中间跳出dialog弹窗,请求访问用户通讯录,用户选择“好”,从底部弹出通讯录页面,用户选择“取消”,回到当前页面;点击“收货地址”文本框,地址搜索页面※从右侧弹出;点击门牌号↑输入框,字母全键盘从页面底部弹出。
  • 在选择当前还是原来定位、已存储的收货地址、附近地址栏目中的地址后,收货地︼址页面从右侧滑出,跳转回首页。

思考改进:用户在文本搜索框内输入具体地址内容进行搜索时,在下拉备选列表中的文本与输卐入框中搜索内容相关的文本可以被☆加粗显示。

2. 商品搜索框

用户可以直接点击搜№索框后,页面跳转至搜索框hint的商品信息这种奇异界面,也可自己输入想购买商品的关键字进行特定搜索。

功能:搜索商品。

用户场景:用户需要』快速获得想要购买的商品的信息。

页面逻辑:

  • 搜索页面结构分为搜索框、搜索历史、热门热搜◣三部分。
  • 用户在搜索框内输入商品进行搜ζ索,支持内容模是相当重要糊搜索,搜索完成后页面转√至包含搜索词的相应的商品搜索结果页面,没有库存的商品显示“已抢光”,不能添加购物车,但可以寻找相似商品。
  • 系统对已搜索过的内容自动标签化添加到ω历史搜索内容点击“垃圾桶”按钮ㄨ可删除搜索历史。
  • “搜索历史”规则描述:按搜※索的时间倒叙排列,排列方式从左至右、从上至下排列,可两排展示10条历史搜索内容,字数长度限制♂为10字符,超出部分※用“…”代替。
  • 热门搜索内容是系统就带着赶到一家商场根据定位,为用户推荐附近多数用户搜索的榜单商品,按搜索热度百分比降序排列,点击相应标把那钱夹递了过去签,进入相应商品九哥带领了二十多个小弟报仇而来推荐页面,最多可展▅示15条热门搜索内▅容,并将热门★搜索前三商品加粗显示。

页面交互:

  • 在“首页”页面点击↘搜索框,搜索页面从右侧弹出,同时字母全键盘★从页面底部弹出。
  • 搜索框内会自动★显示推荐商品名,输入文本后,默认推荐内容消失,当前♂页面其他内容隐藏,同时弹出下拉备选列⊙表,系统会根据输入的汉字提供相关的搜索关键词,在下拉备关心选列表中的文本与输入框中搜索〇内容相关的文本被加粗显示。
  • 点击搜索历史右侧会飞的“垃圾桶”按钮可清许多丧尸变得断臂残腿除所有历史搜索内容。
  • 通过搜索框搜索商品、点击搜索历史标签、热门搜索标签,商品搜索结果页面直接√弹出。

3. 活动/广告banner页

页面逻辑:6例活动/广告△页轮播,点击可转到∞相关活动/广告页面。

页面交互:点击活动/广告Banner区域,活动/广告页面从右侧弹出。

4. 商品分类tab导航

用户场景:用户知道自己想要购买商品→的类别,想要在某一特定类别内挑选商品。

页面逻辑:商品分类标Ψ 签区共十类,点击相应的↘标签可进入“分类”页面,同时出〓现相关商品推荐页面。

页面交互:点击“首页”页面中的商但速度竟然快到了极点品分类标签会迅速跳转至“分类”页面,同时显示出tab对应的商品列表夸赞。

5. 活动标】签区

用户场景:价格敏感型用户或者忠实用户想要通过各种活动优↙惠来节省一笔开支。

页面逻辑:活动标签区共四◤类,点击相应的标签可①进入相应的活动页面。

页面交互:点击“首页”页面→中的活动标签,相应的活动页面会从右侧保存实力继而统一天下弹出。

6. 热夜语秋梦销商品推荐区

用户场景:用户▃不知道购买哪种商品,从众心理会驱使用户浏览热销商品。

页面逻辑:

  • 热销商品排行榜为用户推荐附近多数用户购买的商品,按销∑量百分比降序排列,点击相应标签,可以进入相应商品的↓详情页面,或直接点♀击加号,将商品加入↓购物车中。
  • 点击查「看更多直接跳转至热销」排行榜页面。

页面交互:

  • 热销排行榜商品列表可横向滑动显示12个商品,滑到最右边出现“查看更多”,继续向△左滑动,“热销排行榜”页面就会从右侧弹出。
  • 点击“查看更多”按钮,“热销排行榜”页面也从右侧弹出。
  • 点击热销排行榜横向滑动商品列表中的商品,对应的商品详情■页会从右侧弹出。
  • 直接Ψ点击加号添加购物车,有1s的“商品放入或许对方只是目标购物车”的动画。

7. 商品专题活动↓区

用户场景:用户想要购买○打折或有优惠价格的活动商品。

页面逻辑:

  • 专题活动标签区共六类,点击相应的标签可进影子入相应的活动页面。
  • 这里以“每日秒杀”活动页面为例进行介绍,“每日秒杀”活动页面,分为标题㊣ 栏、结束倒计时栏和活动商品列表三部分,点击商品列表中的商品区域可进入相应商品的详情↘页面。
  • 活动商品列表中的商品介绍会显示商品的库存和已抢购人数。

页面交互:

  • “首页”页面中的活动标签,相应的活动页面会从右侧弹出。
  • 点击“每日秒杀”活动页←面商品列表中的商品区域右侧会弹出相应商这只是从理论上来说品的详情页面。
  • 点击“每日秒杀”活动页面左下角的购物车按钮,购物车页面从右★侧弹出。
  • 点击“马上抢”按钮,商品将被自动㊣加入购物车中,同时页面左下方购物车上的数字加1。

8. 特色商品分类栏专显然并没有放在心上题区

用户场景:

  • 用户打开APP进入首页,想直接在首页挑选相应类别的商品。
  • 用户想购买商品,但不知道具这一点要牢牢记住体购买什么,可以〗通过浏览此页面进行挑选。

页面逻辑:

  • 系统为用户推荐了一些用户【可能喜欢的商品,用户可全部查看、也可点击不同的分类标签(如鲜鱼鲜╲肉、在家火锅、一件包邮等)查看相就在眼前啊关商品推荐列表。
  • 在商品推荐列表中点击商「品可进入相应的商品详╲情页面,也可直接把商品加入购物车。

页面交互:

  • 下滑“首页”页面,用户可以左右滑动横排标签栏,默认选中标签为“全部”。
  • 当点击标签区的各个标签时,功能标签呈现选中¤状态;同时,页面下方弹出相应类别的商品推荐列表。
  • 点击横排标签滑动区的7个标签中◇第3、4、5个标签,标签不由大怒行会自动向左或向右滑动。
  • 特色商品分类№栏专题区可向下滑动浏览相应标签〓下的更多商品。
  • 点击下方商品推荐列表中的商品区域,商品︻详情页从右侧弹出。
  • 点击商品心下想道旁的加号,会有1s的商品放入底部标签栏的购物车的动画。

对首页整体的思考:“每日优鲜”APP用商品搜索框、广告banner、商品分类tab导航、热销商品推荐区、专题活动区、特色商品推荐区这六大模块,对不同用户的不同需求提供相应的引导方案,这六个用户需求入口集中到同一出口“商品详情用力一吸页”,驱使用户加入购物车。每日优鲜可以根据用户的浏览、搜索和订单记☉录更精准地向用户推荐商品。

4.3 商品详情页

页面结构:

  1. 商品图片
  2. 商品简介
  3. 商品所在榜单
  4. 活动分享
  5. 推荐商品
  6. 菜谱做法
  7. 商品详情

功能描述:用户在商品详情heying1990页面可查看商品的具体信息并〖加入购物车,还可以分享商品到微信和朋友圈。

前置条件:点击所有页面中的具体商品。

页面逻辑:

  • 在商品详情页◆面包含五张商品的图片;
  • 点击商品图片√右上角“分享”按钮,可以选择微信或朋友圈♀进行分享;
  • 点击榜单可进入“热销排行榜界面”,并显示该商品所在的榜∩单类别里的所有商品;
  • 点√击分享可进入“天天赚钱”活动界面;
  • 在相关推荐商品列表中点击商品可进入相关商品详情页面,点击加号可以直接加入购物车;
  • 点击“加入购物车”按钮可直接ㄨ将商品加入购物车;
  • 菜谱做法区包含相关菜品的菜谱信息,点※击菜谱可进入相应的菜谱详情页面。

页面交互:

  • 在商品的※图片上左右滑动,可※查看商品的不同图片;
  • 点击图片左上方的“返回”按钮可返回之前的页面;
  • 在商品详情页面向下拖动可查看商品详情等其他信息;
  • 点击“分享”按钮,商品详情页面变暗产︻生遮罩层,同时分享页面从底部弹出,点击分享路径图标可分享至当然相关途∞径,点击“取消”按钮或★点击外,返回到原来的商品详情页;
  • 点击“加入购物车”选项,右上角购物车角标数字加1,同时会有1s的商品放入购物车↘的动画;
  • 点击页面左下角的“购物车”图标,购物车页面从右侧弹出;
  • 滑动菜谱列表可查看菜谱信息,点击菜谱列表中的菜谱,相应的菜谱详情页面从右侧弹出。

4.4 分类页面

页面结构:

  1. 搜索框;
  2. 商品分类tab导航(主标签),共11类;
  3. 商窃喜品细分类别导航(子标签),不∏同商品大类的细分类别不同;
  4. 广告banner;
  5. 具■体商品列表。

功能描述:选择商品的分类标签,可进眼神一阵紧缩入相应的商品推荐页面。

用户场景:

  • 用户想要通过熊猫眼大叔商品分类挑选商品;
  • 用户想参考商品的销量来选择商品;
  • 价格敏感的用户需要对╲商品进行价格排序,从卐而挑选出低价商品。

优先级:

前置条件:点击页面底部导航╱栏的“分类“标签。

页面逻辑:

  • 点击搜是索框,进入商品搜索页面;
  • 点击广告banner区的广告进入相应的广告界面;
  • 点击商品分竟然发现整个屋子是红红类tab导航的标签页面右侧出现相应的商→品大类的推荐页面;
  • 点击左侧商品细分类别①导航的标签页面右侧出现他相应细分类类别的推荐页面;
  • 商品可〓以按综合、销量、价格进行排序显示;
  • 点击商品直接进入商品详情界①面,或点击加号,可将№商品直接加入购物车。

页面交互:

  • 在“分类”页面上方点击※搜索框,商品搜索页面从右侧弹ㄨ出,同时字母键盘从页面底部弹出;
  • 点击广告活动banner区的广告,相应的广告界面从右侧弹出;
  • 主标签▃可以左右滑动,子标签可以上下滑动,查看更多信息;
  • 选中标签的→内容时,字体会▃加粗显示;
  • 点击商品分类页面中的主标签,相应的商品★推荐页面和商品子标签从页面下半部分加载出来;
  • 在商品推荐页面上方点击综】合、销量、价格等⌒排序按钮,商品推荐页面会自动更新,重新加载;
  • 点击每个商品右方的加号图标,商品旁的数字+1,同时数字左边时候再说吧出现“-”按钮,底部导航页的购物车♂右角标数字+1,同时会有1s的商品放入★购物车的动画。

4.5 购物车页面

页面结构:

  1. 用户位置定位;
  2. 购物车商品列△表;
  3. 猜你喜欢商品推荐※区;
  4. 结算区。

功能描述:选择想要购买的商△品,点击结算按钮即可▽下单支付。

用户场景:用户想要挑选商品进中间行结算。

优先级:

前置条件:

  • 点击徒步飞翔页面底部导航栏的是“购物车“标签;
  • 点击商品详情页左下角购物车icon;
  • 点击菜谱〓详情页右上角购物车icon;
  • 点击广告∞活动详情页购物车浮标。

页面逻辑:

  • 在购物对和谈昙都是极好车页面下,用户可以查看添加到购物车的商品,也可点击查看商品详情;
  • 用户可以改变购物车内商品的数量,也可以同时选择对一种或多种商品㊣ 进行结算或删除;
  • 用户点击去结算按钮进入结算页面可以更改收☆货地址、选择送达时间、选择优惠红包和选择支由此可见这位铁云太子付方式,极速达商∑ 品默认送达时间为接下来一小时;
  • 结算页面有商品合计价格、活动优惠以及运费的信息;
  • 在结算页面未支付返回●购物车会出现dialog弹窗提示用户是否要离开。

页面交互:

  • 用户点击页面上●方定位Icon,选择售后地址页面㊣从右侧弹出;
  • 点击勾选商品或全选的“白色圆圈”,圆圈上会显示玫㊣红色的勾,页面右下方合计价格通过单价*数量算出并〗显示在去结算按钮左边【,“去结算”按钮填充玫红色;
  • 用户点击商品,相应的商品详情页面从辞别了乌云凉右侧弹出;
  • 用户点击商】品订单中的“+” “-”按钮,可改变结算商『品的数量;若商品数量为1,点击商品订单中的“-”按钮,页面@中间出现dialog弹窗,询问顾客是否删除该商品;
  • 点击填充玫@红色的“去结算”按钮,填写订单(支付)页面从右侧弹出;
  • 用户点击猜你喜欢区域商品旁的加号,底部导航页的购物车右角标数字+1,这时没有动画;
  • 用户点击商品旁¤的“可用优○惠券”按钮,相应的优惠券Actionbar向上滑动显○示,点击弹窗右上角々的X或遮罩,“优惠券”弹窗向下←滑出,同时遮罩消失后来又在潘强身上翻出了同样。

4.6 我的页面

页面结构:

  1. 用户信息(头像、用户名、账户信息);
  2. 消息提醒;
  3. 订单信息;
  4. 广告活动;
  5. 用户服务栏。

功能描述:查看♀订单状态、活动消息◣提醒、兑换积分、联系客服、参加优惠活动、更改账户信息。

用户场景:

  • 用户想︼要更改账号信息;
  • 用户想要◤充值;
  • 用户想要把积分兑换成商品;
  • 用户想查看︽订单状态;
  • 用户想联系客︽服寻求帮助;
  • 用户想退出登录;
  • 用户想开︽发票。

优先级:高。

前置条件:点击页面底部导航栏的“我的”标签。

页面逻辑:

  • 点击页*爱源*面左上角铃铛icon出现消息青年人页面,提示用户相关的〖优惠活动;
  • 点击积分兑■换、积分商城出现福利社◆页面,可供用户♀兑换商品;
  • 点击我的订单部分的标签栏可♀查看订单我爱⊙玉兰状态、评价订单和订单售后;
  • 点击“全部订单”可查看用户的所有订单,并提供开发票服〗务;
  • 点击活动标●签可进入相关活动详情页;
  • 点击货◤地址可新增和更改现有收货地址;
  • 点击客服可进入客服与帮助界面;
  • 点击设置可退出登陆和查看app相关信息。

页面交互:

  • 点击页面左上角铃铛icon,活动消息页面ω从右侧弹出;
  • 点击“立即开通”按钮,开通会员的“优享会※员专场”页面从右侧弹出;
  • 点击“全部订单”用户的所有战神订单页面从右侧弹出;
  • 点击我的订单区域相应标签(待支付、待配送、配送中、待评价、售后),相应页面从右侧弹出;
  • 点击活动标◥签,相关活动详情页从右侧弹出;
  • 点击货地址,我的收货地址页面从右侧弹◢出;
  • 点击客服,客服与帮助界面从右侧弹出;
  • 点击设置,设置页面从右侧弹出。

4.7 吃什么页面

页面结构:

  1. 菜谱、食材搜索框;
  2. PGC专栏;
  3. UGC专栏,横向列表分为8类,点击右№侧列表图标可展开更多;
  4. 用户头像。

功能描述:查看菜谱分类、查看菜谱的图文和视频▓信息、查看或加购菜谱里的链接商品、查查看用╳户主页、点赞、收藏、分享。

用户场景:

  • 用户买了商品不知如何制暗月狂歌作,想要搜索商品的菜谱;
  • 用户想小心分享自己的厨艺,获得自⊙我实现和满足感;
  • 用户不知道吃什他在学生们么,想看看他人分享的菜谱寻找灵感;
  • 用户想提升自己的厨艺,需要学习一不过却和之前些菜谱。

优先级:

前置条件:

  • 点击页面底部导航栏的“吃什么“标签;
  • 在商品详情页菜谱做法区点击任一菜谱区域。

页面逻辑:

  • 点击搜索框,进入菜谱搜索页面;
  • 点击头像进入用户个人╲中心;
  • 点击暖心推№荐下方图片进入相关的内容页面;
  • 点击下方菜谱分类别却又多出来了很多导航的标签页面下方出现相应类别的推荐菜谱;
  • 点击商品分类tab右侧的列表icon,会展开更详细的类别供挑选;
  • 在今日推只要大家不厌烦荐板块,用户可以对喜欢的菜谱进行点赞顿时感觉有异操作,点赞后№会把相应菜谱加入到个人中心页面的点↑赞区域;
  • 点击具体的菜谱会直接进入菜谱详情界面,下拉会出现食材清单区域,点击相应食材旁的加号,可将商品直接加入购物车,点击相应食材的图人才片/视频,会跳转商品详情页;
  • 在菜≡谱详情界面,可以对菜谱→进行点赞、收藏、分享操作;点赞、收藏后会把相应菜谱加入到个人中心页面的点赞、收藏区域。

页面交互:

  • 上下滑动浏览→内容;
  • 点击搜索框,搜索页面从右侧弹出,同时字¤母全键盘从页面底部弹出;
  • 点击用户头像,用户详情页▅从右侧弹出;
  • 点击暖心推怎么放心荐“优鲜小厨”发布的官方内容,相应▲内容界面从右侧弹出;
  • 点击菜谱图然后突破片或视频,菜谱详一同向别墅情页从右侧弹出;
  • 点击?图标∏给用户点赞,灰色的?会变成玫红色,再点击一下玫红色街道上闲逛着的?会重新变为灰色。

页面整体思考和建议:

  1. “吃什么”页面为用户卐提供了社区,增强了用户黏性。
  2. 帮助√购买了菜品不知如何制作的用户提√供了方便的制作方法。
  3. 以前往往是用户想做什么菜,然后在去搜索相应『食材,就会比※较麻烦。现在用户可以直※接搜索出菜谱,在菜谱详情页的食材清单中,把食材直接加入购』物车。
  4. 搜◆索框暂不支持内容模糊搜索,不会弹出备选列表。
  5. 菜谱图文详情页页◎面顶端,每个菜谱只有一张成♂品图片,无法点击图片放大图。建议以后拥有自己的社区后,支持用户上传多张成品图可供左右滑动查看。
  6. 用户↙暂时只能点赞收藏菜谱,并不能评论和发布作品,可以让用户购买APP上的食材后,分享该商︾品的做法,并po出自↑己的成品图/视频,同时借助评论︾功能让用户进行交流。
  7. 由于大多是第●三方APP的用户在社区上发布的●作品,所以还没有关注功能。
  8. UGC区域的内容大多源于豆果美食正端端正正这一第三方APP,相当于是把豆果美食的社区生态圈硬搬到自己的▓平台。我建议宗门每日优鲜后期可以形成自己的社区,让自己的用▓户在“吃什么”页面发布作∑品。前期,为☆了加大宣传,可以邀请一@些明星入驻,让明星在“吃什么”社区分享自己的『作品。

五、总结

随卐着互联网发展的越来越成熟,生鲜电商作为】生鲜流通新渠道,发展速度快,成长空间广居高临下阔,导致新的生鲜电商不断增加,巨头布局持续扩大,行业竞争还在持续升级。每¤日优鲜从思路、模式∮到路径,都需要创新,才能在众多生鲜微笑一下平台中脱颖而出。

注:文档中所引用的APP截○图均来源于“每日优鲜”APP,原型々图均为作者自己制作。

 

本文由 @Luffy 原创发布于〓人人都是产品经理,未经作者许〖可,禁止转载。

题图来自网络

更多精彩内容,请关注人人都是是一个很好产品经理微信公众号或下载App
分享到微博
评论
评论请登录
  1. 文档非常值得学习,可是我的原型GIF格式插入文档就不动了,请问一下您是转成网页ぷ形式存储的吗还是?

    回复
    1. 谢谢~如果插入word文档,电脑上看着是不动的噢,把word文档发送到手机上打开就能看到动态原型图☆啦

      回复
    2. 谢谢大神回复,您用▆的不是word文档写的╳吗?

      回复
  2. 请问下,图片点头道这也是没办法左右滑动的效果☆,是怎么实现的呢?

    回复
    1. 用Axure的动态面板实现的

      回复
  3. 请问一下AXURE原型就是这小子图怎么实现动态效果的

    回复
    1. 用的LICEcap

      回复
  4. 同比叮咚、美团买菜,为啥每日优鲜商详不开放评论呢?

    回复
    1. 每日优鲜主打全品类精选SKU,再加上蔬菜水果等商品不同批次可能会有差别,消费者评价的话参考意义没有其他【种类商品大,所以每日优鲜现在才没开放吧。百果园的评价也开貌似明天有雨放了,但评价的√人其实很少。不过现在每日优鲜除了生鲜蔬菜水果,它还卖一些日用百货。我觉得后期可能它也』会开放评论区吧。

      回复
  5. 虽然不错,但是,产品文档总不能让我哭吧不仅仅于此,这个东西,设计师→画的比你漂亮。产品需要逻辑,比如首页的◇商品,一ㄨ个平台那么多商品和商家,凭什么就显示的是你,怎么来的,每个数据,每个排序···

    回复
    1. 感谢指点,以后会注意逻辑部分的~

      回复
  6. 自学的吗? 你已经入行了吗

    回复
    1. 是的,不一段一段过还没入行,很多想法←都还停留在表面??

      回复
  7. 请教下在流≡程图里好像没有用户取消订单的流程,这个是怎么考虑的呢?以及产品信息结构图的目的是什↑么啊,给研发看,每条对应一个字段吗?

    回复
    1. 我当时只列出了最简单的用户下单到收到货物这种最简单▅直接的流程,用户结算后取↘消订单这一操作是存在的,下次会注意把流程图画▅得更详细一点,谢谢提醒。产这叫姜太公钓鱼品信息结构图可以作为开发建立数据库的参考依据⊙,有助于开发理解产品方案。开发根据信息结构图来设计数据表,从而实现产品功←能。至于最终是不是每条对应一个字段,我认为还是需要进行⌒沟通确定的。个人拙见,如有不妥,还请斧正。

      回复
  8. 写的萧峰是个强者很详细,学习了 ??

    回复
    1. 谢谢~

      回复
  9. 写的很棒呀,继续加油

    回复
    1. 谢谢~

      回复
  10. 厉害了,向你学习

    回复
    1. 谢谢,一起加油

      回复
  11. 我想问一力量下,原型是怎么做成gif文件的,非常感谢

    回复
    1. 官网下个LICEcap,可以√直接存为gig,很方便

      回复
  12. 你好,请问原型【是用AXURE画的吗?

    回复
    1. 是的

      回复
  13. 写得还蛮详细的▽~~期待ω后续更新~~关注了~

    回复
    1. 谢谢~~

      回复
  14. 很好,学习了,希望作者能出个后台文档,谢谢??

    回复
    1. 谢谢,我会继续努力的~??

      回复
    2. 你是说每日优鲜的后台嘛……

      回复
    3. 我是说针对这一个文档相这正是九劫剑神秘之处之一应的后台文档

      回复
    4. 是的,至于是不是每日优鲜的后台●嘛。。。。。。看作者 ??

      回复
    5. 用过

      回复
  15. 收藏了??

    回复
    1. 哈哈谢谢!互相学习~

      回复
  16. 希望能出一节ui教程~

    回复
    1. 好的??

      回复
  17. 优秀! ?

    回复
    1. 谢谢??

      回复
  18. UI设计做的也太棒了 考虑出个教程吗??

    回复
    1. 谢谢喜欢!我购物车和点赞的交⌒ 互都还没做进去,下次争取出个完整版的︻教程!??

      回复
    2. 关注了!期待你的交互教程!

      回复
  19. 棒!

    回复
    1. 谢谢!!

      回复
  20. 写的很好,谢谢分享

    回复
    1. 谢谢!

      回复
  21. 写的比较全面 继续加油

    回复
    1. 谢谢~

      回复
  22. 谢谢分享

    回复
    1. 谢谢!欢迎点评~

      回复
  23. 期待作者更新更多同类产品●的PRD

    回复
    1. 谢谢^_^

      回复
  24. 太赞了,关注你了。希望还有下一章

    回复
    1. 感谢认可!!:)

      回复