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