Yummy产品说明文档1.0

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

首页

新品海报

• 位置&＃xff1a;首页正中央
• 交互&＃xff1a;
  &＃xff08;1&＃xff09;点击海报&＃xff0c;跳转至对应商品详情&＃xff1b;
  &＃xff08;2&＃xff09;向右滑动一次切换至动态页&＃xff1b;
  &＃xff08;3&＃xff09;向右滑动两次切换至点餐页。
• 来源&＃xff1a;图片支持运营后台配置。
• 数量&＃xff1a;一个图片框对应一张。
• 边界&＃xff1a;当网络异常&＃xff0c;获取不到服务端数据&＃xff0c;即无法拉取图片时&＃xff0c;展示默认图片。默认图片由UI输出。

个人信息入口

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

搜索入口

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

购物车入口

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

订单入口

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

动态页

热门动态

• 位置&＃xff1a;动态页屏幕中央
• 信息&＃xff1a;
  &＃xff08;1&＃xff09;动态详情&＃xff08;包含图片、文字&＃xff09;&＃xff1b;
  &＃xff08;2&＃xff09;动态发布者&＃xff08;包含头像、用户名&＃xff09;&＃xff1b;
  &＃xff08;3&＃xff09;动态点赞数。
• 交互&＃xff1a;
  &＃xff08;1&＃xff09;点击动态进入动态详情页&＃xff1b;
  &＃xff08;2&＃xff09;点击发布者头像进入发布者主页&＃xff1b;
  &＃xff08;3&＃xff09;向左滑动一次进入首页&＃xff1b;
  &＃xff08;4&＃xff09;向右滑动一次进入点餐页。

点赞按钮

• 位置&＃xff1a;动态卡片右下角。
• 状态&＃xff1a;
  &＃xff08;1&＃xff09;已点赞&＃xff1a;按钮为红色&＃xff1b;
  &＃xff08;2&＃xff09;未点赞&＃xff1a;按钮为透明。

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

点餐页

商品卡片

• 位置&＃xff1a;点餐页屏幕正中央。
• 信息&＃xff1a;商品名称、图片、价格、销量。
• 交互&＃xff1a;
  &＃xff08;1&＃xff09;点击商品卡片可查看商品详情&＃xff1b;
  &＃xff08;2&＃xff09;向左滑动一次切换至动态页&＃xff1b;
  &＃xff08;3&＃xff09;向左滑动两次切换至首页。

加入购物车

• 位置&＃xff1a;商品卡片右下角。
• 交互&＃xff1a;点击加入购物车&＃xff0c;弹出购物车图标&＃xff0c;一秒后消失。
• 状态&＃xff1a;
  &＃xff08;1&＃xff09;商品已加入购物车&＃xff0c;在购物车图标上标示数量&＃xff1b;
  &＃xff08;2&＃xff09;商品未加入购物车&＃xff0c;购物车图标无变化。

轮播图

• 位置&＃xff1a;顶部导航栏下方。
• 交互&＃xff1a;
  &＃xff08;1&＃xff09;每隔三秒自动播放下一张&＃xff1b;当播放到最后一张时&＃xff0c;自动循环播放第一张&＃xff1b;
  &＃xff08;2&＃xff09;手势左滑/右滑切换上一张/下一张&＃xff1b;
  &＃xff08;3&＃xff09;点击任意一张图片&＃xff0c;进入商品详情页。
• 来源&＃xff1a;图片支持运营后台配置。
• 数量&＃xff1a;图片最少一张&＃xff0c;最多四张。
• 边界&＃xff1a;当网络异常&＃xff0c;获取不到服务端数据&＃xff0c;即无法拉取图片时&＃xff0c;展示默认图片。默认图片由UI输出。

活动海报

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

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

搜索页

搜索框

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

搜索结果

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

加入购物车

• 位置&＃xff1a;商品卡片右下角。
• 交互&＃xff1a;点击加入购物车&＃xff0c;弹出购物车图标一秒后消失。
• 状态&＃xff1a;
  &＃xff08;1&＃xff09;商品已加入购物车&＃xff0c;在购物车图标上标示数量&＃xff1b;
  &＃xff08;2&＃xff09;商品未加入购物车&＃xff0c;购物车图标无变化。

推荐商品

• 位置&＃xff1a;搜索结果列表下方。
• 信息&＃xff1a;商品卡片列表包含名称、图片、月销量、价格。
• 交互&＃xff1a;
  &＃xff08;1&＃xff09;点击搜索列表中任意一个商品跳转至商品详情页&＃xff1b;
  &＃xff08;2&＃xff09;点击加入购物车&＃xff0c;弹出购物车图标一秒后消失。
• 来源&＃xff1a;系统根据用户画像和用户行为进行推荐。

筛选

• 位置&＃xff1a;搜索框下方。
• 交互&＃xff1a;更改筛选方式&＃xff0c;搜索结果排序随之变化。

购物车页

商品卡片

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

门店入口

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

商品管理按钮

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

数量转换按钮

• 位置&＃xff1a;商品卡片右下角。
• 交互&＃xff1a;更改商品数量&＃xff0c;向上/向下箭头为增/减。
• 边界&＃xff1a;
  &＃xff08;1&＃xff09;达到限购数量&＃xff0c;提示商品不能再增加了&＃xff1b;
  &＃xff08;2&＃xff09;达到下限数量&＃xff0c;提示商品不能再减少了。

清空失效宝贝按钮

• 位置&＃xff1a;失效商品卡片右上角。
• 交互&＃xff1a;点击按钮&＃xff0c;对应失效商品卡片消失。

结算

• 位置&＃xff1a;购物车页右下角。
• 交互&＃xff1a;将所选商品提交至确认订单页。
• 状态&＃xff1a;
  &＃xff08;1&＃xff09;未选中商品时&＃xff0c;按钮成呈暗橙色&＃xff0c;点击按钮不跳转&＃xff1b;
  &＃xff08;2&＃xff09;选中商品时&＃xff0c;按钮成亮橙色&＃xff0c;点击按钮跳转至确认订单页。

确认订单页

结算商品卡片

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

平台协议及政策入口

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

提交订单按钮

• 位置&＃xff1a;确认订单页右下角。
• 交互&＃xff1a;点击按钮出现付款弹窗。
• 状态&＃xff1a;
  &＃xff08;1&＃xff09;付款成功&＃xff1a;跳转至订单页&＃xff0c;更新订单列表。
  &＃xff08;2&＃xff09;付款失败&＃xff1a;跳转至待付款页。

订单页

已结算商品

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

门店入口

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

待付款页入口

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

待评价页入口

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

待取餐页入口

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

待取餐页

取餐信息

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

预约提示

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

订单信息

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

复制按钮

• 位置&＃xff1a;订单信息卡片右侧。
• 交互&＃xff1a;点击复制交易号或订单编号&＃xff0c;并提示复制成功。

个人信息页

个人信息卡片

• 位置&＃xff1a;个人信息页上方。
• 信息&＃xff1a;包含用户头像、名称、个性签名、二维码、背景墙。
• 交互&＃xff1a;
  &＃xff08;1&＃xff09;点击头像可放大查看、更改、下载。
  &＃xff08;2&＃xff09;点击个性签名可查看或更改。
  &＃xff08;3&＃xff09;点击二维码可放大查看、下载、分享。
  &＃xff08;4&＃xff09;点击背景墙可更改或下载。

点我了解会员入口

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

我的收藏

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

记录我的用餐时刻

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

我的钱包

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

设置入口

• 位置&＃xff1a;个人信息页底部。
• 交互&＃xff1a;点击跳转至设置页。

位置入口

• 位置&＃xff1a;个人信息页底部。
• 交互&＃xff1a;点击跳转至定位页。

夜间按钮

• 位置&＃xff1a;个人信息页底部。
• 交互&＃xff1a;一键更换夜间/白天模式。
• 状态&＃xff1a;
  &＃xff08;1&＃xff09;当前模式为夜间模式&＃xff0c;点击更换为白天模式&＃xff1b;
  &＃xff08;2&＃xff09;当前模式为白天模式&＃xff0c;点击更换为夜间模式。

设置页

账号管理

• 位置&＃xff1a;设置页顶行。
• 交互&＃xff1a;
  &＃xff08;1&＃xff09;点击跳转账号管理页。
  &＃xff08;2&＃xff09;进行账号管理相关操作。

手机号码

• 位置&＃xff1a;账号管理下方。
• 交互&＃xff1a;
  &＃xff08;1&＃xff09;点击跳转号码管理页。
  &＃xff08;2&＃xff09;变更绑定手机号。

隐私

• 位置&＃xff1a;手机号码下方。
• 交互&＃xff1a;
  &＃xff08;1&＃xff09;点击跳转隐私管理页。
  &＃xff08;2&＃xff09;查看隐私管理细则&＃xff0c;进行隐私设置。
• 来源&＃xff1a;隐私管理细则由官方设定。

通用

• 位置&＃xff1a;隐私按钮下方。
• 交互&＃xff1a;
  &＃xff08;1&＃xff09;点击跳转通用管理页。
  &＃xff08;2&＃xff09;可进行通用功能设定与配置。

辅助功能

• 位置&＃xff1a;通用按钮下方。
• 交互&＃xff1a;
  &＃xff08;1&＃xff09;点击跳转辅助功能管理页。
  &＃xff08;2&＃xff09;可进行辅助功能设定与配置。

账号安全

• 位置&＃xff1a;辅助功能下方。
• 交互&＃xff1a;
  &＃xff08;1&＃xff09;点击跳转账号安全管理页。
  &＃xff08;2&＃xff09;可查看账号安全管理细则&＃xff0c;进行账号安全相关设定。
• 来源&＃xff1a;安全管理细则由官方设定

关于Yummy与帮助

• 位置&＃xff1a;账号安全下方。
• 交互&＃xff1a;
  &＃xff08;1&＃xff09;点击跳转账Yummy版本管理页。
  &＃xff08;2&＃xff09;可查看版本、版本更新、联系客服。

位置页

定位按钮

• 位置&＃xff1a;地图右下角。
• 交互&＃xff1a;点击定位按钮&＃xff0c;重新定位&＃xff0c;更新地图。

搜素框

• 位置&＃xff1a;地图下方。
• 交互&＃xff1a;输入关键词&＃xff0c;点击搜索&＃xff0c;更新结果列表。

结果列表

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