本文筆者對“云集”app進(jìn)行產(chǎn)品需求分析輸出此份PRD文檔。該文檔由幾個板塊構(gòu)成：用戶角色描述、產(chǎn)品概述、產(chǎn)品結(jié)構(gòu)圖、全局說明、用戶操作流程圖等。

一、報告輸出環(huán)境

二、市場分析

根據(jù)《QuestMobile中國移動互聯(lián)網(wǎng)2019春季大報告》顯示，中國移動互聯(lián)網(wǎng)用戶規(guī)模增速逐漸減緩，2018年6月已降到5%以下，2019年2月份較去年12月僅增長700萬用戶。

用戶時長增長也在放緩，在用戶人均單日使用時長接近6個小時的背景下，一季度用戶人均單日使用時長增長僅為半個小時。

而且，騰訊、頭條、阿里、百度四家，占了70%時長，頭條系占比達(dá)到11.3%，比去年同期的8.2%上漲了3個百分點。

相比之下，騰訊系則從47.5%下降到了43.8%。電商領(lǐng)域的用戶增長也日趨緩慢。流量的競爭愈發(fā)激烈。因此，開啟用戶分層運營、深層挖掘用戶價值、提升產(chǎn)品用戶粘性等成了流量紅利期之后的當(dāng)務(wù)之急。

2016年至2019年，實物商品網(wǎng)上零售額及其占全社會消費品零售總額比例均穩(wěn)步上升。近幾年，電商領(lǐng)域除淘寶、京東、當(dāng)當(dāng)幾家巨頭外，涌現(xiàn)了多家社交電商平臺如以團(tuán)購及低價為核心的“拼多多”和以分享生活為核心的“小紅書”等。

在垂直領(lǐng)域內(nèi)，也有電商平臺異軍突起，如連接線上消費和線下體驗的生鮮電商“盒馬鮮生”和連接餐廳、外賣員、顧客實現(xiàn)快速配餐送餐的食品電商“美團(tuán)”等。傳統(tǒng)零售業(yè)也開始謀求互聯(lián)網(wǎng)化的新渠道，多家傳統(tǒng)零售品牌開發(fā)了自有的小程序和app，如肯德基、星巴克、優(yōu)衣庫等。

因此，比起電商行業(yè)剛起步的幾年，市場被以淘寶為首的幾家巨頭割據(jù)，如今的電商行業(yè)逐漸向垂直領(lǐng)域細(xì)分市場發(fā)展。

相比一二線城市，三線及以下地區(qū)仍存在億級潛在增量空間，下沉地區(qū)女性相比男性占比更高，宜優(yōu)先拓展。

三、產(chǎn)品概述

3.1 產(chǎn)品目標(biāo)用戶

• 賣家：個體商業(yè)、制造商、品牌商
• 消費者

3.2 用戶需求分析

對于賣家、個體商業(yè)、制造商、品牌商：

• 需要線上銷售平臺
• 需要線上廣告投放渠道
• 需要線上平臺能夠從數(shù)據(jù)運營、人群運營、會員管理等角度，幫助其實現(xiàn)營收增長
• 需要線下倉儲物流系統(tǒng)

對于消費者：

• 需要一個可信任的線上平臺，可以購買優(yōu)質(zhì)且價格合理的商品，并且商品符合商品詳情描述的內(nèi)容，不用擔(dān)心假貨或食品過期、不安全等情況出現(xiàn)
• 商品品類豐富，可以滿足日常生活的各種需求
• 偶爾有拼團(tuán)和領(lǐng)券，可以買到比原價更便宜的商品
• 支持分期付款，減輕短時間內(nèi)的購物經(jīng)濟(jì)壓力但又可即刻使用商品
• 分享和獲取信息的需求，可以通過其他消費者的推薦購買更符合自己需求的商品，也可向其他消費者推薦好的商品
• 生活服務(wù)類需求包括手機(jī)充值、購買火車票等

3.3 產(chǎn)品定位

云集app是由社交驅(qū)動的精品會員電商平臺。

3.3.1 商業(yè)模式

• S2b2c會員模式。“S”指供應(yīng)鏈端架構(gòu),“b”是云集會員,“c”是終端用戶。它們之間的連接方式是，S架構(gòu)賦能給b，再依托b的社交能力和信任價值服務(wù)于c，進(jìn)而反向進(jìn)行銷售預(yù)測和行情預(yù)測，打通供應(yīng)和產(chǎn)銷全產(chǎn)業(yè)鏈。
• “C2M”模式，也被稱之為“雙向反饋”模式。云集不僅對產(chǎn)品品質(zhì)進(jìn)行了嚴(yán)苛要求，同時利用會員的高粘度屬性，為產(chǎn)品進(jìn)行反向定制，構(gòu)建云集特色的會員電商“C2M”模式。會員電商的實質(zhì)是通過社交流通使制造端和終端用戶的溝通鏈條縮短，產(chǎn)品推出后，根據(jù)用戶意見反饋優(yōu)化后續(xù)產(chǎn)品及推廣策略。通過云集平臺的用戶畫像數(shù)據(jù)，最大限度滿足消費需求，實現(xiàn)公司產(chǎn)業(yè)升級和消費升級。
• 精選策略，即在每個品類中選擇少數(shù)幾個具有高性價比的品牌，同時在品牌中選擇少數(shù)幾個最能贏得市場的單品，以此提供品類豐富的優(yōu)質(zhì)產(chǎn)品。
• 通過機(jī)制篩選、規(guī)模效應(yīng)、分享推薦等降低營銷成本來獲得商品更低的價格。
• 通過領(lǐng)券、拼團(tuán)、玩游戲等方式提升用戶參與度，提高用戶粘性；使用分期付款的方式減輕用戶購物壓力。
• 與五大電商ERP合作，整合社會資源打造更快的物流，完善倉儲和物流系統(tǒng)。

3.3.2 盈利模式

• 消費者購買會員套餐，可享有禮包抵扣券和購物優(yōu)惠，每年需消費2000元以上維持會員資格，增加用戶粘性
• 個體商戶開店支付平臺服務(wù)費
• 聯(lián)合品牌商、制造商等開啟多個購物商城，獲取利潤
• 開啟多項生活服務(wù)，包括手機(jī)充值、購買火車票、出行旅游等，獲取利潤

3.4 用戶分析

（數(shù)據(jù)來源：艾瑞數(shù)據(jù)）

用戶性別：由1:4的男女用戶比例可以看出，云集app主要面向女性用戶。

（數(shù)據(jù)來源：艾瑞數(shù)據(jù)）

用戶年齡：在年齡層分布中，31至35歲的用戶占據(jù)了40%左右，25歲至30歲的用戶占據(jù)了25%左右。

據(jù)云集新聞中心顯示，截至2019年年中，云集有超過900萬付費會員，其中絕大多數(shù)是25歲至35歲的寶媽，對于這部分掌握家庭消費的人口，她們迫切需要擁有更豐富的品牌和商品，滿足日常家庭所需。

（數(shù)據(jù)來源：艾瑞數(shù)據(jù)）

地域分布：云集用戶主要分布在中部、東部沿海（尤其廣東）地區(qū)及新疆。

猜測中部、東部沿海地區(qū)一、二、三線城市多，經(jīng)濟(jì)文化發(fā)展水平高，人口較為密集，因此互聯(lián)網(wǎng)文化滲透率高，有更多的群體傾向于網(wǎng)絡(luò)購物并會尋找更適合的電商產(chǎn)品滿足自己的需求。

并且，中部、東部沿海地區(qū)各種產(chǎn)業(yè)較為豐富，新疆地區(qū)蔬果產(chǎn)業(yè)發(fā)達(dá)，有更多的制造商、品牌商、果農(nóng)等提供品類豐富的商品，再加上密集的人口，在當(dāng)?shù)啬芨酶嗟夭贾脗}庫及物流節(jié)點。同時，更多的倉庫和物流節(jié)點能加大當(dāng)?shù)氐纳唐放渌托?，會有更多的群體因為快捷方便而選擇電商購物。

3.5 月度獨立設(shè)備數(shù)增加的可能性猜測

（數(shù)據(jù)來源：艾瑞數(shù)據(jù)）

根據(jù)云集2018年6月至2019年5月月度獨立設(shè)備數(shù)的數(shù)據(jù)得知，月度獨立設(shè)備數(shù)在2019年2月份急劇下降，在2018年9月至10月和2019年2月至3月這兩個階段月度獨立設(shè)備數(shù)和環(huán)比增幅大幅上升。

猜測數(shù)據(jù)上升的可能性與產(chǎn)品迭代有關(guān)。2018年9月至10月期間，產(chǎn)品優(yōu)化了購物流程，使下單更加便利；新增了多種獎勵玩法和活動，提高產(chǎn)品用戶活躍度，增加了產(chǎn)品用戶粘性；支持一鍵分享素材到朋友圈，支持商品二維碼多圖下載，使用戶分享更加快捷便利，更愿意主動進(jìn)行分享與社交，以此達(dá)到拉新和傳播。

這個時間段的增長也猜測和運營有關(guān),2018年10月20日，云集開展“0元店主”體驗計劃，新增的體驗會員突破710萬。2019年2月至3月期間，產(chǎn)品優(yōu)化了頁面視覺設(shè)計和多個功能；商品詳情頁展示運費，使用戶更加了解該付款項；云集超市新增搜索功能，使用戶購買商品更加便利快捷；訂單頁新增搜索功能，用戶可快速找到訂單。

3.6 盈利情況

云集2016年、2017年、2018年的網(wǎng)站成交金額分別為18億、96億和227億元;2018年總收入突破130億;截至2019年3月31日，云集第一季度的網(wǎng)站成交金額達(dá)到了68億元，人民幣付費的會員用戶達(dá)到900萬人，買家總數(shù)突破2300萬人，實現(xiàn)了1690萬元人民幣的凈利潤。

四、產(chǎn)品結(jié)構(gòu)圖

4.1 產(chǎn)品信息結(jié)構(gòu)圖

4.2 產(chǎn)品功能結(jié)構(gòu)圖

五、全局說明

5.1 功能權(quán)限

功能權(quán)限分為登錄和未登錄兩個狀態(tài)。

5.1.1、登錄狀態(tài)：

可以完成app內(nèi)所有操作。

5.1.2、未登錄狀態(tài)：

• 可以瀏覽首頁頁面如商城信息、商品信息等，也可將商品加入購物車。
• 無法進(jìn)行購買商品、開啟拼團(tuán)、領(lǐng)取優(yōu)惠券等需要個人賬戶信息的功能，也無法進(jìn)入發(fā)現(xiàn)頁、精選頁、購物車頁和個人中心頁。

5.2 鍵盤說明

• 點擊輸入手機(jī)號碼、手機(jī)驗證碼時從頁面底部彈出數(shù)字鍵盤。
• 點擊輸入其他內(nèi)容時從頁面底部彈出字母鍵盤。

5.3 頁面內(nèi)交互說明

5.3.1 鍵盤交互說明

輸入框為手機(jī)號或驗證碼輸入框時：彈出數(shù)字鍵盤。

其余輸入框：彈出字母全鍵盤。

彈窗位置：頁面底部

交互：點擊輸入框，鍵盤操作區(qū)從底部向上滑動

5.3.2 底部操作區(qū)交互說明

主要應(yīng)用于加入購物車、立即購買、提交訂單、分享等功能

彈窗位置：頁面底部

交互：頁面變暗，鍵盤操作區(qū)從底部向上滑動

5.3.3 商品詳情頁特殊交互說明

應(yīng)用于商品詳情頁的“更多”功能

彈窗位置：頁面靠右上角位置

交互：點擊按鈕B，操作區(qū)從頁面靠右上角位置彈出

5.3.4 toast彈窗

位置：頁面中部（少部分情況靠近頁面底部，視信息重要性而定）

交互：頁面中部彈出，懸浮3秒，然后消失

5.3.5 dialog彈窗

位置：頁面中部

交互：頁面變暗，頁面中部彈出

5.3.6 首頁刷新時的提示說明

位置：頁面頂部，搜索欄下方

交互：向下滑動頁面，云雞logo先彈出，隨后彈出“正在刷新，精彩即將呈現(xiàn)”字樣，懸停2秒后云雞logo和字體消失，頁面上移回到原處，頁面刷新。

5.3.7 頁面加載中的toast彈窗

位置：頁面中部

交互：當(dāng)網(wǎng)速較慢，新的頁面還未出現(xiàn)時，從頁面中部彈出；新的頁面出現(xiàn)時，立即消失。

5.4 頁面間交互說明

5.4.1 直接跳轉(zhuǎn)

適用于首頁、發(fā)現(xiàn)頁、精選頁、購物車頁、個人中心頁的任意切換。

交互方式：點擊頁面底部tab鍵，當(dāng)手離開屏幕時，新的頁面直接出現(xiàn)。

5.4.2 滑動切換

適用于一個標(biāo)簽下子標(biāo)簽之間的切換。

交互方式：點擊頁面內(nèi)的tab鍵，當(dāng)手離開屏幕時，新的頁面從屏幕右側(cè)向左滑動。

六、用戶操作流程圖

6.1 登錄注冊流程圖

6.2 購買商品流程圖

七、頁面詳細(xì)功能說明

7.1 登錄注冊頁

功能：手機(jī)號碼及驗證碼登錄、授權(quán)微信登錄、云集賬號登錄（僅現(xiàn)老用戶）

用戶場景：用戶第一次使用云集，或用戶登錄新的賬號以及使用新的設(shè)備登錄云集

頁面入口：

• 未登錄時打開app
• 首頁頁面點擊下方的“登錄/注冊”鍵
• 點擊首頁“消息”鍵
• 確認(rèn)訂單

頁面內(nèi)容及交互說明：

• 用戶點擊手機(jī)號及驗證文本框，數(shù)字鍵盤從底部彈出；
• 手機(jī)號默認(rèn)+86，輸入限制11位數(shù)字，當(dāng)輸入大于11位時，超過部分不顯示；
• 當(dāng)在手機(jī)號框和驗證碼框輸入非數(shù)字內(nèi)容時，輸入界面不顯示任何內(nèi)容；
• 用戶開始輸入手機(jī)號碼，按鈕顏色變?yōu)橛蓽\紅變大紅，由不可點擊變?yōu)榭牲c擊；
• 當(dāng)手機(jī)號碼輸入格式正確后點擊“發(fā)送驗證碼”，輸入驗證碼頁面由右向左滑動；
• 用戶開始輸入驗證碼時，按鈕顏色變?yōu)橛蓽\紅變大紅，由不可點擊變?yōu)榭牲c擊；提示欄伴有60秒倒計時，60秒過后提示欄文本變?yōu)椤爸匦芦@取”；
• 同一天內(nèi)可發(fā)送驗證碼20次；
• 用戶點擊賬號登錄，賬號密碼登錄頁面從頁面右側(cè)彈出，同時字母全鍵盤從底部彈出；點擊登錄，系統(tǒng)檢測賬號密碼均輸入正確后即成功登錄，否詞彈出toast彈窗提示；
• 用戶點擊微信登錄按鈕，相應(yīng)的微信授權(quán)頁面從頁面右側(cè)彈出，授權(quán)成功后即成登錄。

補(bǔ)充說明：

• 免登錄注冊可看首頁這一功能，讓不想注冊的用戶先試用，增加用戶首次使用的便捷感，避免猶豫的用戶因為嫌登錄注冊的繁瑣而退出頁面，提升新手用戶的注冊轉(zhuǎn)化率。

7.2 首頁

功能：查看信息、查看商品分類、搜索商品、瀏覽廣告詳情及各種優(yōu)惠領(lǐng)券拼團(tuán)信息、進(jìn)入各大商城和服務(wù)中心、瀏覽熱賣商品信息

頁面入口：登錄/注冊后由app直接進(jìn)入；未登錄/注冊可登錄/注冊后再進(jìn)入或在登錄/注冊頁面點擊”跳過，看好貨“按鈕進(jìn)入。

頁面主體結(jié)構(gòu)：消息、搜索框、分類、廣告banner板塊、各大商城板塊、生活服務(wù)板塊、優(yōu)惠券板塊、拼團(tuán)板塊和限時搶購板塊組成。

頁面內(nèi)容及交互說明：

• 整體頁面可上下滑動獲取商品及優(yōu)惠信息；
• 當(dāng)整體頁面滑動到頂部時，繼續(xù)向下移動頁面可刷新頁面；
• 廣告banner板塊及限時搶購的時間條不會自動滑動，用戶可左右滑動；
• 當(dāng)頁面滑動到限時搶購板塊時，繼續(xù)將頁面向上滑動，時間條固定在頁面搜索欄下方，不會隨頁面滑動而滑動；
• 點擊時間條時間，限時搶購板塊頁面切換到對應(yīng)時間的商品優(yōu)惠信息
• 點擊板塊內(nèi)的標(biāo)簽，如搜索欄、商品信息、商城標(biāo)簽等，松手時，對應(yīng)頁面從右側(cè)向左側(cè)滑動。

7.2.1 拼團(tuán)頁

功能：用戶拼團(tuán)

頁面入口：從首頁點擊”去拼團(tuán)“進(jìn)入

頁面主體結(jié)構(gòu)：分享按鈕、自動輪播圖廣告板塊、可開團(tuán)商品分類板塊、開團(tuán)商品信息板塊

頁面內(nèi)容及交互說明：

用戶點擊商品信息，進(jìn)入商品拼團(tuán)界面，點擊發(fā)起拼團(tuán)后，選擇商品規(guī)格/數(shù)量等，點擊確定開團(tuán)，再點擊提交訂單，然后可通過微信邀請好友一起拼團(tuán)，6小時后如果沒有拼團(tuán)成功，那么拼團(tuán)自動停止。

• 用戶點擊商品分類，直達(dá)想要拼團(tuán)的商品列表界面；
• 點擊退出標(biāo)簽，頁面返回上一個頁面，拼團(tuán)頁向右滑出；
• 點擊分享按鈕，頁面變暗，dialog彈窗從頁面底部向上滑動，全部滑出后固定再頁面底部；
• 點擊商品品類列表里的更多信息時，頁面變暗，dialog彈窗從頁面中間彈出；
• 進(jìn)行拼團(tuán)操作時，新的頁面從右向左滑出；
• 點擊發(fā)起拼團(tuán)和提交訂單時，頁面變暗，操作界面從頁面底部向上滑出，固定在頁面下方；
• 選擇規(guī)格/尺寸等商品選項時，未選的選項為黑字，選中的選項為紅字，無貨的選項為灰字。

7.2.2 商城頁

云集app包含了云集超市、云集商城、電器城、美妝個護(hù)等多個商城，在此選擇較具代表的云集超市進(jìn)行分析。

功能：用戶購買日常所需的食品及日用品

頁面入口：從首頁點擊”云集超市“進(jìn)入

頁面主體結(jié)構(gòu)：

• 返回鍵、購物車、分享、搜索框
• 輪播廣告banner板塊
• 包括奶品酒飲、蔬果禽蛋等在內(nèi)的云集超市十大商品品類板塊
• 超市必?fù)屔唐钒鍓K，按時間點不同搶購有不同優(yōu)惠的不同商品
• 超值好物板塊
• 品牌鉅惠板塊
• 熱賣商品的商品列表板塊，分為精選推薦、食品生鮮、個人護(hù)理、家清家居、母嬰、數(shù)碼

頁面內(nèi)容及交互說明：

• 點擊購物車進(jìn)入購物車頁面；
• 點擊搜索進(jìn)入搜索頁面；
• 點擊廣告banner板塊進(jìn)入對應(yīng)品牌或活動的宣傳頁面；
• 點擊商品品類板塊切換到對應(yīng)商品列表頁面；
• 點擊商品切換到對應(yīng)商品詳情頁；
• 熱賣商品的商品列表板塊，可上下滑動列表，也可直接點擊品類名（可下拉獲取完整品類列表）后自動滑動到相應(yīng)位置；
• 點擊退出，頁面返回上一個頁面，拼團(tuán)頁向右滑出；
• 點擊分享按鈕，頁面變暗，dialog彈窗從頁面底部向上滑動，全部滑出后固定再頁面底部；
• 廣告輪播圖自動播放；
• 超市必?fù)尠鍓K的時間條可左右滑動；
• 點擊后切換新的頁面（除退回上一頁），新的頁面從右向左滑動；
• 在最后的熱賣商品列表板塊，滑動的時候，品類名條固定到商城名下，不隨頁面滑動；點擊相應(yīng)品類名標(biāo)簽，頁面快速定位到對應(yīng)商品信息欄。

7.2.3 搜索頁

功能：搜索想要購買的商品

頁面主體結(jié)構(gòu)：搜索框、搜索歷史及熱門搜索

頁面內(nèi)容及交互說明：

• 點擊搜索框，字母鍵盤操作區(qū)從頁面底部向上滑出；
• 點擊搜索框以外的區(qū)域，字母鍵盤操作區(qū)消失；
• 在搜索框輸入字符，彈出聯(lián)想商品名稱頁；
• 在搜索框輸入商品名后點擊搜索、點擊搜素歷史詞條、點擊熱門搜索詞條，頁面切換到對應(yīng)商品推薦頁或活動頁，新的頁面從右向左滑動。
• 系統(tǒng)對已搜索過的內(nèi)容自動標(biāo)簽化添加到歷史搜索內(nèi)容（歷史搜索規(guī)則描述：按搜索的時間倒序排列，排列方式從左至右、從上至下排列，可展示三排內(nèi)容）點擊垃圾桶圖標(biāo)清除所有歷史搜索內(nèi)容；
• 熱門搜索內(nèi)容是系統(tǒng)為用戶推薦的商家、商品及活動標(biāo)簽，點擊相應(yīng)標(biāo)簽，進(jìn)入相應(yīng)商家、商品及活動推薦頁。

7.2.4 分類頁

功能：查看商品分類，快速定位到想要購買的商品。

頁面主體結(jié)構(gòu)：搜素框、商品品類列表、商品列表。

頁面內(nèi)容及交互說明：

• 點擊搜索框進(jìn)入搜索頁，搜索頁從右向左滑出；
• 點擊左欄品類列表中的品類，右欄自動切換對應(yīng)商品或品牌列表；
• 點擊商品或品牌，進(jìn)入對應(yīng)商品詳情頁或品牌頁，新的頁面從右向左滑出；

7.3 發(fā)現(xiàn)頁

頁面入口：用戶注冊/登錄后，從首頁下方的tab鍵進(jìn)入

頁面主體結(jié)構(gòu)：用戶信息包括用戶頭像和用戶名、發(fā)布時間、用戶對商品的推薦文案、商品圖片、點擊可進(jìn)入商品詳情頁的標(biāo)簽鍵

頁面內(nèi)容及交互說明：

• 點擊進(jìn)入發(fā)現(xiàn)頁，頁面下方發(fā)現(xiàn)頁的tab鍵圖標(biāo)和“發(fā)現(xiàn)”變成紅色，其他變?yōu)樯罨疑?/li>
• 點擊商品圖片，頁面先變黑，然后商品大圖從頁面中部彈出；左右滑動可切換圖片；點擊頁面任意位置退出商品大圖頁，退出時，頁面變亮，回到發(fā)現(xiàn)頁頁面，商品大圖逐漸縮小并落在對應(yīng)的小圖的位置上；
• 點擊商品詳情頁的按鈕，進(jìn)入商品詳情頁，商品詳情頁從右向左滑動。

7.4 精選頁

頁面入口：用戶注冊/登錄后，從首頁下方的tab鍵進(jìn)入

頁面主體結(jié)構(gòu)：商品圖片、商品名稱、商品描述、商品價格、點擊可進(jìn)入商品詳情頁的標(biāo)簽鍵

頁面內(nèi)容及交互說明：

• 點擊進(jìn)入精選頁，頁面下方發(fā)現(xiàn)頁的tab鍵圖標(biāo)和“精選”變成紅色，其他變?yōu)樯罨疑?/li>
• 點擊商品詳情頁的按鈕，竟如對應(yīng)商品詳情頁，商品詳情頁從右向左滑動。

7.5 購物車頁

頁面入口：用戶注冊/登錄后，從首頁下方的tab鍵進(jìn)入；或者商品詳情頁左下角和各大商城右上角的購物車標(biāo)簽。

頁面主體結(jié)構(gòu)：

• 可購買商品、預(yù)熱商品、示效商品、猜你喜歡板塊；
• 商品信息中的商品名稱、商品圖片、商品描述、商品規(guī)格、商品可購買時間、商品份數(shù)、商品價格等。

頁面內(nèi)容及交互說明：

• 點擊進(jìn)入購物車頁，頁面下方發(fā)現(xiàn)頁的tab鍵圖標(biāo)和”購物車“變成紅色，其他變?yōu)樯罨疑?/li>
• 點擊勾選商品的灰色圓圈，圓圈上會顯示紅底白勾的勾選圈，全選旁邊的灰色圓圈同樣也會顯示紅色的勾選圈；
• 點擊紅底白勾的勾選圈，紅底白勾的勾選圈變?yōu)榛疑珗A圈；
• 點擊全選按鈕可選中所有可購買商品，點店鋪的單選按鈕可選中該店鋪所有可購買商品，點擊單件商品的單選按鈕可選中該件商品；
• 勾選商品時，合計的價格累加；取消勾選商品時，價格減少；
• 點擊商品右邊的加減號，設(shè)置算法，文本框中的數(shù)字會根據(jù)加減而改動，同時，總價格也會以單價*數(shù)量=總價格的算法同步數(shù)據(jù)，按減號時，文本框中的數(shù)字不能小于1；
• 點擊編輯按鈕，所有商品前彈出灰色圓圈，可刪除購物車內(nèi)的商品，點擊每件商品旁的垃圾桶圖標(biāo)可刪除對應(yīng)商品；
• 可購買的商品可直接點擊結(jié)算按鈕結(jié)算；預(yù)熱商品需等到可購買的時間點再結(jié)算；失效商品無法結(jié)算；
• 點擊“猜你喜歡”板塊的商品可進(jìn)入相應(yīng)商品詳情頁，頁面從右邊滑出。
• 點擊結(jié)算按鈕，確認(rèn)訂單頁從右邊滑出。

7.6 個人中心頁

功能：

• 修改個人資料包括頭像、昵稱等
• 查看云幣、優(yōu)惠券、歷史紀(jì)錄、拼團(tuán)、訂單等信息
• 新建或修改收貨地址
• 聯(lián)系客服
• 商品售后
• 設(shè)置功能包括賬戶與安全、退出登錄等
• 信息功能

頁面入口：用戶注冊/登錄后，從首頁下方的tab鍵進(jìn)入。

頁面主體結(jié)構(gòu)：

• 用戶信息包括云幣、優(yōu)惠券、足跡及其他個人信息
• 訂單中心
• 我的服務(wù)
• 猜你喜歡

頁面內(nèi)容及交互說明：

• 點擊進(jìn)入個人中心頁，頁面下方發(fā)現(xiàn)頁的tab鍵圖標(biāo)和”我的“變成紅色，其他變?yōu)樯罨疑?/li>
• 修改個人資料如用戶頭像、昵稱等；
• 點擊云幣、優(yōu)惠券可看到個人云幣、優(yōu)惠券信息；
• 點擊訂單中心可查詢訂單狀況并可退款售后、評價、刪除訂單信息等；
• 點擊我的服務(wù)的五個按鈕可獲得對應(yīng)服務(wù)
• 點擊猜你喜歡商品進(jìn)入進(jìn)入對應(yīng)商品詳情頁；
• 瀏覽紀(jì)錄頁，點擊編輯，所有瀏覽過的商品前彈出灰色圓圈，點擊選擇，變成紅底白勾圓圈，再一次點擊，取消選擇，變回灰色圓圈；點擊全選前的圓圈，選擇或取消所有選項；點擊日期前的圓圈，選擇或取消選擇該日期瀏覽的商品信息；點擊單件商品前的圓圈，選擇或取消選擇該商品瀏覽紀(jì)錄；點擊刪除，選擇的瀏覽紀(jì)錄從頁面消失。
• 點擊客服，跳出客服系統(tǒng)；點擊輸入框，字母操作盤從頁面底部滑出，將輸入框頂上頁面中部；點擊輸入框左側(cè)的按鈕，可發(fā)送訂單和圖片；點擊發(fā)送將輸入框內(nèi)容發(fā)送給客服系統(tǒng)。

7.7 商品詳情頁

功能：瀏覽商品信息、將商品加入購物車、購買商品

頁面入口：點擊首頁、商城、發(fā)現(xiàn)頁、精選頁等的商品標(biāo)簽

頁面主體結(jié)構(gòu)：

• 商品信息包括商品介紹視頻、商品圖片、商品價格、商品原價、商品優(yōu)惠信息、商品規(guī)格、商品售后服務(wù)
• 用戶地址
• 商品評價
• 商品店鋪
• 為你推薦
• 圖文信息
• 加入購物車和立即購買按鈕

頁面內(nèi)容及交互說明：

• 商品信息板塊的圖片可左右滑動，介紹視頻點擊后播放；
• 選擇商品規(guī)格時，選擇中的邊框和文字是彩色的；未選中的文字為黑色，按鈕背景為灰色；
• 點擊商品右邊的加減號，設(shè)置算法，文本框中的數(shù)字會根據(jù)加減而改動，同時，總價格也會以單價*數(shù)量=總價格的算法同步數(shù)據(jù)，按減號時，文本框中的數(shù)字不能小于1；
• 點擊加入購物車按鈕或立即購買按鈕時，頁面變暗，操作框從底部向上滑出；
• 頁面滑到靠下的位置時，出現(xiàn)一個懸浮操作按鈕，點擊可返回頂部；
• 整體頁面上下滑動，店鋪販?zhǔn)凵唐沸畔诤汀盀槟阃扑]”板塊的商品信息欄可左右滑動。

本文由 @七七Seven 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來自 Unsplash，基于 CC0 協(xié)議。