愛慕商城V1.0.0產(chǎn)品需求文檔
一、版本信息
二、文檔說明
1、文檔介紹
本文檔主要簡述愛慕商城APP的功能需求及其設(shè)計(jì)，目的在于清晰地定義各模塊的需求細(xì)節(jié)以及邏輯流程。
2、文檔讀者
本文檔主要面向以下讀者：愛慕商城APP的研發(fā)人員、測試人員、產(chǎn)品經(jīng)理、市場運(yùn)營人員、管理人員。
三、產(chǎn)品簡介
1、產(chǎn)品定位
愛慕商城是一款專門為女性打造的網(wǎng)上商城，為女性用戶提供最優(yōu)質(zhì)的網(wǎng)購平臺。
2、產(chǎn)品特色
分類清晰明確，不會讓你迷失在偌大的衣服商城。能讓你最快的挑選自己需要的商品。
3、用戶分析
主要用戶為年輕且無空閑時(shí)間逛街的女白領(lǐng)。
四、產(chǎn)品架構(gòu)
1、產(chǎn)品結(jié)構(gòu)圖
2、信息結(jié)構(gòu)圖
五、詳細(xì)功能說明
1、需求整理
2、功能列表?
3、頁面原型
3.1 首頁
如上圖，為愛慕商城首頁。包含以下幾個(gè)功能模塊：
搜索框
消息中心快捷入口
banner 位
商品分類入口
Feed 流（商品相關(guān)文章列表）
3.1.1 搜索框
? ? ? ? ? 點(diǎn)擊后進(jìn)入搜索頁面，見后面 3.6 ?描述
3.1.2 消息中心快捷入口
? ? ? ? ? 點(diǎn)擊后進(jìn)入消息中心頁面，見后面 3.7 ?描述
3.1.3 banner 位
最多5張圖片輪播，從右至左，每隔5秒切換
依據(jù)后臺 banner 位設(shè)置，點(diǎn)擊后可跳轉(zhuǎn)指定鏈接或?qū)ｎ}
默認(rèn)顯示第一張，可手動(dòng)滑動(dòng)切換圖片
3.1.4 商品分類入口
默認(rèn)以 4*2 顯示，依據(jù)后臺返回排序值排序
點(diǎn)擊后進(jìn)入指定商品分類，見后面 3.2 描述
3.1.5 Feed 流
包含顯示項(xiàng)：文章標(biāo)題、時(shí)間、封面圖、摘要
默認(rèn)以文章發(fā)表時(shí)間倒序排列
如文章標(biāo)記置頂，則置頂文章優(yōu)先顯示，置頂所有文章以置頂時(shí)間倒序排列
點(diǎn)擊進(jìn)入文章詳情頁，見后面 3.8 描述
3.2 分類
如上圖，為愛慕商城分類頁。包含以下幾個(gè)功能模塊：
搜索框
消息中心快捷入口
左側(cè)分類框（上裝、下裝、裙裝、家居內(nèi)衣、配飾）
3.2.1 搜索框
? ? ? ? ? 點(diǎn)擊后進(jìn)入搜索頁面，見后面3.6 描述
3.2.2 消息中心快捷入口
? ? ? ? ? 點(diǎn)擊后進(jìn)入消息中心頁面，見后面 3.7 描述
3.2.3 左側(cè)分類框
上裝
下裝
裙裝
家居內(nèi)衣
配飾
3.3 購物車
如上圖，為愛慕商城購物車頁面。包含以下幾個(gè)功能模塊：
消息中心快捷入口
添加商品內(nèi)容（商品圖片、標(biāo)題、數(shù)量、價(jià)格）
全選
3.3.1 消息中心快捷入口
? ? ? ? ? 點(diǎn)擊后進(jìn)入消息中心頁面，見后面 3.7 描述
3.3.2 添加商品內(nèi)容
? ? ? ? ??顯示添加到購物車的商品的商品圖片、標(biāo)題、數(shù)量、價(jià)格
3.3.3 全選
勾選全選，所有商品前圓圈顯示勾選狀態(tài)，下方總價(jià)為所有商品總價(jià)
結(jié)算按鈕激活，如下描述
3.4 我的
如上圖，為愛慕商城我的頁面。包含以下幾個(gè)功能模塊：
個(gè)人信息
消息中心快捷入口
訂單狀態(tài)入口
系統(tǒng)設(shè)置
3.4.1 個(gè)人信息
頭像
用戶名
昵稱（可修改）
3.4.2 消息中心快捷入口
? ? ? ? ? 點(diǎn)擊后進(jìn)入消息中心頁面，見后面3.7 描述
3.4.3 訂單狀態(tài)入口
待付款
待發(fā)貨
待收貨
全部訂單
3.4.4 系統(tǒng)設(shè)置
收貨地址，點(diǎn)擊后跳轉(zhuǎn)至新增地址，見后面3.12描述
退出登錄
3.5 登錄
如上圖，為愛慕商城登錄頁面。包含以下幾個(gè)功能模塊：
用戶第一次使用愛慕商城，或者用戶登錄新的賬號以及使用新的設(shè)備登錄愛慕商城。
點(diǎn)擊輸入手機(jī)號框，數(shù)字鍵盤自動(dòng)彈出，輸入準(zhǔn)確11位號碼，激活“獲取驗(yàn)證碼”
輸入驗(yàn)證碼，驗(yàn)證碼錯(cuò)誤，六十秒后重新獲取
3.6 搜索框
3.6.1 搜索頁面
如上圖，為愛慕商城搜索頁。包含以下幾個(gè)功能模塊：
點(diǎn)擊搜索框顯示以上頁面，鍵盤自動(dòng)彈出，輸入名稱或關(guān)鍵詞
點(diǎn)擊鍵盤return鍵跳轉(zhuǎn)至搜索結(jié)果頁面3.6.2
點(diǎn)擊取消返回至首頁
3.6.2 搜索結(jié)果頁面
如上圖，為愛慕商城搜索結(jié)果頁面。包含以下幾個(gè)功能模塊：
按照4*1顯示，根據(jù)上新時(shí)間倒敘顯示
包含顯示項(xiàng)：商品圖片、標(biāo)題、價(jià)格
點(diǎn)擊進(jìn)入商品詳情頁，見后面3.9描述
3.7 消息中心快捷入口
如上圖，為愛慕商城消息頁面。包含以下幾個(gè)功能模塊：
包含顯示項(xiàng)：商品小圖、消息內(nèi)容、時(shí)間
按照時(shí)間倒敘排序
3.8 文章詳情頁
如上圖，為愛慕商城文章詳情頁面。包含以下幾個(gè)功能模塊：
包含顯示項(xiàng)：文章標(biāo)題、摘要、正文、圖片、發(fā)布時(shí)間、商品鏈接
點(diǎn)擊鏈接跳轉(zhuǎn)至商品詳情頁。見后面3.9描述。
3.9 商品詳情頁
如上圖，為愛慕商城商品詳情頁面。包含以下幾個(gè)功能模塊：
包含顯示項(xiàng)：商品圖片、名稱、價(jià)格、詳情、主頁、購物車、加入購物車
點(diǎn)擊首頁按鈕，即跳轉(zhuǎn)至首頁
點(diǎn)擊購物車，跳轉(zhuǎn)至購物車
點(diǎn)擊加入購物車即將商品添加至購物車
點(diǎn)擊左上角箭頭即返回搜索結(jié)果頁面
3.10 ?確認(rèn)訂單
如上圖，為愛慕商城確認(rèn)訂單頁面。包含以下幾個(gè)功能模塊：
包含顯示項(xiàng)：收貨人、收貨地址、聯(lián)系方式、商品圖片、名稱、價(jià)格、數(shù)量、總價(jià)、提交訂單
點(diǎn)擊地址可選擇更換其他地址
點(diǎn)擊提交訂單跳轉(zhuǎn)至確認(rèn)付款頁面，見后面3.11描述
3.11 提交訂單
如上圖，為愛慕商城確認(rèn)付款頁面。包含以下幾個(gè)功能模塊：
選擇支付寶支付，跳轉(zhuǎn)至支付寶
選擇微信支付，跳轉(zhuǎn)至微信
3.12 新增地址
如上圖，為愛慕商城新增地址頁面。包含以下幾個(gè)功能模塊：
包含顯示項(xiàng)：收貨人、聯(lián)系方式、詳細(xì)地址、設(shè)為默認(rèn)地址、保存并使用
勾選設(shè)為默認(rèn)地址，每次提交訂單皆為默認(rèn)地址，需手動(dòng)更改
3.13 待付款
如上圖，為愛慕商城待付款頁面。包含以下幾個(gè)功能模塊：
包含顯示項(xiàng)：全部、待付款、待發(fā)貨、待收貨、取消訂單、付款
可手動(dòng)滑動(dòng)切換至全部/待發(fā)貨/待收貨
點(diǎn)擊取消訂單，待付款頁面沒有取消的訂單
3.14 待發(fā)貨
如上圖，為愛慕商城待發(fā)貨頁面。包含以下幾個(gè)功能模塊：
包含顯示項(xiàng)：全部、待付款、待發(fā)貨、待收貨
可手動(dòng)滑動(dòng)切換至全部/待付款/待收貨
3.15 待收貨
如上圖，為愛慕商城待收貨頁面。包含以下幾個(gè)功能模塊：
包含顯示項(xiàng)：全部、待付款、待發(fā)貨、待收貨、快遞單號、確認(rèn)收貨
可手動(dòng)滑動(dòng)切換至全部/待付款/待發(fā)貨
點(diǎn)擊快遞單號顯示單號詳情，見后面3.16描述
3.16 快遞單號
4、用戶使用流程圖
六、非功能需求
1、權(quán)限
登錄前：游客身份瀏覽首頁，點(diǎn)擊其他三大入口均彈出登錄界面，放棄登錄直接回到首頁。點(diǎn)擊首頁文章內(nèi)鏈接并加入購物車也會彈出登錄界面
登錄后：享受APP一切服務(wù)
2、鍵盤說明
登錄頁面點(diǎn)擊輸入手機(jī)號彈出數(shù)字鍵盤
點(diǎn)擊搜索彈出鍵盤
點(diǎn)擊新增地址收貨人、詳細(xì)地址彈出鍵盤、點(diǎn)擊聯(lián)系人號碼彈出數(shù)字鍵盤
3、登錄
登錄頁面：輸入11位號碼，才會激活“獲取驗(yàn)證碼”按鈕，如輸入號碼小于11位，則無法激活。11位號碼驗(yàn)證為正確大陸手機(jī)號碼后，才會獲取驗(yàn)證碼，否則報(bào)錯(cuò)。直至輸入正確手機(jī)號。
