“網(wǎng)易嚴(yán)選”app產(chǎn)品需求文檔_第1頁(yè)
“網(wǎng)易嚴(yán)選”app產(chǎn)品需求文檔_第2頁(yè)
“網(wǎng)易嚴(yán)選”app產(chǎn)品需求文檔_第3頁(yè)
“網(wǎng)易嚴(yán)選”app產(chǎn)品需求文檔_第4頁(yè)
“網(wǎng)易嚴(yán)選”app產(chǎn)品需求文檔_第5頁(yè)
已閱讀5頁(yè),還剩43頁(yè)未讀 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說(shuō)明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

“網(wǎng)易嚴(yán)選”app產(chǎn)品需求文檔目錄:一、文檔綜述1.1版本修訂記錄1.2PRD輸出環(huán)境1.3用戶需求分析二、產(chǎn)品結(jié)構(gòu)圖2.1產(chǎn)品功能結(jié)構(gòu)圖2.2產(chǎn)品信息結(jié)構(gòu)圖三、全局說(shuō)明3.1功能權(quán)限3.2鍵盤(pán)說(shuō)明3.3頁(yè)面內(nèi)交互3.4頁(yè)面異常3.5頁(yè)面間交互3.6更多操作四、主要業(yè)務(wù)邏輯流程4.1登錄注冊(cè)4.2訂單業(yè)務(wù)五、頁(yè)面詳細(xì)功能說(shuō)明5.1啟動(dòng)頁(yè)5.2登錄注冊(cè)5.3首頁(yè)5.4識(shí)物5.5分類(lèi)5.6購(gòu)物車(chē)六、總結(jié)一、文檔綜述1.1版本修訂記錄1.2PRD輸出環(huán)境1.3用戶需求分析1.3.1主要用戶痛點(diǎn)“嚴(yán)選”以及slogan“好的生活,沒(méi)那么貴。”道出了用戶的主要痛點(diǎn):在海量產(chǎn)品中苦于挑選性價(jià)比高的生活類(lèi)商品注重高品質(zhì)生活但收入有限1.3.2需求匯總二、產(chǎn)品結(jié)構(gòu)圖2.1產(chǎn)品功能結(jié)構(gòu)圖(由于信息量較大,可右鍵點(diǎn)擊“在新標(biāo)簽頁(yè)中打開(kāi)圖片”查看大圖)2.2產(chǎn)品信息結(jié)構(gòu)圖三、全局說(shuō)明3.1功能權(quán)限功能權(quán)限分為登錄/未登錄兩個(gè)狀態(tài)。(1)登錄:登錄狀態(tài)下可進(jìn)行app內(nèi)所有操作(2)未登錄:未登錄狀態(tài)可以搜索商品、查看商品詳情、加入購(gòu)物車(chē)、換購(gòu)商品、商品分享、查找供應(yīng)商以及供應(yīng)商提供的商品、查看眾籌詳情頁(yè)、眾籌詳情頁(yè)分享、看各類(lèi)推薦;但是無(wú)法查看消息、簽到、邀請(qǐng)返利、打開(kāi)會(huì)員俱樂(lè)部、支持眾籌項(xiàng)目、查看我的福利、參與評(píng)論、領(lǐng)取優(yōu)惠券、下單、打開(kāi)個(gè)人tab這些需要個(gè)人賬號(hào)信息的功能。3.2鍵盤(pán)說(shuō)明(1)點(diǎn)擊輸入手機(jī)號(hào)碼、手機(jī)驗(yàn)證碼時(shí)從頁(yè)面底部彈出數(shù)字鍵盤(pán);(2)點(diǎn)擊輸入其他內(nèi)容時(shí)從頁(yè)面底部彈出字母鍵盤(pán)。3.3頁(yè)面內(nèi)交互(1)頂部彈窗與底部彈窗(2)toast彈窗與snackbar彈窗(3)dialog彈窗3.4頁(yè)面異常3.5頁(yè)面間交互3.6更多操作四、主要業(yè)務(wù)邏輯流程4.1登錄注冊(cè)4.2訂單業(yè)務(wù)五、頁(yè)面詳細(xì)功能說(shuō)明5.1啟動(dòng)頁(yè)頁(yè)面邏輯&交互說(shuō)明:?jiǎn)?dòng)網(wǎng)易嚴(yán)選app后,進(jìn)入歡迎頁(yè)(頁(yè)面①),歡迎頁(yè)等待2秒后進(jìn)入廣告頁(yè)(頁(yè)面②);廣告頁(yè)不做任何操作等待3秒,進(jìn)入app首頁(yè);點(diǎn)擊廣告頁(yè)圖片立即進(jìn)入廣告詳情頁(yè),廣告詳情頁(yè)可在右上角點(diǎn)擊收藏和分享,在廣告詳情頁(yè)點(diǎn)擊返回進(jìn)入app首頁(yè)。5.2登錄注冊(cè)觸發(fā)條件:用戶第一次使用網(wǎng)易嚴(yán)選;游客用戶執(zhí)行如購(gòu)買(mǎi)、評(píng)論、收藏、與客服溝通、點(diǎn)擊個(gè)人賬號(hào)模塊、個(gè)人消息、簽到、領(lǐng)取禮品等需要用戶賬號(hào)信息的操作;退出賬號(hào)/登錄新賬號(hào)。5.2.1登錄(1)頁(yè)面邏輯內(nèi)容點(diǎn)擊“手機(jī)號(hào)登錄”,用戶輸入手機(jī)號(hào)碼,點(diǎn)擊“獲取驗(yàn)證碼”按鈕;若用戶在60秒內(nèi)未收到手機(jī)驗(yàn)證碼,點(diǎn)擊“獲取驗(yàn)證碼”按鈕重新獲取驗(yàn)證碼;除了驗(yàn)證碼登錄,老用戶也可選擇手機(jī)號(hào)碼&密碼或者郵箱賬號(hào)&密碼兩種方式登錄;如果在郵箱賬號(hào)密碼登錄時(shí)忘記密碼,可點(diǎn)擊頁(yè)面底部的“忘記密碼”,跳轉(zhuǎn)到“找回密碼”頁(yè)面,經(jīng)過(guò)輸入郵箱賬號(hào),拖動(dòng)滑塊驗(yàn)證,以及安全驗(yàn)證之后即可重置密碼;用戶也可以點(diǎn)擊總登錄注冊(cè)頁(yè)面底部第三方登錄的四個(gè)按鈕進(jìn)行授權(quán)登錄。(2)頁(yè)面交互說(shuō)明點(diǎn)擊輸入手機(jī)號(hào)、驗(yàn)證碼文本框,數(shù)字鍵盤(pán)從底部彈出;點(diǎn)擊輸入郵箱賬號(hào)、輸入密碼文本框,字母鍵盤(pán)從底部彈出,輸入密碼時(shí)可點(diǎn)擊右側(cè)圖標(biāo)設(shè)置是否顯示密碼。點(diǎn)擊“獲取驗(yàn)證碼”按鈕,按鈕顏色降低灰度,按鈕內(nèi)容變?yōu)椤?0s”并開(kāi)始60秒倒數(shù),60秒后按鈕內(nèi)容重新變?yōu)椤矮@取驗(yàn)證碼”,恢復(fù)原來(lái)的灰度。若郵箱登錄忘記密碼,可點(diǎn)擊頁(yè)面底部的“忘記密碼”,進(jìn)入“找回密碼”頁(yè)面,點(diǎn)擊輸入郵箱賬號(hào),輸入框下方有列表顯示各個(gè)網(wǎng)易系后綴郵箱供選擇,點(diǎn)擊“下一步”,再次輸入郵箱賬號(hào),拖動(dòng)灰色滑塊,拖動(dòng)完成拼圖后,滑塊改變狀態(tài)呈現(xiàn)反饋,點(diǎn)擊“下一步”,進(jìn)入“安全驗(yàn)證”頁(yè)面,輸入綁定郵箱的手機(jī)號(hào)碼,點(diǎn)擊“獲取驗(yàn)證碼”,顯示“30s后重發(fā)”進(jìn)入30s倒計(jì)時(shí),輸入驗(yàn)證碼后,點(diǎn)擊“下一步”重置密碼。點(diǎn)擊總登錄注冊(cè)頁(yè)面底部第三方登錄的四個(gè)按鈕,從頁(yè)面中間彈出dialog,從“取消”和“打開(kāi)”中選擇,按“取消”彈窗消失,按“打開(kāi)”跳轉(zhuǎn)到授權(quán)界面登錄,按網(wǎng)易的“企業(yè)郵”則直接從右側(cè)彈出“企業(yè)郵登錄”頁(yè)面,無(wú)需彈出dialog選擇,同時(shí)從底部彈出字母鍵盤(pán)。5.2.2注冊(cè)(1)頁(yè)面邏輯內(nèi)容點(diǎn)擊“手機(jī)號(hào)快捷注冊(cè)”,用戶在注冊(cè)頁(yè)面輸入手機(jī)號(hào)碼,此后是驗(yàn)證碼的獲取問(wèn)題,與登錄一樣就不贅述了;填寫(xiě)好手機(jī)號(hào)并輸入驗(yàn)證碼,繼設(shè)置密碼之后,點(diǎn)擊“注冊(cè)”按鈕即可完成注冊(cè);除了手機(jī)號(hào)碼注冊(cè),還能點(diǎn)擊“手機(jī)號(hào)注冊(cè)”頁(yè)面中“注冊(cè)”按鈕下方的“郵箱賬號(hào)注冊(cè)”,點(diǎn)擊后進(jìn)入郵箱注冊(cè)頁(yè)面,輸入郵箱賬號(hào)、輸入驗(yàn)證手機(jī)號(hào),再點(diǎn)擊下方的“請(qǐng)依次點(diǎn)擊a、b、c”(a、b、c分別為不同的三個(gè)漢字)按鈕,彈出圖片驗(yàn)證,依次正確點(diǎn)擊漢字即可完成驗(yàn)證;完成驗(yàn)證后點(diǎn)擊“下一步”按鈕,輸入發(fā)到驗(yàn)證手機(jī)的驗(yàn)證碼,繼設(shè)置密碼之后,點(diǎn)擊“注冊(cè)”按鈕即可完成注冊(cè);所有登錄頁(yè)面的右上角均有“注冊(cè)”按鈕,點(diǎn)擊即可進(jìn)入“手機(jī)號(hào)注冊(cè)“頁(yè)面。(2)頁(yè)面交互說(shuō)明用戶點(diǎn)擊輸入手機(jī)號(hào)、驗(yàn)證碼文本框,數(shù)字鍵盤(pán)從底部彈出;點(diǎn)擊輸入郵箱賬號(hào)設(shè)置密碼文本框,字母鍵盤(pán)從底部彈出;驗(yàn)證碼交互效果與登錄一致;郵箱注冊(cè)頁(yè)面輸入郵箱號(hào)、驗(yàn)證手機(jī)號(hào)并依次點(diǎn)擊文字驗(yàn)證之后,文字驗(yàn)證按鈕的文本變?yōu)椤膀?yàn)證成功”,跳轉(zhuǎn)到另一頁(yè)面,輸入短信驗(yàn),驗(yàn)證碼倒數(shù)30秒,填入驗(yàn)證碼設(shè)置完密碼之后,點(diǎn)擊“注冊(cè)”按鈕即可完成注冊(cè)。5.3首頁(yè)首頁(yè)主要包含搜索、頂部tab對(duì)應(yīng)的各個(gè)界面、消息中心、簽到積分中心、會(huì)員俱樂(lè)部。其中,頂部tab包括推薦、新品、眾籌、福利社、限時(shí)購(gòu)、居家、鞋包配飾、服裝、電器、洗護(hù)、飲食、餐廚、嬰童、文體和特色區(qū),除了這些,還包括了下面就對(duì)主要的頁(yè)面進(jìn)行說(shuō)明。首頁(yè)交互說(shuō)明:消息:點(diǎn)擊屏幕右上角的“消息”,【消息中心】頁(yè)面從右側(cè)向左側(cè)滑入,點(diǎn)擊返回按鈕,【消息中心】頁(yè)面向右滑出屏幕;頂部標(biāo)簽:頂部標(biāo)簽點(diǎn)擊切換時(shí),標(biāo)簽文字設(shè)置為紅色,文字下面有一條紅線隨著標(biāo)簽的切換而移動(dòng)到對(duì)應(yīng)的位置,作為當(dāng)前頁(yè)面的標(biāo)記,同時(shí),頁(yè)面也跟著切換;另外,頂部標(biāo)簽支持水平滾動(dòng)查看后面被遮擋的標(biāo)簽,方便快速切換;全部頻道的展開(kāi)與收起:在頂部標(biāo)簽的最右側(cè)有個(gè)“展開(kāi)圖標(biāo)“,點(diǎn)擊之后“全部頻道”從頂部向下滑入,同時(shí)頁(yè)面顯示遮罩;“全部頻道”上的圓角矩形標(biāo)簽會(huì)以當(dāng)前頁(yè)面為根據(jù),此時(shí)處于哪個(gè)頁(yè)面,對(duì)應(yīng)的圓角矩形標(biāo)簽文字和邊框都設(shè)置為紅色,點(diǎn)擊圓角矩形標(biāo)簽也可切換到相應(yīng)的頁(yè)面;點(diǎn)擊“收起圖標(biāo)”,“全部頻道”向上滑動(dòng)消失,同時(shí)遮罩消失。5.3.1搜索(1)頁(yè)面邏輯內(nèi)容搜索頁(yè)面包含文本框搜索,歷史記錄和熱門(mén)搜索;在搜索文本框輸入信息進(jìn)行搜索,在搜索的過(guò)程中搜索列表會(huì)有相關(guān)搜索詞供選擇,搜索成功之后進(jìn)入對(duì)應(yīng)的的商品呈現(xiàn)界面;歷史搜索記錄會(huì)被記錄在搜索界面搜索框下面,記錄會(huì)按照時(shí)間先后排序,后搜索的排在前面;歷史記錄下面還有熱門(mén)搜索,包含了活動(dòng)、還有某類(lèi)熱搜商品提供給用戶選擇參考。(2)頁(yè)面交互說(shuō)明點(diǎn)擊搜索文本框,“掃一掃”和“消息”從兩側(cè)滑出,搜索文本框和搜索框后面的背景長(zhǎng)度以后側(cè)為錨點(diǎn)向左側(cè)變長(zhǎng),搜索icon移動(dòng)至對(duì)應(yīng)的位置;進(jìn)入搜索頁(yè)面,文本“取消”從右側(cè)滑入屏幕,搜索文本框提示文字消失(app內(nèi)為隨機(jī)提示內(nèi)容),歷史記錄與熱門(mén)搜索界面和鍵盤(pán)從底部向上滑出;點(diǎn)擊“取消”,以上步驟倒退;歷史記錄可點(diǎn)擊垃圾桶icon刪除記錄;在搜索文本框輸入文字,會(huì)顯示列表承載相關(guān)的關(guān)鍵詞,點(diǎn)擊關(guān)鍵詞進(jìn)入到商品成列界面,文本框以及文本框背景以左側(cè)為錨點(diǎn)向右側(cè)變長(zhǎng),“取消”向右滑出;點(diǎn)擊熱門(mén)搜索各個(gè)板塊,對(duì)應(yīng)的活動(dòng)界面從右側(cè)向左側(cè)滑入,普通的商品熱搜界面則直接顯示。5.3.2推薦(1)頁(yè)面邏輯內(nèi)容推薦主要由banner、私人訂制、人氣推薦、品牌制造商直供、嚴(yán)選一起拼、猜你喜歡、積分中心、會(huì)員俱樂(lè)部組成,除了這些之外,還有“新品”、“眾籌”、“福利社”、“限時(shí)購(gòu)”以及“識(shí)物”這幾個(gè)標(biāo)簽的入口;【私人訂制】和【猜你喜歡】都是根據(jù)用戶的搜索數(shù)據(jù)、瀏覽記錄以及加入購(gòu)物車(chē)等用戶行為,系統(tǒng)綜合分析為用戶推薦商品,而“私人訂制”相對(duì)于“猜你喜歡”來(lái)說(shuō),最主要的區(qū)別在于私人訂制會(huì)根據(jù)你的操作記錄,進(jìn)行實(shí)時(shí)的篩選,如果有記錄的更新,刷新頁(yè)面時(shí),“私人訂制”則會(huì)更換商品,更具有“實(shí)時(shí)性”,而“猜你喜歡”所推薦的商品較多,更新的周期更長(zhǎng);“人氣推薦”包括編輯選薦、24小時(shí)熱銷(xiāo)、人氣周榜、熱銷(xiāo)總榜,其中,編輯選薦在一定程度上依托用戶的操作記錄加上“人氣”的篩選來(lái)進(jìn)行選薦;“品牌制造商直供”會(huì)推薦四個(gè)制造商,點(diǎn)擊進(jìn)入制造商詳情頁(yè),內(nèi)容包括制造商名稱(chēng)、制造商描述、制造商所制造的商品以及可以設(shè)置上新提醒,制造商的所有商品提供算法的篩選,包括上新的時(shí)間、價(jià)格、以及分類(lèi);“嚴(yán)選一起拼”,點(diǎn)擊進(jìn)入拼團(tuán)頁(yè)面,頁(yè)面包括拼團(tuán)商品以及我的拼團(tuán)兩個(gè)tab,點(diǎn)擊拼團(tuán)商品進(jìn)入商品的拼團(tuán)詳情頁(yè),拼團(tuán)詳情頁(yè)包括商品圖片、商品名稱(chēng)、拼團(tuán)價(jià)、原價(jià)、商品規(guī)格、成團(tuán)剩余人數(shù)、商品詳情;點(diǎn)擊推薦頁(yè)右側(cè)靠上的“簽到”可進(jìn)入【積分中心】,積分中心主要包含當(dāng)前可用積分、一周簽到情況、賺積分、積分商品,一周簽到滿7天有好禮贈(zèng)送,查看全部積分商品頁(yè)面可按積分區(qū)間進(jìn)行篩選兌換,分為0-999、1000-2999、3000-5999、6000-9999、10000以上幾個(gè)區(qū)間;點(diǎn)擊“會(huì)員俱樂(lè)部”進(jìn)入相應(yīng)頁(yè)面,其主要包含用戶賬號(hào)頭像、會(huì)員等級(jí)、我的積分、會(huì)員專(zhuān)享特權(quán)、升級(jí)會(huì)員、開(kāi)通超級(jí)會(huì)員、會(huì)員頭條、每月禮券(每月3日更新)、會(huì)員年購(gòu)服務(wù)、會(huì)員日(每個(gè)月注冊(cè)會(huì)員的日期有會(huì)員專(zhuān)享福利)以及更多優(yōu)惠。(2)頁(yè)面交互說(shuō)明banner自動(dòng)循環(huán)輪播,設(shè)置播放點(diǎn)同步banner對(duì)應(yīng)狀態(tài);滾動(dòng)推薦頁(yè),當(dāng)所滾動(dòng)到的區(qū)域大于等于一個(gè)屏幕的長(zhǎng)度時(shí),“簽到”圖標(biāo),向右滑出消失;若在已超出一個(gè)屏幕的長(zhǎng)度的情況下滾動(dòng)回頂部,當(dāng)滾動(dòng)回小于一個(gè)屏幕長(zhǎng)度的區(qū)域時(shí),“簽到”圖標(biāo)向左滑進(jìn);點(diǎn)擊推薦頁(yè)右側(cè)偏上的“簽到”圖標(biāo),【積分中心】頁(yè)面從屏幕右側(cè)滑入,“積分中心”中的簽到情況可以收起也可展開(kāi),點(diǎn)擊“收起”,簽到情況以下的內(nèi)容(以下叫遮蓋)向上滑動(dòng)遮住簽到情況,同時(shí)顯示“今日簽到得1積分”(即點(diǎn)擊展開(kāi)區(qū)域),點(diǎn)擊它,遮蓋向下滑動(dòng),呈現(xiàn)簽到情況,同時(shí),點(diǎn)擊展開(kāi)區(qū)域隱藏消失;在推薦頁(yè)點(diǎn)擊其他標(biāo)簽的入口,可進(jìn)入首頁(yè)中其他部分頁(yè)面,如點(diǎn)擊“新品首發(fā)”跳轉(zhuǎn)到【新品】頁(yè)面,點(diǎn)擊“限時(shí)購(gòu)”跳轉(zhuǎn)到【限時(shí)購(gòu)】頁(yè)面,點(diǎn)擊“福利社”、“最新眾籌”分別跳轉(zhuǎn)到【福利社】、【眾籌】頁(yè)面,另外,點(diǎn)擊“嚴(yán)選一起拼”跳轉(zhuǎn)到【嚴(yán)選拼團(tuán)】頁(yè)面。

5.3.3新品(1)頁(yè)面邏輯結(jié)構(gòu)“新品”tab包含了限時(shí)嘗鮮、推薦關(guān)注、本期新品、新品放映室、新品預(yù)告;限時(shí)嘗鮮除了有基本的商品信息,還需標(biāo)注今日價(jià)、明日價(jià)、原價(jià),并且依次遞增,點(diǎn)擊立即搶購(gòu)進(jìn)入商品詳情頁(yè);本期新品較多,點(diǎn)擊“篩選”可以根據(jù)價(jià)格區(qū)間、分類(lèi)、制造商等進(jìn)行篩選;新品放映室通過(guò)期刊的方式呈現(xiàn),點(diǎn)擊期刊進(jìn)入可查看這一期期刊的新品推薦介紹;點(diǎn)擊推薦關(guān)注和新品預(yù)告下的商品直接進(jìn)入商品詳情頁(yè),在新品預(yù)告商品的詳情頁(yè)底部點(diǎn)擊“上架”提醒,輸入信息之后,會(huì)在上架的時(shí)候提醒用戶。(2)頁(yè)面交互說(shuō)明banner自動(dòng)循環(huán)輪播;點(diǎn)擊“本期新品”中的“價(jià)格”,可以點(diǎn)擊設(shè)置價(jià)格高到低排序,也可以設(shè)置從價(jià)格低到高排序,點(diǎn)擊“篩選”會(huì)從屏幕右側(cè)彈出彈出一個(gè)比屏幕小的篩選框,同時(shí)設(shè)置顯示遮罩;點(diǎn)擊設(shè)置“價(jià)格區(qū)間”時(shí)從底部彈出數(shù)字鍵盤(pán),點(diǎn)擊“分類(lèi)”和“制造商”等圓角矩形標(biāo)簽時(shí),圓角矩形外框和文字都設(shè)置為紅色,并在文字前顯示一個(gè)紅色的對(duì)勾,再次點(diǎn)擊已選中的圓角矩形則恢復(fù)原來(lái)的樣式;最多能選擇5個(gè)分類(lèi)和5個(gè)制造商,超過(guò)5個(gè)會(huì)以toast的方式提醒用戶;點(diǎn)擊遮罩,篩選框向右滑出消失;新品放映室的期刊以圖片的方式橫向排列,最新一期最靠近屏幕左端,向右滾動(dòng)可查看往期,點(diǎn)擊圖片,期刊頁(yè)面從右側(cè)滑入。5.3.4眾籌(1)頁(yè)面邏輯內(nèi)容眾籌頁(yè)面包含正在眾籌的項(xiàng)目、眾籌結(jié)束的項(xiàng)目?jī)纱蟛糠?;“正在眾籌”中,有項(xiàng)目的基本信息,點(diǎn)擊“支持項(xiàng)目”進(jìn)入眾籌詳情頁(yè);點(diǎn)擊“眾籌結(jié)束”項(xiàng)目中的“了解項(xiàng)目”也可進(jìn)入結(jié)束項(xiàng)目的眾籌詳情頁(yè);眾籌詳情頁(yè)包含商品圖片名稱(chēng)、商品描述、已籌金額、項(xiàng)目進(jìn)度、目標(biāo)金額、支持人數(shù)、剩余時(shí)間、眾籌檔位的選擇和商品詳情;點(diǎn)擊底部“我要支持”參與項(xiàng)目眾籌,點(diǎn)擊“關(guān)注”關(guān)注項(xiàng)目,所關(guān)注的項(xiàng)目可在【個(gè)人】tab里的“眾籌訂單”進(jìn)行查看。(2)頁(yè)面交互說(shuō)明banner自動(dòng)循環(huán)輪播;點(diǎn)擊“支持項(xiàng)目”,從頁(yè)面右側(cè)彈出眾籌詳情頁(yè),眾籌詳情頁(yè)中的商品圖片自動(dòng)循環(huán)播放;在眾籌詳情頁(yè)底部點(diǎn)擊“我要支持”,跳轉(zhuǎn)到檔位選擇和項(xiàng)目的基本信息頁(yè),再點(diǎn)擊“支持”,從底部彈出商品規(guī)格選擇彈窗,點(diǎn)擊右上角的關(guān)閉按鈕或點(diǎn)擊遮罩,規(guī)格選擇彈窗向下滑動(dòng)消失,遮罩消失。5.3.5福利社(1)頁(yè)面邏輯內(nèi)容福利社包含領(lǐng)券中心、今日折扣、量販組合、我的福利四大塊;領(lǐng)券中心中,券的信息包括券名、適用條件、有效期,如果是“編輯精選券”中的券則顯示搶券的進(jìn)度;點(diǎn)擊立即領(lǐng)取,添加到【個(gè)人】的“優(yōu)惠券”中;點(diǎn)擊頂部櫥窗式廣告圖進(jìn)入廣告專(zhuān)題頁(yè)面。(2)頁(yè)面交互說(shuō)明點(diǎn)擊“編輯精選券”中優(yōu)惠券的“立即領(lǐng)取”,彈出toast“領(lǐng)取成功”、“立即領(lǐng)取”矩形中的文字變?yōu)椤傲⒓词褂谩鼻覟榘椎准t邊紅字的樣式,toast停留2000毫秒后逐漸消失;當(dāng)頁(yè)面滾動(dòng)超過(guò)屏幕一定長(zhǎng)度(半屏以內(nèi))時(shí),會(huì)顯示便捷標(biāo)簽切換欄并固定于福利社頁(yè)面頂部;繼續(xù)往下滾動(dòng),當(dāng)滾動(dòng)到不同的內(nèi)容區(qū)域時(shí),便捷標(biāo)簽切換欄會(huì)自行切換到對(duì)應(yīng)到狀態(tài);點(diǎn)擊便捷標(biāo)簽切換欄也會(huì)滾動(dòng)的相應(yīng)的位置;點(diǎn)擊“量販囤貨”中的購(gòu)物車(chē)圖標(biāo),逐漸顯現(xiàn)規(guī)格選擇彈窗,同時(shí)遮罩遮住底下頁(yè)面,點(diǎn)擊規(guī)格選擇彈窗右上角的關(guān)閉按鈕,彈窗和遮罩逐漸消失。5.3.6限時(shí)購(gòu)(1)頁(yè)面邏輯結(jié)構(gòu)廣告圖下有一個(gè)橫條,橫條中的每個(gè)格子標(biāo)注著時(shí)間以及搶購(gòu)狀態(tài),從左到右搶購(gòu)的時(shí)段依次推后,點(diǎn)擊不同時(shí)段可以查看不同時(shí)段場(chǎng)次的搶購(gòu)商品,若商品還有剩余則可繼續(xù)搶?zhuān)粢褤屚陼?huì)在商品圖片上顯示“已搶完”,還可查看該商品的詳情;橫條中的時(shí)段分為“已開(kāi)搶”“搶購(gòu)中”和“即將開(kāi)始”三個(gè)大時(shí)段,點(diǎn)擊“即將開(kāi)始”的時(shí)段,在頁(yè)面中,點(diǎn)擊“開(kāi)搶提醒”后輸入手機(jī)號(hào)碼,系統(tǒng)會(huì)在該時(shí)間段開(kāi)始前一段時(shí)間通知用戶;點(diǎn)擊頁(yè)面底部的“查看全部限時(shí)特價(jià)”,跳轉(zhuǎn)到“今日特價(jià)”頁(yè)面,查看當(dāng)日的限時(shí)特價(jià)商品。(2)頁(yè)面交互說(shuō)明點(diǎn)擊橫條中的不同時(shí)段,時(shí)段標(biāo)簽的樣式變?yōu)槌鹊装鬃?,移?dòng)橫條,使所點(diǎn)擊的標(biāo)簽在屏幕居中,并且切換到相應(yīng)的搶購(gòu)商品頁(yè)面;點(diǎn)擊“即將開(kāi)始”時(shí)段中的“開(kāi)搶提醒”,顯示出一個(gè)dialog,伴隨著遮罩,dialog中默認(rèn)填寫(xiě)了注冊(cè)賬號(hào)所用的手機(jī)號(hào)碼,中間四位以*顯示;輸入好手機(jī)號(hào)碼后點(diǎn)擊“確定”即可設(shè)定開(kāi)搶前提醒,點(diǎn)擊“取消”或遮罩,dialog和遮罩消失。5.4識(shí)物(1)頁(yè)面邏輯內(nèi)容【識(shí)物】頁(yè)面包含了幾大推薦,分別是嚴(yán)選推薦、丁磊的好貨推薦、挑款師推薦、嚴(yán)選HOME、嚴(yán)選LOOK、新品放映室、口碑商品、特色系列以及十點(diǎn)一刻,這些推薦都是以文章的形式呈現(xiàn),點(diǎn)擊進(jìn)去會(huì)有一些專(zhuān)題或者單品的推薦文章;推薦商品的文章可轉(zhuǎn)發(fā)、收藏以及評(píng)論,在“十點(diǎn)一刻”的話題中,評(píng)論可按照熱度以及時(shí)間向后來(lái)排序呈現(xiàn),另外還可點(diǎn)擊“關(guān)注”關(guān)注該話題。(2)頁(yè)面交互說(shuō)明頂部櫥窗展示,設(shè)置自動(dòng)循環(huán)播放以及拖動(dòng)效果;推薦欄設(shè)置拖動(dòng),向右拖動(dòng)結(jié)束時(shí),若推薦欄的最左側(cè)離開(kāi)了屏幕左側(cè),則移動(dòng)回屏幕的左側(cè)。同理,向左拖動(dòng)結(jié)束時(shí),若推薦欄的最右側(cè)離開(kāi)了屏幕的右側(cè),則移動(dòng)回屏幕的右側(cè);“十點(diǎn)一刻”中的話題欄跟推薦欄的交互動(dòng)作一樣;點(diǎn)擊推薦文章或者話題,文章頁(yè)面以及話題頁(yè)面從右側(cè)滑入。5.5分類(lèi)(1)頁(yè)面邏輯內(nèi)容分類(lèi)包含了推薦專(zhuān)區(qū)、爆品區(qū)、夏季專(zhuān)區(qū)、特色區(qū)以及多個(gè)生活用品細(xì)分種類(lèi),其中,推薦專(zhuān)區(qū)、爆品區(qū)、夏季專(zhuān)區(qū)頁(yè)面的頂部是廣告圖片,而生活用品細(xì)分種類(lèi)頁(yè)面的頂部則是該類(lèi)別的24小時(shí)熱銷(xiāo)榜;每個(gè)細(xì)分類(lèi)別的詳細(xì)頁(yè)面,還有更細(xì)分的模塊,如居家里的“夏涼”“床品件套”等再細(xì)分類(lèi)別;分類(lèi)頁(yè)面提供搜索入口。(2)頁(yè)面交互說(shuō)明搜索的交互與主頁(yè)幾乎一樣,少了“掃一掃”與“消息”的顯示和隱藏,大致就是點(diǎn)擊搜索文本框,移動(dòng)搜索icon到一定位置,改變搜索背景和搜索文本框的尺寸,“取消”從右側(cè)滑入,搜索頁(yè)面以及鍵盤(pán)向上滑動(dòng)顯示;點(diǎn)擊“取消”,搜索icon回到原來(lái)的位置,搜索背景以及搜索文本框的尺寸也恢復(fù)原樣,搜索頁(yè)面和鍵盤(pán)向下滑動(dòng)消失;點(diǎn)擊左邊的分類(lèi)標(biāo)簽,文字變?yōu)榧t色,小紅條移動(dòng)到對(duì)應(yīng)位置,同時(shí)右邊呈現(xiàn)對(duì)應(yīng)頁(yè)面;由于側(cè)邊標(biāo)簽的內(nèi)容顯示區(qū)域有限,點(diǎn)擊“爆品區(qū)”時(shí),移動(dòng)側(cè)邊標(biāo)簽到能看到“推薦專(zhuān)區(qū)”的位置(側(cè)邊欄原來(lái)的位置),點(diǎn)擊“文體”時(shí),移動(dòng)側(cè)邊標(biāo)簽到能看到“特色區(qū)”的位置(相對(duì)于原來(lái)的位置上移一定距離)。5.6購(gòu)物車(chē)(1)頁(yè)面邏輯內(nèi)容點(diǎn)擊商品,進(jìn)入商品詳情頁(yè),可收藏、咨詢客服、看評(píng)論以及查看商品詳情,還要選擇規(guī)格;在購(gòu)物車(chē)頁(yè)面選中商品,判斷是否滿足“免郵”條件以及“全場(chǎng)加價(jià)購(gòu)”條件,若滿足

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說(shuō)明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

評(píng)論

0/150

提交評(píng)論