第一章，購物車需求調(diào)研。

 

只要是電子商務(wù)購物網(wǎng)站，購物車是必不可少的功能。

設(shè)計(jì)一個(gè)功能強(qiáng)大、易用性好的購物車絕對是提高顧客購買興趣和達(dá)成購買的一個(gè)重要因素。

 

縱觀國內(nèi)外的電子商務(wù)網(wǎng)站，做得比較好，在國內(nèi)有卓越（ www .joyo.com ）,當(dāng)當(dāng)（www.dangdang.com），
國外的則比較多，主要有亞馬遜書店（www.amazon.com），GAP（www.gap.com）， www.target.com ， www .buy.com 等。

 

這些網(wǎng)站對于購物車的設(shè)計(jì)各有特色，但大致是分為兩種購物車： MiniCart（迷你車） 和

ShoppingCart（購物車） 。

• MiniCart的分析

MiniCart 是購物車的一個(gè)微縮版，一般是顯示最后加入購物車的一個(gè)商品，當(dāng)然也有顯示多個(gè)的，但這要注意尺度，
一般顯示最后3個(gè)已經(jīng)很足夠，再多使到排版過長，影響瀏覽。

在 MiniCart 頁面，現(xiàn)在流行的安排是左邊顯示推薦的相關(guān)產(chǎn)品，右邊是 MiniCart 。這是根據(jù)用戶當(dāng)前選購商品的一
種業(yè)務(wù)需求挖掘，來進(jìn)一步推動(dòng)銷售。具體如圖1。

 

另外一種 MiniCart 則為 www .gap.com 獨(dú)創(chuàng)，筆者瀏覽過國內(nèi)外各大電子商務(wù)產(chǎn)品及網(wǎng)站，暫時(shí)只是發(fā)現(xiàn) GAP 系的網(wǎng)站有這種設(shè)計(jì)。

見下圖。

讀者請注意我用紅色圈住的地方，就是它的 MiniCart ，當(dāng)顧客點(diǎn)擊 [Add to cart ] 時(shí)，系統(tǒng)將在右上欄的 MiniCart
柔和地展開，第一部分是顧客剛才加入購物車的商品，如果該商品存在相關(guān)促銷活動(dòng)或者是屬于某個(gè)產(chǎn)品包
（購買 A +B 將節(jié)省n%等），將在第二部分顯示相關(guān)的推薦。

整個(gè)動(dòng)態(tài)效果做得非常舒服，很吸引顧客眼球。只是它的實(shí)現(xiàn)較復(fù)雜。

• Shopping Cart的分析
   
  

購物車（ ShoppingCart ）的設(shè)計(jì)則大同小異，如 Amazon 的設(shè)計(jì)如下：

見圖中紅色圈圈。

【 1 】列功能區(qū)：放置該列商品加入購物車的時(shí)間、對每個(gè)商品的操作按鈕。

【 2 】商品詳細(xì)信息區(qū)：包括產(chǎn)品名稱、庫存、是否免運(yùn)費(fèi)及是否需要禮品包裝等。

【 3 】價(jià)格區(qū)：該商品折后價(jià)格及節(jié)省了多少。

【 4 】數(shù)量區(qū)：可以修改購買數(shù)量。

【 5 】總體功能區(qū)：提供操作整個(gè)購物車區(qū)域（分為 Buy Now 和Buy Later兩個(gè)取悅）

的操作按鈕和統(tǒng)計(jì)信息。

 

經(jīng)過分析，大致需要提供給用戶操作的功能有：

更新數(shù)量；

刪除 (1…n) ；

Save for later （Joyo描述為收藏）（1...n）；

Move to cart 移到購物車（對Save for later的商品）（1…n）。

 

而在系統(tǒng)內(nèi)部我們還需要對購物車進(jìn)行更多的處理，比如對購物車的商品進(jìn)行計(jì)費(fèi)、計(jì)算出

折后價(jià)格，統(tǒng)計(jì)數(shù)據(jù)，對有促銷活動(dòng)的商品給顧客以明顯的提示， Also buy 等等。

 

到這里，購物車的業(yè)務(wù)需求分析研究就過一段落了，下一章將會(huì)進(jìn)行購物車的建模設(shè)計(jì)。

請留意。

【轉(zhuǎn)載請注明出處！】

筆者對 J 2EE 相關(guān)技術(shù)及電子商務(wù)方面有所研究，歡迎進(jìn)行交流。

QQ：16399476
MSN ： yanchaomin @hotmail.com

 

 

 

 

=================================
顏超敏
專注電子商務(wù)、工作流企業(yè)級Java軟件系統(tǒng)研發(fā)；
個(gè)人博客：Craft6.cn 唯心六藝
=================================