愛(ài)慕商城V1.0.0產(chǎn)品需求文檔
一佛点、版本信息
二、文檔說(shuō)明
1黎比、文檔介紹
本文檔主要簡(jiǎn)述愛(ài)慕商城APP的功能需求及其設(shè)計(jì)超营，目的在于清晰地定義各模塊的需求細(xì)節(jié)以及邏輯流程。
2阅虫、文檔讀者
本文檔主要面向以下讀者：愛(ài)慕商城APP的研發(fā)人員演闭、測(cè)試人員、產(chǎn)品經(jīng)理书妻、市場(chǎng)運(yùn)營(yíng)人員船响、管理人員。
三躲履、產(chǎn)品簡(jiǎn)介
1见间、產(chǎn)品定位
愛(ài)慕商城是一款專門為女性打造的網(wǎng)上商城，為女性用戶提供最優(yōu)質(zhì)的網(wǎng)購(gòu)平臺(tái)工猜。
2米诉、產(chǎn)品特色
分類清晰明確，不會(huì)讓你迷失在偌大的衣服商城篷帅。能讓你最快的挑選自己需要的商品史侣。
3、用戶分析
主要用戶為年輕且無(wú)空閑時(shí)間逛街的女白領(lǐng)魏身。
四惊橱、產(chǎn)品架構(gòu)
1、產(chǎn)品結(jié)構(gòu)圖
2箭昵、信息結(jié)構(gòu)圖
五税朴、詳細(xì)功能說(shuō)明
1、需求整理
2家制、功能列表?
3正林、頁(yè)面原型
3.1 首頁(yè)
如上圖，為愛(ài)慕商城首頁(yè)颤殴。包含以下幾個(gè)功能模塊：
搜索框
消息中心快捷入口
banner 位
商品分類入口
Feed 流（商品相關(guān)文章列表）
3.1.1 搜索框
? ? ? ? ? 點(diǎn)擊后進(jìn)入搜索頁(yè)面觅廓，見(jiàn)后面 3.6 ?描述
3.1.2 消息中心快捷入口
? ? ? ? ? 點(diǎn)擊后進(jìn)入消息中心頁(yè)面，見(jiàn)后面 3.7 ?描述
3.1.3 banner 位
最多5張圖片輪播涵但，從右至左杈绸，每隔5秒切換
依據(jù)后臺(tái) banner 位設(shè)置帖蔓，點(diǎn)擊后可跳轉(zhuǎn)指定鏈接或?qū)ｎ}
默認(rèn)顯示第一張，可手動(dòng)滑動(dòng)切換圖片
3.1.4 商品分類入口
默認(rèn)以 4*2 顯示蝇棉，依據(jù)后臺(tái)返回排序值排序
點(diǎn)擊后進(jìn)入指定商品分類讨阻，見(jià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)入文章詳情頁(yè)奇瘦，見(jiàn)后面 3.8 描述
3.2 分類
如上圖，為愛(ài)慕商城分類頁(yè)劲弦。包含以下幾個(gè)功能模塊：
搜索框
消息中心快捷入口
左側(cè)分類框（上裝耳标、下裝、裙裝邑跪、家居內(nèi)衣次坡、配飾）
3.2.1 搜索框
? ? ? ? ? 點(diǎn)擊后進(jìn)入搜索頁(yè)面，見(jiàn)后面3.6 描述
3.2.2 消息中心快捷入口
? ? ? ? ? 點(diǎn)擊后進(jìn)入消息中心頁(yè)面画畅，見(jiàn)后面 3.7 描述
3.2.3 左側(cè)分類框
上裝
下裝
裙裝
家居內(nèi)衣
配飾
3.3 購(gòu)物車
如上圖砸琅，為愛(ài)慕商城購(gòu)物車頁(yè)面。包含以下幾個(gè)功能模塊：
消息中心快捷入口
添加商品內(nèi)容（商品圖片轴踱、標(biāo)題症脂、數(shù)量、價(jià)格）
全選
3.3.1 消息中心快捷入口
? ? ? ? ? 點(diǎn)擊后進(jìn)入消息中心頁(yè)面淫僻，見(jiàn)后面 3.7 描述
3.3.2 添加商品內(nèi)容
? ? ? ? ??顯示添加到購(gòu)物車的商品的商品圖片诱篷、標(biāo)題、數(shù)量雳灵、價(jià)格
3.3.3 全選
勾選全選棕所，所有商品前圓圈顯示勾選狀態(tài)，下方總價(jià)為所有商品總價(jià)
結(jié)算按鈕激活悯辙，如下描述
3.4 我的
如上圖琳省，為愛(ài)慕商城我的頁(yè)面。包含以下幾個(gè)功能模塊：
個(gè)人信息
消息中心快捷入口
訂單狀態(tài)入口
系統(tǒng)設(shè)置
3.4.1 個(gè)人信息
頭像
用戶名
昵稱（可修改）
3.4.2 消息中心快捷入口
? ? ? ? ? 點(diǎn)擊后進(jìn)入消息中心頁(yè)面笑撞，見(jiàn)后面3.7 描述
3.4.3 訂單狀態(tài)入口
待付款
待發(fā)貨
待收貨
全部訂單
3.4.4 系統(tǒng)設(shè)置
收貨地址岛啸，點(diǎn)擊后跳轉(zhuǎn)至新增地址钓觉，見(jiàn)后面3.12描述
退出登錄
3.5 登錄
如上圖茴肥，為愛(ài)慕商城登錄頁(yè)面。包含以下幾個(gè)功能模塊：
用戶第一次使用愛(ài)慕商城荡灾，或者用戶登錄新的賬號(hào)以及使用新的設(shè)備登錄愛(ài)慕商城瓤狐。
點(diǎn)擊輸入手機(jī)號(hào)框瞬铸，數(shù)字鍵盤自動(dòng)彈出，輸入準(zhǔn)確11位號(hào)碼础锐，激活“獲取驗(yàn)證碼”
輸入驗(yàn)證碼嗓节，驗(yàn)證碼錯(cuò)誤，六十秒后重新獲取
3.6 搜索框
3.6.1 搜索頁(yè)面
如上圖皆警，為愛(ài)慕商城搜索頁(yè)拦宣。包含以下幾個(gè)功能模塊：
點(diǎn)擊搜索框顯示以上頁(yè)面，鍵盤自動(dòng)彈出信姓，輸入名稱或關(guān)鍵詞
點(diǎn)擊鍵盤return鍵跳轉(zhuǎn)至搜索結(jié)果頁(yè)面3.6.2
點(diǎn)擊取消返回至首頁(yè)
3.6.2 搜索結(jié)果頁(yè)面
如上圖鸵隧，為愛(ài)慕商城搜索結(jié)果頁(yè)面。包含以下幾個(gè)功能模塊：
按照4*1顯示意推，根據(jù)上新時(shí)間倒敘顯示
包含顯示項(xiàng)：商品圖片豆瘫、標(biāo)題、價(jià)格
點(diǎn)擊進(jìn)入商品詳情頁(yè)菊值，見(jiàn)后面3.9描述
3.7 消息中心快捷入口
如上圖外驱，為愛(ài)慕商城消息頁(yè)面。包含以下幾個(gè)功能模塊：
包含顯示項(xiàng)：商品小圖腻窒、消息內(nèi)容昵宇、時(shí)間
按照時(shí)間倒敘排序
3.8 文章詳情頁(yè)
如上圖，為愛(ài)慕商城文章詳情頁(yè)面定页。包含以下幾個(gè)功能模塊：
包含顯示項(xiàng)：文章標(biāo)題趟薄、摘要、正文典徊、圖片杭煎、發(fā)布時(shí)間、商品鏈接
點(diǎn)擊鏈接跳轉(zhuǎn)至商品詳情頁(yè)卒落。見(jiàn)后面3.9描述羡铲。
3.9 商品詳情頁(yè)
如上圖，為愛(ài)慕商城商品詳情頁(yè)面儡毕。包含以下幾個(gè)功能模塊：
包含顯示項(xiàng)：商品圖片也切、名稱、價(jià)格腰湾、詳情雷恃、主頁(yè)、購(gòu)物車费坊、加入購(gòu)物車
點(diǎn)擊首頁(yè)按鈕倒槐，即跳轉(zhuǎn)至首頁(yè)
點(diǎn)擊購(gòu)物車，跳轉(zhuǎn)至購(gòu)物車
點(diǎn)擊加入購(gòu)物車即將商品添加至購(gòu)物車
點(diǎn)擊左上角箭頭即返回搜索結(jié)果頁(yè)面
3.10 ?確認(rèn)訂單
如上圖附井，為愛(ài)慕商城確認(rèn)訂單頁(yè)面讨越。包含以下幾個(gè)功能模塊：
包含顯示項(xiàng)：收貨人两残、收貨地址、聯(lián)系方式把跨、商品圖片人弓、名稱、價(jià)格着逐、數(shù)量崔赌、總價(jià)、提交訂單
點(diǎn)擊地址可選擇更換其他地址
點(diǎn)擊提交訂單跳轉(zhuǎn)至確認(rèn)付款頁(yè)面耸别，見(jiàn)后面3.11描述
3.11 提交訂單
如上圖峰鄙，為愛(ài)慕商城確認(rèn)付款頁(yè)面。包含以下幾個(gè)功能模塊：
選擇支付寶支付太雨，跳轉(zhuǎn)至支付寶
選擇微信支付吟榴，跳轉(zhuǎn)至微信
3.12 新增地址
如上圖，為愛(ài)慕商城新增地址頁(yè)面囊扳。包含以下幾個(gè)功能模塊：
包含顯示項(xiàng)：收貨人吩翻、聯(lián)系方式、詳細(xì)地址锥咸、設(shè)為默認(rèn)地址狭瞎、保存并使用
勾選設(shè)為默認(rèn)地址，每次提交訂單皆為默認(rèn)地址搏予，需手動(dòng)更改
3.13 待付款
如上圖熊锭，為愛(ài)慕商城待付款頁(yè)面。包含以下幾個(gè)功能模塊：
包含顯示項(xiàng)：全部雪侥、待付款碗殷、待發(fā)貨、待收貨速缨、取消訂單锌妻、付款
可手動(dòng)滑動(dòng)切換至全部/待發(fā)貨/待收貨
點(diǎn)擊取消訂單，待付款頁(yè)面沒(méi)有取消的訂單
3.14 待發(fā)貨
如上圖旬牲，為愛(ài)慕商城待發(fā)貨頁(yè)面仿粹。包含以下幾個(gè)功能模塊：
包含顯示項(xiàng)：全部、待付款原茅、待發(fā)貨吭历、待收貨
可手動(dòng)滑動(dòng)切換至全部/待付款/待收貨
3.15 待收貨
如上圖，為愛(ài)慕商城待收貨頁(yè)面擂橘。包含以下幾個(gè)功能模塊：
包含顯示項(xiàng)：全部晌区、待付款、待發(fā)貨、待收貨契讲、快遞單號(hào)、確認(rèn)收貨
可手動(dòng)滑動(dòng)切換至全部/待付款/待發(fā)貨
點(diǎn)擊快遞單號(hào)顯示單號(hào)詳情滑频，見(jiàn)后面3.16描述
3.16 快遞單號(hào)
4捡偏、用戶使用流程圖
六、非功能需求
1峡迷、權(quán)限
登錄前：游客身份瀏覽首頁(yè)银伟，點(diǎn)擊其他三大入口均彈出登錄界面，放棄登錄直接回到首頁(yè)绘搞。點(diǎn)擊首頁(yè)文章內(nèi)鏈接并加入購(gòu)物車也會(huì)彈出登錄界面
登錄后：享受APP一切服務(wù)
2彤避、鍵盤說(shuō)明
登錄頁(yè)面點(diǎn)擊輸入手機(jī)號(hào)彈出數(shù)字鍵盤
點(diǎn)擊搜索彈出鍵盤
點(diǎn)擊新增地址收貨人、詳細(xì)地址彈出鍵盤夯辖、點(diǎn)擊聯(lián)系人號(hào)碼彈出數(shù)字鍵盤
3琉预、登錄
登錄頁(yè)面：輸入11位號(hào)碼，才會(huì)激活“獲取驗(yàn)證碼”按鈕蒿褂，如輸入號(hào)碼小于11位圆米，則無(wú)法激活。11位號(hào)碼驗(yàn)證為正確大陸手機(jī)號(hào)碼后啄栓，才會(huì)獲取驗(yàn)證碼娄帖，否則報(bào)錯(cuò)。直至輸入正確手機(jī)號(hào)昙楚。
