Yummy产品说明文档1.0

分析目录

• 项目概述
• 修改记录
• 需求列表
• 功能脑图
• 功能描述
• • 首页
  • • 新品海报
    • 个人信息入口
    • 搜索入口
    • 购物车入口
    • 订单入口
  • 动态页
  • • 热门动态
    • 点赞按钮
  • 点餐页
  • • 商品卡片
    • 加入购物车
    • 轮播图
    • 活动海报
  • 搜索页
  • • 搜索框
    • 搜索结果
    • 加入购物车
    • 推荐商品
    • 筛选
  • 购物车页
  • • 商品卡片
    • 门店入口
    • 商品管理按钮
    • 数量转换按钮
    • 清空失效宝贝按钮
    • 结算
  • 确认订单页
  • • 结算商品卡片
    • 平台协议及政策入口
    • 提交订单按钮
  • 订单页
  • • 已结算商品
    • 门店入口
    • 待付款页入口
    • 待评价页入口
    • 待取餐页入口
  • 待取餐页
  • • 取餐信息
    • 预约提示
    • 订单信息
    • 复制按钮
  • 个人信息页
  • • 个人信息卡片
    • 点我了解会员入口
    • 我的收藏
    • 记录我的用餐时刻
    • 我的钱包
    • 设置入口
    • 位置入口
    • 夜间按钮
  • 设置页
  • • 账号管理
    • 手机号码
    • 隐私
    • 通用
    • 辅助功能
    • 账号安全
    • 关于Yummy与帮助
  • 位置页
  • • 定位按钮
    • 搜素框
    • 结果列表
• 数据需求及埋点

项目概述

Yummy是一款集点单、社交为一体，针对于取单错误、排队时间过长、找不到服务生、取餐凭证丢失等痛点而设计的APP。

修改记录

版本	修改内容	修改人	修改时间
V1.0	完成初稿	熊晓萱	2020年 4月 1日
V1.1	增加轮播图、活动海报边界信息	熊晓萱	2020年 4月 10日

需求列表

序号	页面	需求名称	需求详情	优先级
1	首页	新品海报	展示店内新品	T2
个人信息入口	点击查看个人信息	T1
搜索入口	点击搜索店内商品	T1
购物车入口	点击查看购物车	T1
订单入口	点击查看个人订单	T1
2	动态页	热门动态	展示热门动态	T1
点赞按钮	为喜欢的动态点赞	T1
3	点餐页	商品卡片	展示店内商品详情	T1
加入购物车	将心仪的商品加入购物车	T1
轮播图	展示店内热门新品	T2
活动海报	展示人气高的活动	T2
4	搜索页	搜索框	输入关键词进行搜索	T1
搜索结果	展示关键词搜索结果	T1
加入购物车	将心仪的商品加入购物车	T1
推荐商品	展示系统智能推荐的商品	T1
筛选	切换排序方式	T2
5	购物车页	商品卡片	展示加入购物车的商品	T1
门店入口	点击门店图标查看门店详情	T2
商品管理按钮	选中商品结算或删除	T1
数量转换按钮	更改对应商品数量	T2
清空失效宝贝按钮	清空失效商品	T2
结算	将选中商品提交至确认订单页	T1
6	确认订单页	结算商品卡片	展示需要结算的商品卡片列表	T1
平台协议及政策入口	查看平台服务协议及隐私政策	T2
提交订单按钮	将结算商品付款并提交至订单页	T1
7	订单页	已结算商品卡片	展示结算完的商品卡片列表	T1
门店入口	点击门店图标查看门店详情	T2
待付款页入口	点击查看待付款页	T1
待取餐页入口	点击查看待取餐页	T1
待评价页入口	点击查看待评价页	T1
8	待取餐页	取餐信息	展示待取餐商品对应的取餐信息	T1
预约提示	展示预约提示	T2
订单信息	展示待取餐商品对应的订单信息	T1
复制按钮	复制交易号或订单编号	T1
9	个人信息页	个人信息卡片	展示个人信息	T1
点我了解会员入口	点击查看会员页	T1
我的收藏	查看收藏的商品或动态	T1
记录我的用餐时刻	拍照发布动态	T1
我的钱包	点击查看个人充值、余额情况	T1
设置入口	查看设置页	T2
位置入口	查看位置页	T2
夜间按钮	切换成夜间模式	T2
10	设置页	账号管理	管理个人账号信息	T1
手机号码	管理账号绑定的手机号码	T1
隐私	隐私信息设置	T1
通用	通用信息设置	T1
辅助功能	查看辅助功能	T2
账号安全	查看账号安全设置页	T1
关于Yummy与帮助	更新版本、联系客服	T1
11	位置页	定位按钮	点击进行定位并展示地图	T1
搜索框	搜索门店位置	T1
结果列表	展示搜索结果	T1

功能脑图

功能描述

首页

新品海报

• 位置：首页正中央

• 交互：

  （1）点击海报，跳转至对应商品详情；

  （2）向右滑动一次切换至动态页；

  （3）向右滑动两次切换至点餐页。

• 来源：图片支持运营后台配置。
• 数量：一个图片框对应一张。
• 边界：当网络异常，获取不到服务端数据，即无法拉取图片时，展示默认图片。默认图片由UI输出。

个人信息入口

• 位置：顶部导航栏左侧。
• 交互：点击进入个人信息页。

搜索入口

• 位置：顶部导航栏右侧第一个图标。
• 交互：点击进入搜索页。

购物车入口

• 位置：顶部导航栏右侧第二个图标。
• 交互：点击进入购物车页

订单入口

• 位置：顶部导航栏右侧第三个图标。
• 交互：点击进入订单页。

动态页

热门动态

• 位置：动态页屏幕中央

• 信息：

  （1）动态详情（包含图片、文字）；

  （2）动态发布者（包含头像、用户名）；

  （3）动态点赞数。

• 交互：

  （1）点击动态进入动态详情页；

  （2）点击发布者头像进入发布者主页；

  （3）向左滑动一次进入首页；

  （4）向右滑动一次进入点餐页。

点赞按钮

• 位置：动态卡片右下角。

• 状态：

  （1）已点赞：按钮为红色；

  （2）未点赞：按钮为透明。

个人信息、搜索、购物车、订单组件的相关位置、交互信息同首页。

点餐页

商品卡片

• 位置：点餐页屏幕正中央。
• 信息：商品名称、图片、价格、销量。

• 交互：

  （1）点击商品卡片可查看商品详情；

  （2）向左滑动一次切换至动态页；

  （3）向左滑动两次切换至首页。

加入购物车

• 位置：商品卡片右下角。
• 交互：点击加入购物车，弹出购物车图标，一秒后消失。

• 状态：

  （1）商品已加入购物车，在购物车图标上标示数量；

  （2）商品未加入购物车，购物车图标无变化。

轮播图

• 位置：顶部导航栏下方。

• 交互：

  （1）每隔三秒自动播放下一张；当播放到最后一张时，自动循环播放第一张；

  （2）手势左滑/右滑切换上一张/下一张；

  （3）点击任意一张图片，进入商品详情页。

• 来源：图片支持运营后台配置。
• 数量：图片最少一张，最多四张。
• 边界：当网络异常，获取不到服务端数据，即无法拉取图片时，展示默认图片。默认图片由UI输出。

活动海报

• 位置：顶部导航栏下方。
• 交互：点击图片，进入活动详情页。
• 来源：图片支持运营后台配置。
• 数量：图片数量为一张。
• 边界：当网络异常，获取不到服务端数据，即无法拉取图片时，展示默认图片。默认图片由UI输出。
• 来源：所有活动由商家在后台创建。

个人信息、搜索、购物车、订单组件的相关位置、交互信息同首页。

搜索页

搜索框

• 位置：搜索页顶部。
• 交互：输入关键词，点击搜索，出现搜索结果列表和推荐商品。

搜索结果

• 位置：搜索页屏幕正中央。
• 信息：商品卡片列表包含名称、图片、月销量、剩余量、价格。
• 交互：点击搜索列表中任意一个商品跳转至商品详情页。

加入购物车

• 位置：商品卡片右下角。
• 交互：点击加入购物车，弹出购物车图标一秒后消失。

• 状态：

  （1）商品已加入购物车，在购物车图标上标示数量；

  （2）商品未加入购物车，购物车图标无变化。

推荐商品

• 位置：搜索结果列表下方。
• 信息：商品卡片列表包含名称、图片、月销量、价格。

• 交互：

  （1）点击搜索列表中任意一个商品跳转至商品详情页；

  （2）点击加入购物车，弹出购物车图标一秒后消失。

• 来源：系统根据用户画像和用户行为进行推荐。

筛选

• 位置：搜索框下方。
• 交互：更改筛选方式，搜索结果排序随之变化。

购物车页

商品卡片

• 位置：购物车页屏幕正中央。
• 信息：展示商品所在门店、图片、名称、尺寸、限购量、价格、所选数量。
• 交互：点击卡片跳转至商品详情页。

门店入口

• 位置：商品卡片左上角。
• 交互：点击门店图标跳转至门店详情页。

商品管理按钮

• 位置：购物车页右上角。
• 交互：点击管理按钮可选中商品进行删除或结算操作。

数量转换按钮

• 位置：商品卡片右下角。
• 交互：更改商品数量，向上/向下箭头为增/减。

• 边界：

  （1）达到限购数量，提示商品不能再增加了；

  （2）达到下限数量，提示商品不能再减少了。

清空失效宝贝按钮

• 位置：失效商品卡片右上角。
• 交互：点击按钮，对应失效商品卡片消失。

结算

• 位置：购物车页右下角。
• 交互：将所选商品提交至确认订单页。

• 状态：

  （1）未选中商品时，按钮成呈暗橙色，点击按钮不跳转；

  （2）选中商品时，按钮成亮橙色，点击按钮跳转至确认订单页。

确认订单页

结算商品卡片

• 位置：确认订单页界面正中央。
• 信息：展示商品所在门店、名称、图片、尺寸、价格小计。
• 交互：点击卡片跳转商品详情页。

平台协议及政策入口

• 位置：商品卡片下方。
• 信息：平台服务协议、隐私保护政策。
• 交互：点击跳转协议和政策细则。
• 来源：由官方后台创建。

提交订单按钮

• 位置：确认订单页右下角。
• 交互：点击按钮出现付款弹窗。

• 状态：

  （1）付款成功：跳转至订单页，更新订单列表。

  （2）付款失败：跳转至待付款页。

订单页

已结算商品

• 位置：订单页界面正中央。
• 信息：展示商品所在门店、名称、图片、尺寸、价格合计。
• 交互：点击卡片跳转商品详情页。

门店入口

• 位置：商品卡片左上角。
• 交互：点击门店图标跳转至门店详情页。

待付款页入口

• 位置：“全部”链接右侧。
• 交互：跳转至待付款页。

待评价页入口

• 位置：“待付款”链接右侧。
• 交互：跳转至待评价页。

待取餐页入口

• 位置：“待评价”链接右侧。
• 交互：跳转至待待取餐页。

待取餐页

取餐信息

• 位置：待取餐页界面上方。
• 信息：展示排队所需时长、取餐码、商品详情。

预约提示

• 位置：取餐信息下方。
• 交互：点击查看预约细则。

订单信息

• 位置：预约提示下方。
• 信息：展示商品总价、订单总价、需付款、交易号、订单编号、交易时间。

复制按钮

• 位置：订单信息卡片右侧。
• 交互：点击复制交易号或订单编号，并提示复制成功。

个人信息页

个人信息卡片

• 位置：个人信息页上方。
• 信息：包含用户头像、名称、个性签名、二维码、背景墙。

• 交互：

  （1）点击头像可放大查看、更改、下载。

  （2）点击个性签名可查看或更改。

  （3）点击二维码可放大查看、下载、分享。

  （4）点击背景墙可更改或下载。

点我了解会员入口

• 位置：个人信息卡片下方。
• 交互：点击跳转至会员页。

我的收藏

• 位置：点我了解会员按钮下方。
• 交互：点击跳转至我的收藏页。

记录我的用餐时刻

• 位置：我的收藏按钮下方。
• 交互：点击跳转至我的动态页。

我的钱包

• 位置：记录我的用餐时刻按钮下方。
• 交互：点击跳转至我的钱包页。

设置入口

• 位置：个人信息页底部。
• 交互：点击跳转至设置页。

位置入口

• 位置：个人信息页底部。
• 交互：点击跳转至定位页。

夜间按钮

• 位置：个人信息页底部。
• 交互：一键更换夜间/白天模式。

• 状态：

  （1）当前模式为夜间模式，点击更换为白天模式；

  （2）当前模式为白天模式，点击更换为夜间模式。

设置页

账号管理

• 位置：设置页顶行。

• 交互：

  （1）点击跳转账号管理页。

  （2）进行账号管理相关操作。

手机号码

• 位置：账号管理下方。

• 交互：

  （1）点击跳转号码管理页。

  （2）变更绑定手机号。

隐私

• 位置：手机号码下方。

• 交互：

  （1）点击跳转隐私管理页。

  （2）查看隐私管理细则，进行隐私设置。

• 来源：隐私管理细则由官方设定。

通用

• 位置：隐私按钮下方。

• 交互：

  （1）点击跳转通用管理页。

  （2）可进行通用功能设定与配置。

辅助功能

• 位置：通用按钮下方。

• 交互：

  （1）点击跳转辅助功能管理页。

  （2）可进行辅助功能设定与配置。

账号安全

• 位置：辅助功能下方。

• 交互：

  （1）点击跳转账号安全管理页。

  （2）可查看账号安全管理细则，进行账号安全相关设定。

• 来源：安全管理细则由官方设定

关于Yummy与帮助

• 位置：账号安全下方。

• 交互：

  （1）点击跳转账Yummy版本管理页。

  （2）可查看版本、版本更新、联系客服。

位置页

定位按钮

• 位置：地图右下角。
• 交互：点击定位按钮，重新定位，更新地图。

搜素框

• 位置：地图下方。
• 交互：输入关键词，点击搜索，更新结果列表。

结果列表

• 位置：搜索框下方。
• 信息：包含门店名称、位置、路线。
• 交互：点击右侧路线，跳转高德/百度地图进行导航。
• 来源：后台调用高德/百度地图API。

数据需求及埋点

Yummy数据统计及需求
页面	功能	统计维度	备注
首页	页面	曝光pv和uv
新品海报	点击pv和uv	按照banner的展示顺序分别统计
个人信息入口	点击pv和uv
搜索入口	点击pv和uv
购物车入口	点击pv和uv
订单入口	点击pv和uv
首页	页面	曝光pv和uv
热门动态	点击pv和uv
点赞按钮	点击pv和uv
点餐页	页面	曝光pv和uv
商品卡片	点击pv和uv
加入购物车	点击pv和uv
轮播图	点击pv和uv	按照banner的展示顺序分别统计
活动海报	点击pv和uv	参与成功、参与失败分别统计
搜索页	页面	曝光pv和uv
搜索框	点击pv和uv
搜索结果	点击pv和uv
加入购物车	点击pv和uv
推荐商品	点击pv和uv
推荐	点击pv和uv
购物车页	页面	曝光pv和uv
商品卡片	点击pv和uv
门店入口	点击pv和uv
商品管理	点击pv和uv
数量转换	点击pv和uv
清空失效宝贝	点击pv和uv
结算	点击pv和uv
确认订单页	页面	曝光pv和uv
结算商品卡片	点击pv和uv
平台协议及政策入口	点击pv和uv
提交订单	点击pv和uv	支付成功、支付失败分别统计
订单页	页面	曝光pv和uv
已结算商品卡片	点击pv和uv
门店入口	点击pv和uv
待付款页入口	点击pv和uv
待取餐页入口	点击pv和uv
待评价页入口	点击pv和uv
待取餐页	页面	曝光pv和uv
取餐信息	点击pv和uv
预约提示	点击pv和uv
订单信息	点击pv和uv
复制按钮	点击pv和uv
个人信息页	页面	曝光pv和uv
个人信息卡片	点击pv和uv
点我了解会员入口	点击pv和uv	加入会员、未加入会员分别统计
我的收藏	点击pv和uv
记录我的用餐时刻	点击pv和uv
我的钱包	点击pv和uv
设置入口	点击pv和uv
位置入口	点击pv和uv
夜间按钮	点击pv和uv
s设置页	页面	曝光pv和uv
账号管理	点击pv和uv
手机号码	点击pv和uv
隐私	点击pv和uv
通用	点击pv和uv
辅助功能	点击pv和uv
账号安全	点击pv和uv
关于Yummy与帮助	点击pv和uv
位置页	页面	曝光pv和uv
定位	点击pv和uv
搜索框	点击pv和uv
结果列表	点击pv和uv