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