“列表””詳情””購(gòu)物車”購(gòu)買流程優(yōu)化

一. 詳情頁(yè)

1. 改版了頁(yè)面的展示邏輯:

詳情新增了產(chǎn)品各種設(shè)置的展示,并將詳情頁(yè)按商品規(guī)格展示信息,確保商品信息的展示內(nèi)容準(zhǔn)確.

2. 優(yōu)化了商品的數(shù)據(jù)結(jié)構(gòu),新增了六種活動(dòng)下的展示

新版本的商城優(yōu)化了商品的活動(dòng)結(jié)構(gòu),提升了產(chǎn)品的加載速度,改版后,在后臺(tái)添加商品活動(dòng)時(shí),商品只能存在于當(dāng)前的活動(dòng)狀態(tài),在添加商品至其他活動(dòng)時(shí),將提示是否將原活動(dòng)修改為當(dāng)前的活動(dòng)狀態(tài).

(1) 會(huì)員商城/會(huì)員折扣

增加對(duì)會(huì)員商城及會(huì)員折扣商品的會(huì)員價(jià)展示效果,商品價(jià)格將根據(jù)當(dāng)前登錄會(huì)員的會(huì)員等級(jí)展示(未登錄的按普通會(huì)員計(jì)算),會(huì)員商城的商品根據(jù)后臺(tái)設(shè)置”是否展示全部等級(jí)折扣”來(lái)顯示全部折扣彈窗.

(2) 批發(fā)

根據(jù)后臺(tái)設(shè)置,展示批發(fā)數(shù)量最高價(jià)格,點(diǎn)擊批發(fā)信息彈窗后,展示后臺(tái)設(shè)置的全部批發(fā)價(jià)格.

批發(fā)產(chǎn)品本次優(yōu)化了購(gòu)買邏輯:后臺(tái)設(shè)置”多規(guī)格一起計(jì)算批發(fā)數(shù)量”的批發(fā)商品,可直接再加入購(gòu)物車,在購(gòu)物車中判斷是否滿足批發(fā)條件

(3) 微團(tuán)購(gòu)

新增在產(chǎn)品詳情中,根據(jù)后臺(tái)設(shè)置展示”未開(kāi)始””進(jìn)行中””已結(jié)束”的活動(dòng)狀態(tài),彈窗內(nèi)可展示活動(dòng)對(duì)應(yīng)設(shè)置的信息.

(4) 限時(shí)購(gòu)

正在參與限時(shí)購(gòu)的商品,將根據(jù)活動(dòng)狀態(tài)展示限時(shí)購(gòu)活動(dòng)商品,并在限時(shí)購(gòu)彈窗中展示對(duì)應(yīng)活動(dòng)的信息.

(5) 清倉(cāng)購(gòu)

商品參與清倉(cāng)購(gòu)時(shí),將展示對(duì)應(yīng)清倉(cāng)購(gòu)活動(dòng)價(jià)格及清倉(cāng)購(gòu)標(biāo)簽.

3. 增加了商品優(yōu)惠的展示彈窗

新增加了商品各優(yōu)惠參數(shù)的展示,其中包含:

“手機(jī)下單立減”、”商品限購(gòu)”、”起售數(shù)量””下單返消費(fèi)積分”、”購(gòu)買必須使用消費(fèi)積分”

展示優(yōu)惠內(nèi)容

4. 改版了產(chǎn)品屬性的展示規(guī)則

將原在詳情頁(yè)直接展示的產(chǎn)品屬性信息及產(chǎn)品品牌,移至了產(chǎn)品屬性彈窗中展示.

5. 優(yōu)化了”評(píng)論””推薦搭配””商鋪”’領(lǐng)取優(yōu)惠券’的展示效果和交互體驗(yàn)

優(yōu)化了產(chǎn)品附加值得展示樣式及優(yōu)惠券領(lǐng)取的操作體驗(yàn).

6. 優(yōu)化了”相關(guān)產(chǎn)品”的展示效果,產(chǎn)品價(jià)格直接展示商品購(gòu)買價(jià)

將原相關(guān)產(chǎn)品移至了產(chǎn)品詳情下方展示,優(yōu)化了相關(guān)產(chǎn)品的價(jià)格展示,直接展示產(chǎn)品購(gòu)買價(jià).

7. 改版了產(chǎn)品詳情的展示版式

去掉了原本兩種風(fēng)格的產(chǎn)品詳情展示風(fēng)格,將詳情頁(yè)直接通欄長(zhǎng)頁(yè)展示,最大支持”產(chǎn)品詳情””產(chǎn)品參數(shù)””產(chǎn)品溯源”三項(xiàng)自定義詳情,支持通欄切換查看.

將相關(guān)文章,及產(chǎn)品圖冊(cè)一同產(chǎn)品詳情通欄展示,可無(wú)縫切換展示內(nèi)容.

8. 全新改版了”分享”的功能

取消了原發(fā)送至朋友圈的蒙板展示,如需分享至微信可在微信下直接進(jìn)行分銷.新改版的分享直接復(fù)制鏈接及下載圖片兩種分享方式.其中下載圖片需產(chǎn)品圖標(biāo)保存至手機(jī)分享,

9. 優(yōu)化了底部購(gòu)買方式的展示邏輯

頁(yè)面底部的購(gòu)買方式支持根據(jù)商品展示”立即購(gòu)買””加入購(gòu)物車””活動(dòng)即將開(kāi)始”及后臺(tái)設(shè)置額度購(gòu)買方式,根據(jù)商品狀態(tài)準(zhǔn)確展示對(duì)應(yīng)的購(gòu)買操作.

二. 列表頁(yè)

1. 優(yōu)化了四種展示下的展示效果

在原列表頁(yè)基礎(chǔ)上,優(yōu)化了四種排版下的展示樣式

2. 增加了六種活動(dòng)價(jià)格的展示

新增在列表頁(yè)直接展示產(chǎn)品活動(dòng)價(jià)格.其中會(huì)員折扣/會(huì)員商城將依照瀏覽會(huì)員的等級(jí)進(jìn)行展示.

3. 優(yōu)化了產(chǎn)品列表的加載打開(kāi)速度

優(yōu)化了產(chǎn)品的查詢方式,全面提高了產(chǎn)品列表的加載速度.

4. 優(yōu)化了分類篩選的操作體驗(yàn)

將原頂部的篩選移至了側(cè)邊欄展示.

5. 優(yōu)化了列表頁(yè)直接加入購(gòu)物車的彈窗交互,彈窗內(nèi)新增了:

”必須使用消費(fèi)積分””活動(dòng)購(gòu)買價(jià)””批發(fā)信息””限購(gòu)”和”商品最小定量”的展示.

列表頁(yè)加購(gòu)彈窗新增了手機(jī)選號(hào)的直接購(gòu)買彈窗;新增加了表單產(chǎn)品直接在列表頁(yè)購(gòu)買的彈窗操作.

三. 購(gòu)物車

新版購(gòu)物車全面改版展示樣式

1. 購(gòu)物車內(nèi)產(chǎn)品按”自營(yíng)/每個(gè)店鋪”分組進(jìn)行展示

2. 增加了在購(gòu)物車”每組”及”全部”的全選操作,并對(duì)應(yīng)增加了購(gòu)物車內(nèi)的’管理”操作模式

3. 增加了3種活動(dòng)在購(gòu)物車內(nèi)展示樣式

(1) 微團(tuán)購(gòu)/限時(shí)購(gòu)

參與兩種活動(dòng)時(shí)商品在購(gòu)物車的展示

(2) 批發(fā)

新增批發(fā)在購(gòu)物車中”按一組批發(fā)”(累計(jì)數(shù)量批發(fā)),和”單個(gè)批發(fā)”(單獨(dú)計(jì)算數(shù)量批發(fā)),兩種展示方式.

(3) 滿減

4. 增加了購(gòu)物車”重選規(guī)格”的操作彈窗

支持在購(gòu)物車切換所選商品規(guī)格,支持單規(guī)格無(wú)庫(kù)存時(shí)提示并重選其他規(guī)格.

5. 新增購(gòu)物車內(nèi)”失效商品”分組

失效商品包含已加入購(gòu)物車中,活動(dòng)結(jié)束后不可購(gòu)買的商品、下架或刪除的商品、庫(kù)存不足的商品.

6. 新增在購(gòu)物車內(nèi)直接領(lǐng)取優(yōu)惠券,支持展示優(yōu)惠券可用商品,優(yōu)化了購(gòu)物車中活動(dòng)展示.

四. 后臺(tái)修改

1. 營(yíng)銷活動(dòng)

新改版的商城優(yōu)化了”批發(fā)”、”微團(tuán)購(gòu)”、”限時(shí)購(gòu)”、”清倉(cāng)購(gòu)”、”會(huì)員商城”、”會(huì)員折扣”,六種活動(dòng)的邏輯結(jié)構(gòu).

商品只能同時(shí)存在六種活動(dòng)中的一種:

當(dāng)設(shè)置”批發(fā)”、”微團(tuán)購(gòu)”、”限時(shí)購(gòu)”、”清倉(cāng)購(gòu)”,時(shí)商品會(huì)成為對(duì)應(yīng)的活動(dòng)類型;

當(dāng)設(shè)置商品的特殊比例折扣或設(shè)置為會(huì)員商城商品時(shí),商品會(huì)變?yōu)闀?huì)員商城商品;

當(dāng)商品未設(shè)置活動(dòng),設(shè)置了會(huì)員等級(jí)折扣時(shí),商品結(jié)算按照當(dāng)前等級(jí)的對(duì)應(yīng)折扣結(jié)算.

當(dāng)在后臺(tái)切換添加新的活動(dòng)類型時(shí),如商品已存在其他活動(dòng),系統(tǒng)會(huì)進(jìn)行提示,確認(rèn)后將修改商品為對(duì)應(yīng)的活動(dòng)類型.

2. 欄目設(shè)計(jì)

(1) 欄目設(shè)計(jì)

設(shè)計(jì)中新增加了設(shè)置服務(wù)標(biāo)簽是否顯示,開(kāi)啟后將在列表展示對(duì)應(yīng)服務(wù)承諾,標(biāo)簽僅展示一行,超出部分不做顯示.

(2) 欄目展示效果

頁(yè)

詳情改版后,去掉了原手機(jī)商品欄目”展示效果”的選擇,改版后將全部采用新版本通欄的詳情頁(yè)展示效果.

3. 商城設(shè)置

(1) 浮動(dòng)購(gòu)物車按鈕

浮動(dòng)購(gòu)物車按鈕全部改版為了新的圖標(biāo),已經(jīng)選擇的將根據(jù)顏色及形狀替換為新版圖標(biāo).

(2) 自定義購(gòu)買按鈕顏色

自定義購(gòu)買按鈕增加了”否(不使用)”的,選擇不使用自定義顏色后,將使用色系中的顏色.

新改版的色系針對(duì)頁(yè)面中的不同元素設(shè)計(jì)了不同的配色,此處不選用自定義時(shí)將根據(jù)色系展示.

4. 自營(yíng)標(biāo)簽

改版后,多用戶商城新增加了”自營(yíng)”的標(biāo)簽文字自定義功能,可在商鋪設(shè)置中設(shè)置.