設(shè)計(jì)電子商務(wù)站點(diǎn)應(yīng)該記住的最重要的事情是使你的顧客購(gòu)買方便。當(dāng)我寫(xiě)這篇文章時(shí)我正在設(shè)計(jì)一個(gè)電子商務(wù)站點(diǎn)，我所學(xué)到的一些技巧，可以幫助你在電子商務(wù)站點(diǎn)設(shè)計(jì)中成功。
技巧1：使購(gòu)買方便
這個(gè)技巧看起來(lái)可能是含糊和不明確的，但是它確實(shí)是最重要的建議。你需要把你自己放在顧客的立場(chǎng)上來(lái)測(cè)試你的設(shè)計(jì)。把那些可能阻礙用戶成功購(gòu)買的問(wèn)題列舉出來(lái)。向自己提問(wèn)題，像下面這些：
完成一次購(gòu)買需要多少頁(yè)和多少次單擊？
相對(duì)于第二次購(gòu)買，客戶最初需要填寫(xiě)多少信息？
能直接在主頁(yè)上完成快速購(gòu)買嗎？
站點(diǎn)為怎樣在完成交易之前存儲(chǔ)選項(xiàng)提供清楚的指示嗎？
站點(diǎn)怎樣與用戶進(jìn)行良好的溝通？
站點(diǎn)能確認(rèn)用戶的行為并為用戶所進(jìn)行的購(gòu)買行為提供清晰的、簡(jiǎn)明的反饋嗎？
用戶能在提交之前收集多個(gè)條目嗎？
提示2：制造強(qiáng)烈的印象
電子商務(wù)必須制造強(qiáng)烈的印象。這是你的公司與用戶聯(lián)系和說(shuō)服他們開(kāi)始購(gòu)買的重點(diǎn)。提供你的商店的商標(biāo)是位也是最重要的事情。其次，很重要的一點(diǎn)是為你的商店的種類或門類提供一個(gè)清楚的、形象的定義。這一切可以用制表符或在導(dǎo)航條中完成。
查找的特征也必須顯著的放在公司商標(biāo)附近或幾乎所有網(wǎng)頁(yè)的頂部和底部�？紤]在主頁(yè)上突出特殊的商品以激發(fā)客戶購(gòu)買的欲望。提供到你的產(chǎn)品的故事的鏈接來(lái)提供有教益的信息，并且可以增加吸引力。
提示3：把干擾減少到最小：廣告不一定總是必需的
你可以考慮在你的主頁(yè)和其他地方上的整個(gè)購(gòu)買過(guò)程中不提供任何的廣告。記住你的主頁(yè)的目的是鼓勵(lì)購(gòu)買、購(gòu)物。你不會(huì)想因?yàn)樗麄儐螕袅硪还镜膹V告而阻擋和失去他們吧。
如果你想登廣告，把你自己的商品的特征以某種方式加到顧客的購(gòu)物籃上。最理想的是，那些產(chǎn)品與顧客的個(gè)人信息聯(lián)系在一起，所以顧客更傾向于購(gòu)買它們，并且他們可能認(rèn)為在你的站點(diǎn)購(gòu)物便利。
讓顧客聚焦于你公司提供的商品，除非你與其他公司有互補(bǔ)的關(guān)系。最近，我注意到http://www.expedia.com/和http://www.barnesandnoble.com/從他們各自的主頁(yè)有一個(gè)鏈接到彼此的店面。這是一個(gè)好的交叉合作廣告策略鼓勵(lì)互補(bǔ)商業(yè)情形。例如，如果我購(gòu)買塔希提島的蜜月票，我可能將對(duì)購(gòu)買關(guān)于南太平洋的書(shū)感興趣。你必須盡可能聰明的挑選要放到你主頁(yè)上的廣告，不要隨便的展示廣告橫幅。 站長(zhǎng)網(wǎng)admin5.com
一旦顧客裝滿他們的購(gòu)物籃并想付帳時(shí)，重要的是排除干擾。阻擋顧客完成購(gòu)物過(guò)程的無(wú)關(guān)按鈕和導(dǎo)航元素。
提示4：個(gè)性化
你是否在尋找一種方式，與你的顧客建立一種非常和諧的親密關(guān)系？你可以在顧客作為一個(gè)購(gòu)物者或成員注冊(cè)后，為他們提供個(gè)人化的服務(wù)。使用這個(gè)信息在主頁(yè)或不同部分的頁(yè)提供個(gè)人化的問(wèn)候。
歡迎你，Nadja，祝你購(gòu)物愉快。
你還可以提供一個(gè)需要密碼的私人空間，在那里每個(gè)顧客能檢查過(guò)去的訂單、訂單狀態(tài)、需求商品列表和贈(zèng)品證書(shū)等等。
我找不到關(guān)于個(gè)性化的設(shè)計(jì)信息了。要了解更多關(guān)于個(gè)性化的開(kāi)發(fā)信息，請(qǐng)?jiān)L問(wèn) http://www.15seconds.com/ 和 http://www.siteserver.com/；要獲得Microsoft Site Server個(gè)性化更深入的理解，請(qǐng)閱讀Rob Howard整理的Professional Site Server 3.0 Personalization and Membership ( http://www.microsoft.com/sbnmember/freebies/books.asp)。
提示5：避免冗長(zhǎng)的說(shuō)明
如果你需要包括一個(gè)長(zhǎng)篇大論來(lái)說(shuō)明如何使用站點(diǎn)和進(jìn)行購(gòu)買，現(xiàn)在是重新設(shè)計(jì)的時(shí)候了。用戶需要依靠最少的說(shuō)明甚至不需要說(shuō)明能完成快速購(gòu)買。大多數(shù)顧客將不會(huì)閱讀長(zhǎng)篇說(shuō)明，并會(huì)在一片迷惘中轉(zhuǎn)身離開(kāi)。
http://www.urbandecay.com/網(wǎng)站使用一個(gè)的接口程序來(lái)描繪他們的產(chǎn)品的圖像和陳述。我喜歡這個(gè)站點(diǎn)，只發(fā)現(xiàn)一個(gè)需要改進(jìn)的地方。網(wǎng)站管理員可能需要考慮怎樣添加項(xiàng)目到購(gòu)物籃的冗長(zhǎng)說(shuō)明。當(dāng)我次使用這個(gè)站點(diǎn)時(shí)，我沒(méi)有閱讀說(shuō)明，單擊下面的圖像也不明顯：
添加項(xiàng)目到購(gòu)物籃，下面的方法會(huì)更加有效。
添加到購(gòu)物籃
提示6：給位置提供可視化的線索
對(duì)于有幾個(gè)不同部分的商店，重要的是創(chuàng)立一種不同位置的感覺(jué)。可以通過(guò)改變導(dǎo)航條或背景頁(yè)的顏色，通過(guò)使用文本或圖形提供不同的標(biāo)題來(lái)實(shí)現(xiàn)。
http://www.etoys.com/站點(diǎn)做了大量的工作為每個(gè)部分提供可視化線索。注意每個(gè)部分的導(dǎo)航條顏色和背景頁(yè)的顏色改變。這是一個(gè)簡(jiǎn)單的可視化技巧，可以很容易添加到標(biāo)準(zhǔn)的網(wǎng)頁(yè)設(shè)計(jì)中以保持統(tǒng)一并且區(qū)別一個(gè)站點(diǎn)的不同部分。
barnesandnoble.com有一個(gè)出售書(shū)、軟件和雜志的成功站點(diǎn)。注意這個(gè)設(shè)計(jì)將不同部分放在網(wǎng)頁(yè)的頂部。我建議他們創(chuàng)造更多可視的區(qū)別來(lái)區(qū)分這些部分。當(dāng)前，只有圖形標(biāo)題在改變，除此之外，每個(gè)部分看起來(lái)與其他的部分太相似了。 admin5.com 版權(quán)所有
提示7：顯示產(chǎn)品
如果有可能，為每個(gè)商品提供相片。以三個(gè)尺寸處理相片：極小的，中等的和大的。極小的相片用于幾個(gè)產(chǎn)品的列表。在單個(gè)產(chǎn)品的水平，提供中等尺寸的圖像，并能單擊觀看產(chǎn)品的放大版圖像。更大的圖像是不必要的，但是如果你的產(chǎn)品在極小的或中等的相片中細(xì)節(jié)不能被反映出來(lái)，值得考慮采用更大的圖像。
關(guān)于你的商品的細(xì)節(jié)，你提供得越多越好。如果你關(guān)于產(chǎn)品的網(wǎng)頁(yè)很長(zhǎng)，要確保在信息正文的頂部和底部都提供購(gòu)買或添加到你的購(gòu)物籃或手推車的選項(xiàng)。
提示8：關(guān)注圖像
一種使每個(gè)網(wǎng)頁(yè)亮麗的方式是把所有用于普通文本的圖像改變?yōu)閼?yīng)用于HTML文本。另一個(gè)方法是減少單個(gè)產(chǎn)品圖像文件的大小。大多數(shù)產(chǎn)品圖像是連續(xù)色調(diào)的相片。因此產(chǎn)品相片應(yīng)該被存為24位的JPEG圖像。當(dāng)存儲(chǔ)JPEG文件時(shí)，請(qǐng)測(cè)試你的圖像的質(zhì)量水平。例如，在Photoshop中的較低質(zhì)量的設(shè)置將減小文件尺寸和視覺(jué)真實(shí)性，而圖像質(zhì)量可能仍然是令人滿意的。
電子商務(wù)站點(diǎn)的一個(gè)小規(guī)則是保持每個(gè)網(wǎng)頁(yè)容量為35K-50K。另一個(gè)提示是，在不同的網(wǎng)頁(yè)上重復(fù)使用相同的圖形以節(jié)省額外的下載時(shí)間，增加連貫性和增加美感。例如，你可以在一個(gè)網(wǎng)頁(yè)上使用一個(gè)極小的圖形代表一個(gè)部分，然后在該部分的網(wǎng)頁(yè)上相同的圖形放大作為背景�；蛘叻粗嗳唬焊鶕�(jù)圖像的高和寬性質(zhì)按照某一比例縮小大圖像創(chuàng)建一個(gè)極小的圖像。 站長(zhǎng)網(wǎng),站長(zhǎng)資訊
提示9：激發(fā)購(gòu)買的欲望
這可以用不同的方式實(shí)現(xiàn)。如果一個(gè)產(chǎn)品在主頁(yè)中被提及，在旁邊放上產(chǎn)品的圖像和細(xì)節(jié)，出售價(jià)格和一個(gè)可直接購(gòu)買它的鏈接。在新聞或特征文章中，直接包含文章中討論的產(chǎn)品購(gòu)買的鏈接�；蛘咴谝贿呁ǔＴO(shè)置其他公司廣告的專欄中，為你的產(chǎn)品創(chuàng)建清楚的、集中的廣告，并設(shè)置廣告中所介紹產(chǎn)品購(gòu)買的直接鏈接。
提示10：在長(zhǎng)列表中交替背景色
一個(gè)使長(zhǎng)項(xiàng)目列表可讀性更好的、形象的竅門是在每行和項(xiàng)目交替使用明亮的背景色。如果你在barnesandnoble.com站點(diǎn)檢索作者名你可以看到一個(gè)例子。查詢結(jié)果返回灰白交替的項(xiàng)目背景色。在動(dòng)態(tài)服務(wù)器頁(yè)（Active Server Pages ，ASP）文件中這個(gè)技術(shù)可以被寫(xiě)為一個(gè)數(shù)組：
<% colr = array ("#FFFFFF","#CCCCCC") %>
這個(gè)數(shù)組接著被從表格單元調(diào)用：
<TD BGCOLOR="<%=colr(x)%>">
提示11：允許用戶收集項(xiàng)目
提供一個(gè)購(gòu)物籃或一個(gè)地方幫助顧客在購(gòu)買前存放產(chǎn)品。不要讓顧客在一次交易中不止一次的填寫(xiě)冗長(zhǎng)的付款，投遞和其他表格。在產(chǎn)品級(jí)別上提供一個(gè)鏈接付款，一個(gè)鏈接在繼續(xù)購(gòu)買時(shí)添加產(chǎn)品到購(gòu)物手推車。
一項(xiàng)目前正在變得流行的存儲(chǔ)特性叫做期望列表。這個(gè)特性與購(gòu)物手推車類似，但是它不提供購(gòu)買特性，而是作為你在購(gòu)物時(shí)的一個(gè)存儲(chǔ)項(xiàng)目的地方。也許你的期望列表中的產(chǎn)品上市時(shí)，站點(diǎn)能通知你。
技巧1：使購(gòu)買方便
這個(gè)技巧看起來(lái)可能是含糊和不明確的，但是它確實(shí)是最重要的建議。你需要把你自己放在顧客的立場(chǎng)上來(lái)測(cè)試你的設(shè)計(jì)。把那些可能阻礙用戶成功購(gòu)買的問(wèn)題列舉出來(lái)。向自己提問(wèn)題，像下面這些：
完成一次購(gòu)買需要多少頁(yè)和多少次單擊？
相對(duì)于第二次購(gòu)買，客戶最初需要填寫(xiě)多少信息？
能直接在主頁(yè)上完成快速購(gòu)買嗎？
站點(diǎn)為怎樣在完成交易之前存儲(chǔ)選項(xiàng)提供清楚的指示嗎？
站點(diǎn)怎樣與用戶進(jìn)行良好的溝通？
站點(diǎn)能確認(rèn)用戶的行為并為用戶所進(jìn)行的購(gòu)買行為提供清晰的、簡(jiǎn)明的反饋嗎？
用戶能在提交之前收集多個(gè)條目嗎？
提示2：制造強(qiáng)烈的印象
電子商務(wù)必須制造強(qiáng)烈的印象。這是你的公司與用戶聯(lián)系和說(shuō)服他們開(kāi)始購(gòu)買的重點(diǎn)。提供你的商店的商標(biāo)是位也是最重要的事情。其次，很重要的一點(diǎn)是為你的商店的種類或門類提供一個(gè)清楚的、形象的定義。這一切可以用制表符或在導(dǎo)航條中完成。
查找的特征也必須顯著的放在公司商標(biāo)附近或幾乎所有網(wǎng)頁(yè)的頂部和底部�？紤]在主頁(yè)上突出特殊的商品以激發(fā)客戶購(gòu)買的欲望。提供到你的產(chǎn)品的故事的鏈接來(lái)提供有教益的信息，并且可以增加吸引力。
提示3：把干擾減少到最小：廣告不一定總是必需的
你可以考慮在你的主頁(yè)和其他地方上的整個(gè)購(gòu)買過(guò)程中不提供任何的廣告。記住你的主頁(yè)的目的是鼓勵(lì)購(gòu)買、購(gòu)物。你不會(huì)想因?yàn)樗麄儐螕袅硪还镜膹V告而阻擋和失去他們吧。
如果你想登廣告，把你自己的商品的特征以某種方式加到顧客的購(gòu)物籃上。最理想的是，那些產(chǎn)品與顧客的個(gè)人信息聯(lián)系在一起，所以顧客更傾向于購(gòu)買它們，并且他們可能認(rèn)為在你的站點(diǎn)購(gòu)物便利。
讓顧客聚焦于你公司提供的商品，除非你與其他公司有互補(bǔ)的關(guān)系。最近，我注意到http://www.expedia.com/和http://www.barnesandnoble.com/從他們各自的主頁(yè)有一個(gè)鏈接到彼此的店面。這是一個(gè)好的交叉合作廣告策略鼓勵(lì)互補(bǔ)商業(yè)情形。例如，如果我購(gòu)買塔希提島的蜜月票，我可能將對(duì)購(gòu)買關(guān)于南太平洋的書(shū)感興趣。你必須盡可能聰明的挑選要放到你主頁(yè)上的廣告，不要隨便的展示廣告橫幅。 站長(zhǎng)網(wǎng)admin5.com
一旦顧客裝滿他們的購(gòu)物籃并想付帳時(shí)，重要的是排除干擾。阻擋顧客完成購(gòu)物過(guò)程的無(wú)關(guān)按鈕和導(dǎo)航元素。
提示4：個(gè)性化
你是否在尋找一種方式，與你的顧客建立一種非常和諧的親密關(guān)系？你可以在顧客作為一個(gè)購(gòu)物者或成員注冊(cè)后，為他們提供個(gè)人化的服務(wù)。使用這個(gè)信息在主頁(yè)或不同部分的頁(yè)提供個(gè)人化的問(wèn)候。
歡迎你，Nadja，祝你購(gòu)物愉快。
你還可以提供一個(gè)需要密碼的私人空間，在那里每個(gè)顧客能檢查過(guò)去的訂單、訂單狀態(tài)、需求商品列表和贈(zèng)品證書(shū)等等。
我找不到關(guān)于個(gè)性化的設(shè)計(jì)信息了。要了解更多關(guān)于個(gè)性化的開(kāi)發(fā)信息，請(qǐng)?jiān)L問(wèn) http://www.15seconds.com/ 和 http://www.siteserver.com/；要獲得Microsoft Site Server個(gè)性化更深入的理解，請(qǐng)閱讀Rob Howard整理的Professional Site Server 3.0 Personalization and Membership ( http://www.microsoft.com/sbnmember/freebies/books.asp)。
提示5：避免冗長(zhǎng)的說(shuō)明
如果你需要包括一個(gè)長(zhǎng)篇大論來(lái)說(shuō)明如何使用站點(diǎn)和進(jìn)行購(gòu)買，現(xiàn)在是重新設(shè)計(jì)的時(shí)候了。用戶需要依靠最少的說(shuō)明甚至不需要說(shuō)明能完成快速購(gòu)買。大多數(shù)顧客將不會(huì)閱讀長(zhǎng)篇說(shuō)明，并會(huì)在一片迷惘中轉(zhuǎn)身離開(kāi)。
http://www.urbandecay.com/網(wǎng)站使用一個(gè)的接口程序來(lái)描繪他們的產(chǎn)品的圖像和陳述。我喜歡這個(gè)站點(diǎn)，只發(fā)現(xiàn)一個(gè)需要改進(jìn)的地方。網(wǎng)站管理員可能需要考慮怎樣添加項(xiàng)目到購(gòu)物籃的冗長(zhǎng)說(shuō)明。當(dāng)我次使用這個(gè)站點(diǎn)時(shí)，我沒(méi)有閱讀說(shuō)明，單擊下面的圖像也不明顯：
添加項(xiàng)目到購(gòu)物籃，下面的方法會(huì)更加有效。
添加到購(gòu)物籃
提示6：給位置提供可視化的線索
對(duì)于有幾個(gè)不同部分的商店，重要的是創(chuàng)立一種不同位置的感覺(jué)。可以通過(guò)改變導(dǎo)航條或背景頁(yè)的顏色，通過(guò)使用文本或圖形提供不同的標(biāo)題來(lái)實(shí)現(xiàn)。
http://www.etoys.com/站點(diǎn)做了大量的工作為每個(gè)部分提供可視化線索。注意每個(gè)部分的導(dǎo)航條顏色和背景頁(yè)的顏色改變。這是一個(gè)簡(jiǎn)單的可視化技巧，可以很容易添加到標(biāo)準(zhǔn)的網(wǎng)頁(yè)設(shè)計(jì)中以保持統(tǒng)一并且區(qū)別一個(gè)站點(diǎn)的不同部分。
barnesandnoble.com有一個(gè)出售書(shū)、軟件和雜志的成功站點(diǎn)。注意這個(gè)設(shè)計(jì)將不同部分放在網(wǎng)頁(yè)的頂部。我建議他們創(chuàng)造更多可視的區(qū)別來(lái)區(qū)分這些部分。當(dāng)前，只有圖形標(biāo)題在改變，除此之外，每個(gè)部分看起來(lái)與其他的部分太相似了。 admin5.com 版權(quán)所有
提示7：顯示產(chǎn)品
如果有可能，為每個(gè)商品提供相片。以三個(gè)尺寸處理相片：極小的，中等的和大的。極小的相片用于幾個(gè)產(chǎn)品的列表。在單個(gè)產(chǎn)品的水平，提供中等尺寸的圖像，并能單擊觀看產(chǎn)品的放大版圖像。更大的圖像是不必要的，但是如果你的產(chǎn)品在極小的或中等的相片中細(xì)節(jié)不能被反映出來(lái)，值得考慮采用更大的圖像。
關(guān)于你的商品的細(xì)節(jié)，你提供得越多越好。如果你關(guān)于產(chǎn)品的網(wǎng)頁(yè)很長(zhǎng)，要確保在信息正文的頂部和底部都提供購(gòu)買或添加到你的購(gòu)物籃或手推車的選項(xiàng)。
提示8：關(guān)注圖像
一種使每個(gè)網(wǎng)頁(yè)亮麗的方式是把所有用于普通文本的圖像改變?yōu)閼?yīng)用于HTML文本。另一個(gè)方法是減少單個(gè)產(chǎn)品圖像文件的大小。大多數(shù)產(chǎn)品圖像是連續(xù)色調(diào)的相片。因此產(chǎn)品相片應(yīng)該被存為24位的JPEG圖像。當(dāng)存儲(chǔ)JPEG文件時(shí)，請(qǐng)測(cè)試你的圖像的質(zhì)量水平。例如，在Photoshop中的較低質(zhì)量的設(shè)置將減小文件尺寸和視覺(jué)真實(shí)性，而圖像質(zhì)量可能仍然是令人滿意的。
電子商務(wù)站點(diǎn)的一個(gè)小規(guī)則是保持每個(gè)網(wǎng)頁(yè)容量為35K-50K。另一個(gè)提示是，在不同的網(wǎng)頁(yè)上重復(fù)使用相同的圖形以節(jié)省額外的下載時(shí)間，增加連貫性和增加美感。例如，你可以在一個(gè)網(wǎng)頁(yè)上使用一個(gè)極小的圖形代表一個(gè)部分，然后在該部分的網(wǎng)頁(yè)上相同的圖形放大作為背景�；蛘叻粗嗳唬焊鶕�(jù)圖像的高和寬性質(zhì)按照某一比例縮小大圖像創(chuàng)建一個(gè)極小的圖像。 站長(zhǎng)網(wǎng),站長(zhǎng)資訊
提示9：激發(fā)購(gòu)買的欲望
這可以用不同的方式實(shí)現(xiàn)。如果一個(gè)產(chǎn)品在主頁(yè)中被提及，在旁邊放上產(chǎn)品的圖像和細(xì)節(jié)，出售價(jià)格和一個(gè)可直接購(gòu)買它的鏈接。在新聞或特征文章中，直接包含文章中討論的產(chǎn)品購(gòu)買的鏈接�；蛘咴谝贿呁ǔＴO(shè)置其他公司廣告的專欄中，為你的產(chǎn)品創(chuàng)建清楚的、集中的廣告，并設(shè)置廣告中所介紹產(chǎn)品購(gòu)買的直接鏈接。
提示10：在長(zhǎng)列表中交替背景色
一個(gè)使長(zhǎng)項(xiàng)目列表可讀性更好的、形象的竅門是在每行和項(xiàng)目交替使用明亮的背景色。如果你在barnesandnoble.com站點(diǎn)檢索作者名你可以看到一個(gè)例子。查詢結(jié)果返回灰白交替的項(xiàng)目背景色。在動(dòng)態(tài)服務(wù)器頁(yè)（Active Server Pages ，ASP）文件中這個(gè)技術(shù)可以被寫(xiě)為一個(gè)數(shù)組：
<% colr = array ("#FFFFFF","#CCCCCC") %>
這個(gè)數(shù)組接著被從表格單元調(diào)用：
<TD BGCOLOR="<%=colr(x)%>">
提示11：允許用戶收集項(xiàng)目
提供一個(gè)購(gòu)物籃或一個(gè)地方幫助顧客在購(gòu)買前存放產(chǎn)品。不要讓顧客在一次交易中不止一次的填寫(xiě)冗長(zhǎng)的付款，投遞和其他表格。在產(chǎn)品級(jí)別上提供一個(gè)鏈接付款，一個(gè)鏈接在繼續(xù)購(gòu)買時(shí)添加產(chǎn)品到購(gòu)物手推車。
一項(xiàng)目前正在變得流行的存儲(chǔ)特性叫做期望列表。這個(gè)特性與購(gòu)物手推車類似，但是它不提供購(gòu)買特性，而是作為你在購(gòu)物時(shí)的一個(gè)存儲(chǔ)項(xiàng)目的地方。也許你的期望列表中的產(chǎn)品上市時(shí)，站點(diǎn)能通知你。