購(gòu)物車(chē)設(shè)計(jì)開(kāi)發(fā)(轉(zhuǎn))
第一章,購(gòu)物車(chē)需求調(diào)研。
?
只要是電子商務(wù)購(gòu)物網(wǎng)站,購(gòu)物車(chē)是必不可少的功能。
設(shè)計(jì)一個(gè)功能強(qiáng)大、易用性好的購(gòu)物車(chē)絕對(duì)是提高顧客購(gòu)買(mǎi)興趣和達(dá)成購(gòu)買(mǎi)的一個(gè)重要因素。
?
縱觀國(guó)內(nèi)外的電子商務(wù)網(wǎng)站,做得比較好,在國(guó)內(nèi)有卓越(
www
.joyo.com
),當(dāng)當(dāng)(www.dangdang.com),
國(guó)外的則比較多,主要有亞馬遜書(shū)店(www.amazon.com),GAP(www.gap.com),
www.target.com
,
www
.buy.com
等。
?
這些網(wǎng)站對(duì)于購(gòu)物車(chē)的設(shè)計(jì)各有特色,但大致是分為兩種購(gòu)物車(chē):
MiniCart(迷你車(chē))
和
ShoppingCart(購(gòu)物車(chē))
。
-
MiniCart的分析
MiniCart 是購(gòu)物車(chē)的一個(gè)微縮版,一般是顯示最后加入購(gòu)物車(chē)的一個(gè)商品,當(dāng)然也有顯示多個(gè)的,但這要注意尺度,
一般顯示最后3個(gè)已經(jīng)很足夠,再多使到排版過(guò)長(zhǎng),影響瀏覽。
在
MiniCart
頁(yè)面,現(xiàn)在流行的安排是左邊顯示推薦的相關(guān)產(chǎn)品,右邊是
MiniCart
。這是根據(jù)用戶(hù)當(dāng)前選購(gòu)商品的一
種業(yè)務(wù)需求挖掘,來(lái)進(jìn)一步推動(dòng)銷(xiāo)售。具體如圖1。
?
另外一種
MiniCart
則為
www
.gap.com
獨(dú)創(chuàng),筆者瀏覽過(guò)國(guó)內(nèi)外各大電子商務(wù)產(chǎn)品及網(wǎng)站,暫時(shí)只是發(fā)現(xiàn)
GAP
系的網(wǎng)站有這種設(shè)計(jì)。
見(jiàn)下圖。
讀者請(qǐng)注意我用紅色圈住的地方,就是它的
MiniCart
,當(dāng)顧客點(diǎn)擊
[Add
to cart
]
時(shí),系統(tǒng)將在右上欄的
MiniCart
柔和地展開(kāi),第一部分是顧客剛才加入購(gòu)物車(chē)的商品,如果該商品存在相關(guān)促銷(xiāo)活動(dòng)或者是屬于某個(gè)產(chǎn)品包
(購(gòu)買(mǎi)
A
+B
將節(jié)省n%等),將在第二部分顯示相關(guān)的推薦。
整個(gè)動(dòng)態(tài)效果做得非常舒服,很吸引顧客眼球。只是它的實(shí)現(xiàn)較復(fù)雜。
-
Shopping Cart的分析
?
購(gòu)物車(chē)(
ShoppingCart
)的設(shè)計(jì)則大同小異,如
Amazon
的設(shè)計(jì)如下:
見(jiàn)圖中紅色圈圈。
【
1
】列功能區(qū):放置該列商品加入購(gòu)物車(chē)的時(shí)間、對(duì)每個(gè)商品的操作按鈕。
【
2
】商品詳細(xì)信息區(qū):包括產(chǎn)品名稱(chēng)、庫(kù)存、是否免運(yùn)費(fèi)及是否需要禮品包裝等。
【
3
】?jī)r(jià)格區(qū):該商品折后價(jià)格及節(jié)省了多少。
【
4
】數(shù)量區(qū):可以修改購(gòu)買(mǎi)數(shù)量。
【
5
】總體功能區(qū):提供操作整個(gè)購(gòu)物車(chē)區(qū)域(分為
Buy
Now
和Buy Later兩個(gè)取悅)
的操作按鈕和統(tǒng)計(jì)信息。
?
經(jīng)過(guò)分析,大致需要提供給用戶(hù)操作的功能有:
更新數(shù)量;
刪除
(1…n)
;
Save
for later
(Joyo描述為收藏)(1...n);
Move to cart
移到購(gòu)物車(chē)(對(duì)Save for later的商品)(1…n)。
?
而在系統(tǒng)內(nèi)部我們還需要對(duì)購(gòu)物車(chē)進(jìn)行更多的處理,比如對(duì)購(gòu)物車(chē)的商品進(jìn)行計(jì)費(fèi)、計(jì)算出
折后價(jià)格,統(tǒng)計(jì)數(shù)據(jù),對(duì)有促銷(xiāo)活動(dòng)的商品給顧客以明顯的提示,
Also
buy
等等。
?
到這里,購(gòu)物車(chē)的業(yè)務(wù)需求分析研究就過(guò)一段落了,下一章將會(huì)進(jìn)行購(gòu)物車(chē)的建模設(shè)計(jì)。
第二章:購(gòu)物車(chē)業(yè)務(wù)建模。
?
筆者在本文中將會(huì)采用 UML 對(duì)購(gòu)物車(chē)進(jìn)行建模。
對(duì)于我們的例子,涉及參與者( Actor )是顧客,業(yè)務(wù)實(shí)體則有 MiniCart 和 Shopping Cart 。
?
1 、術(shù)語(yǔ)解釋。
購(gòu)物車(chē) /ShoppingCart :模擬現(xiàn)實(shí)的購(gòu)物車(chē),存放顧客選購(gòu)的商品。
購(gòu)物車(chē)元素 /ShoppingCartItem :表示每個(gè)加入購(gòu)物車(chē)的商品, 1 個(gè)購(gòu)物車(chē)元素對(duì)應(yīng)一個(gè)商品。
迷你車(chē) /MiniCart :購(gòu)物車(chē)的微縮版,只顯示最后(或者近幾個(gè))加入購(gòu)物車(chē)商品,會(huì)附加一些促銷(xiāo)的信息。
?
?
2 、用例( Use Case )
用例( Use Case )是顧客對(duì)購(gòu)物車(chē)進(jìn)行直接操作的事件。
經(jīng)過(guò)分析,得出的用例如下圖:
?
3 、業(yè)務(wù)實(shí)體。
?
描述如下:
1 ) ShoppingCart 和 ShoppingCartItem 是聚合關(guān)系,即 ShoppingCartItem 生命周期依賴(lài)于 ShoppingCart ;
2 ) MiniCart 和和 ShoppingCartItem 是組合關(guān)系,一個(gè) MiniCart 可以呈現(xiàn)多個(gè) ShoppingCartItem ,
ShoppingCartItem 生命周期和 MiniCart 沒(méi)有直接關(guān)系;
3 ) MiniCart 對(duì) ShoppingCart 有依賴(lài)關(guān)系,如果還沒(méi)有為顧客分配 ShoppingCart ,則 MiniCart 也為空。
?
4 、時(shí)序圖。
描述顧客和購(gòu)物車(chē)之間的交互關(guān)系,并表述對(duì)象之間的時(shí)間順序可以用時(shí)序圖表達(dá),但限于篇幅,
筆者只對(duì)其中的【將商品加入購(gòu)物車(chē)】進(jìn)行設(shè)計(jì)。
4.1 基本流如下:
?
流程描述如下:
顧客 ??????????????????????????????????????????????????? 服務(wù)器
1 )查看商品;
2 )將商品加入購(gòu)物車(chē);
???????????????????????????????????????????????????????? 3 )購(gòu)物車(chē)模塊判斷可以加入;
???????????????????????????????????????????????????????? 4 )將該商品加入購(gòu)物車(chē);
???????????????????????????????????????????????????????? 5 )調(diào)用其它接口對(duì)購(gòu)物車(chē)進(jìn)行處理(如計(jì)費(fèi)接口);
???????????????????????????????????????????????????????? 6 )調(diào)用 MiniCart 接口組裝返回?cái)?shù)據(jù);
???????????????????????????????????????????????????????? 7 )呈現(xiàn) MiniCart 頁(yè)面;
8 )查看 MiniCart 頁(yè)面。
?
4.2 擴(kuò)展流如下:
?
1 ) Add to cart 時(shí),通過(guò)購(gòu)買(mǎi)驗(yàn)證,發(fā)現(xiàn)顧客等級(jí)不足以購(gòu)買(mǎi)當(dāng)前商品,則返回提示信息,流程結(jié)束。
2 )另外還有其它的擴(kuò)展流,比如庫(kù)存不足等,由于很相似,所以在本文就不畫(huà)圖了。
?
5 、其它。
下圖表達(dá)了一個(gè)顧客進(jìn)入網(wǎng)站后選購(gòu)商品——結(jié)帳的活動(dòng)過(guò)程概述。
其中對(duì) Add to cart 的子流程做了描述,結(jié)帳流程不在本文描述范圍。
?
?
下一篇將進(jìn)行實(shí)體和接口的具體設(shè)計(jì),請(qǐng)關(guān)注。
?
【轉(zhuǎn)載請(qǐng)注明出處!】
筆者現(xiàn)在 www .probiz.cn 任項(xiàng)目主管,進(jìn)行基于 J2EE 電子商務(wù)套件的研發(fā)。
產(chǎn)品在線 demo 請(qǐng)垂閱: http://demo.probiz.cn
后臺(tái):http://demo.probiz.cn/StoreAdmin
筆者對(duì) J 2EE 相關(guān)技術(shù)及電子商務(wù)方面有所研究,歡迎進(jìn)行交流。
QQ:16399476
MSN : yanchaomin @hotmail.com
posted on 2007-03-22 11:16 liaojiyong 閱讀(1284) 評(píng)論(0) 編輯 收藏 所屬分類(lèi): Other