購物車網(wǎng)頁設計的最佳實踐

購物車網(wǎng)頁設計的好實踐

還記得那些用來買雜貨的大型購物車嗎這些實體購物車是推出好購物車網(wǎng)站設計的創(chuàng)意來歷。基本功用被改編成虛擬對應物，使在線購物者能夠“持有”他們正在考慮購買的產(chǎn)品。運用這個在線購物車，他們還能夠查看、刪去和增加產(chǎn)品，然后持續(xù)到虛擬收銀員——結(jié)賬頁面。

網(wǎng)上購物車有更多的功用，一個適宜的購物車頁面設計能夠主動計算總本錢，它能夠“保存”物品，如果依然可用，你能夠稍后購買。以下是最好的購物車網(wǎng)站設計和購物車創(chuàng)意，以幫助您為您的客戶提供最好的用戶體會。

1、當產(chǎn)品增加到購物車時告知用戶

向購物車增加產(chǎn)品的承認通常只是改變購物車圖標上的數(shù)字，有一種風險是，大多數(shù)網(wǎng)上買家，尤其是新買家，會錯失這一小部分人。為了招引買家的留意，最好運用一個非有必要的、更值得留意的指標來承認一個產(chǎn)品現(xiàn)已增加到購物車中。

一個顯現(xiàn)產(chǎn)品被增加到購物車的動畫彈出框是一個“不能錯失”的指示器，用戶體會(UX)設計者鼓吹在線行為應該反映真實世界的行為。增加一個動畫承認應該會發(fā)作一種類似于一個人從產(chǎn)品店貨架上拿東西并把它放在他們的購物車里的體會。

包含產(chǎn)品的圖畫和相應選項的列表，不要過度運用彈出動畫。在靜態(tài)頁面中進行少量的移動會招引留意力，但過度移動會渙散留意力，或許會惹惱客戶。

購物車頁面設計有必要考慮實時庫存，如果沒有存貨，就不該該下訂單。在購買進程中，你會發(fā)現(xiàn)該產(chǎn)品沒有庫存，這并不是一個好的用戶體會。

2、迷你購物車(彈出)

網(wǎng)上購物手推車有兩種方式，一個是一個完整的頁面購物車，其中包含客戶交易的悉數(shù)細節(jié)。另一種是“迷你”購物車，本質(zhì)上是主購物車頁面的圖標或快捷方式。這個迷你購物車通常坐落側(cè)邊欄或頁面上方。

最好的購物車網(wǎng)站設計實踐是包含兩個購物車，由于它們是互補的。迷你購物車應該盡或許少地顯現(xiàn)相關信息，它坐落頂部角落或側(cè)邊欄的原因是為了防止它影響頁面的視覺作用，一起持續(xù)提醒客戶的行為。

一個好的迷你購物車模板顯現(xiàn)選定的產(chǎn)品詳細信息，通常是經(jīng)過彈出窗口，然后在迷你購物車圖標上反映產(chǎn)品、數(shù)量和價格，這答應客戶在產(chǎn)品頁面上持續(xù)購物。它為客戶提供了一個快速查看工具來監(jiān)視他們的項目以及他們即將花費多少。

3、顯現(xiàn)項目的數(shù)量

購物車應該總是清楚地顯現(xiàn)物品的數(shù)量，一次偶爾的雙擊或單擊能夠很容易地在客戶不知情的情況下增加另一個產(chǎn)品。大多數(shù)購物者運用移動設備，他們很容易疏忽這個過錯。

能夠想象一下，有一位客戶打電話給你們的熱線，要求處理一份“重復”的訂單。一直都在告知你，沒有人一起訂兩個訂婚戒指。

顧客應該能夠從他們的購物車中查看和更新訂單數(shù)量，他們永久不能失去修正購物車內(nèi)容的挑選，直到他們購買進程的最終一步。

4、列出產(chǎn)品形象和細節(jié)

您的客戶在整個購物車頁面上做出他們的最終購買決定，這是他們在結(jié)賬前的最終一個進程。購物車的作用現(xiàn)在變得加倍重要，購物車作為一個工具來組織購物者的物品。但當他們完結(jié)尋覓他們想要的產(chǎn)品時，購物車的僅有功用是現(xiàn)在引導顧客付錢。

重要的是，這個頁面提供了要購買的物品的明晰摘要。您的購物車設計團隊應該包含以下相關信息：

產(chǎn)品形象-形象應該足夠大，以便買家辨認項目。一個小小的縮略圖是不可的，尤其是從移動設備上看。圖畫應該以正確的色彩顯現(xiàn)項目，使一個選項，以便用戶能夠恰當?shù)貙彶楫a(chǎn)品。

產(chǎn)品細節(jié)-包含尺度，色彩，價格，型號，銘文，品牌和其他重要細節(jié)值得一提。完整的產(chǎn)品描述將答應用戶區(qū)別他想要購買的產(chǎn)品和其他類似的產(chǎn)品。

數(shù)量——咱們再怎樣著重清楚地展示這些信息的重要性也不為過。這將影響總購買價格，或許還會影響運輸本錢。

有了悉數(shù)這些信息清楚地提供在購物車將答應客戶審查他們的訂單之前購買，這讓客戶有時機看到并糾正過錯。最終，包含一個從購物車中的每個項目返回到產(chǎn)品頁面的鏈接。經(jīng)過這種方式，客戶能夠查看并重新閱覽整個產(chǎn)品描述。

5、答應客戶修改購物車中的產(chǎn)品

答應您的客戶在購物車頁面上輕松修改他們的訂單，在修改訂單時，不該將它們從購物車中刪去或重定向回產(chǎn)品頁面。你應該不惜悉數(shù)代價把它們放在購物車頁面上。

在購物車頁面設計中，有兩種常見的辦法能夠做到這一點。一種是經(jīng)過內(nèi)聯(lián)修改，另一種是經(jīng)過彈出屏幕。產(chǎn)品圖畫和詳細信息應該更新，以反映用戶所做的任何更改。

在可操作的項目上提供明晰的標簽或圖標，加號(+)或減號(-)符號是眾所周知的符號，應該用于可視化增加或刪去項目。

6、正確運用優(yōu)惠券字段

優(yōu)惠券代碼字段是您在迷你購物車附近找到的小表單框，它是客戶輸入產(chǎn)品或存儲特定優(yōu)惠券代碼的門戶。這些代碼通常是折扣或免費項目。

設身處地為顧客考慮，您正在悠閑地購物，當您即將結(jié)賬時，您會看到這個閃亮而空的優(yōu)惠券代碼字段。不幸的是，您沒有優(yōu)惠券代碼。你或許會說"這肯定是個過錯，我應該有一個優(yōu)惠券代碼由于購物車頁面是要我的優(yōu)惠券代碼"

這個小小的誤解或許會導致您簡直付費的客戶尋覓這個難以捉摸的代碼，一項搜索或許會把他們引向另一個電子商務網(wǎng)站等待的懷有。

如果你想要放一個優(yōu)惠券代碼，這里有3個購物車比如關于怎么避免“優(yōu)惠券搜索丟失”

您能夠放置一個可點擊的鏈接，讓客戶在購物車頁面上搜索可用的優(yōu)惠券。

在沒有優(yōu)惠券代碼的情況下，向客戶隱藏優(yōu)惠券代碼字段。

略微隱藏或減少優(yōu)惠券字段的可見性，有優(yōu)惠券代碼的用戶會尋覓表單字段，而沒有的用戶或許乃至不知道表單字段的存在。

7、顯現(xiàn)付出和發(fā)貨選項

付出選項-顯現(xiàn)悉數(shù)或許的安全付出選項將使您的客戶的付款進程無摩擦。挑選有必要以客戶能夠在一個視圖中看到悉數(shù)選項的方式顯現(xiàn)。這答應他們比較和挑選最優(yōu)的挑選。您還能夠增加付出安全印章，以及在您的付出選項周圍放置圖標。

運輸本錢-購物車應該能夠計算這個本錢依據(jù)交付地點。如果客戶是回頭客，運費應該依據(jù)列出的默認送貨地址。

8、顯現(xiàn)總本錢

說到錢的問題，重要的是讓顧客對他們的購買感到放心。以下是好購物車網(wǎng)站設計的黃金規(guī)律

悉數(shù)費用有必要清楚地寫下來

不該該有隱性本錢

任何具有錢銀價值的東西——小本錢、稅收、運輸本錢，最終是總本錢——都有必要在購物車中有自己的項目。

在客戶進入結(jié)帳頁面之前，他們有必要能夠看到他們將付出多少錢以及這筆金額的細目。數(shù)字和錢銀值應該對齊，有恰當?shù)木嚯x，即使從移動設備上觀看，視覺上也容易閱覽。有些設計將悉數(shù)值放在一個表中。

9、穿插出售或向上出售

穿插出售或向上出售發(fā)作在許多業(yè)務和不同的方式，它本質(zhì)上是為顧客提供一個購買額外產(chǎn)品的時機，這些產(chǎn)品要么是對他們當前購買的產(chǎn)品的贊美，要么是提高他們當前的購買。

簡略的一句話“你要配薯條嗎”這是一個成功的比如，它幫助麥當勞賣出了不可勝數(shù)的薯條。當你決定買更多的薯條時，那些精明的營銷人員乃至會做一個“大號”的推銷。

早在2006年，亞馬遜就陳述稱其35%的收入來自向上出售和穿插出售。10多年過去了，這種商業(yè)策略依然是一個強有力的收入來歷。大多數(shù)電子商務網(wǎng)站都采用了這種辦法，并取得了普遍的活躍作用。

均勻而言，穿插出售和向上出售占電子商務出售增加的10%-30%。您能夠經(jīng)過推薦個性化產(chǎn)品或顯現(xiàn)其他客戶購買的產(chǎn)品來大化購物車頁面。這也是最好的出售時機，由于你有一個付費客戶的悉數(shù)留意力。

10、在按鈕上指定對動作(CTa)的調(diào)用

當您的客戶到達購物車頁面時，應該只顯現(xiàn)兩個對動作的調(diào)用(CTa)。一個是“持續(xù)購物”，另一個是“結(jié)賬”。

將CTas放在可點擊的按鈕上，能夠讓它們與頁面的其他部分天壤之別。以下是規(guī)劃購物車CTa按鈕時要遵從的基本指導準則。

它需求上色，最好不是白色、灰色或黑色，它應該是一種引人注目的色彩。

它需求從背景中鋒芒畢露

它有必要放在最顯眼的地方

它需求招引顧客的留意力

您最好希望他們單擊CheckoutCTa，這樣就有必要比ContinueShoppingCTa更杰出顯現(xiàn)這一點，它有必要是購物車頁面中最斗膽和大的元素。

這有必要坐落購物車頁面的右上角和右下角，依據(jù)購物車頁面規(guī)劃，它也能夠放在左面，但大多數(shù)購物車示例將它們放在右邊。

簽出CTa應該清楚地指示當單擊或激活該按鈕時將發(fā)作什么。用戶有必要清楚他們即將購買和付出物品。不要運用令人困惑的標簽，不論它們聽起來有多酷。簡略而傳統(tǒng)的“立即付款”或“持續(xù)付款”就能夠了。

11、增加一個談論頁面

始終包含一個回顧頁，以顯現(xiàn)訂單摘要。這個特性給了客戶最終一次時機來查看和驗證他們是否購買了預期的產(chǎn)品，然后他們再許諾付出進程。

在評定頁面上，您應該再次包含關于產(chǎn)品的悉數(shù)信息。它類似于完整購物車頁面上的表格視圖。審查頁面還應該包含客戶的個人、運輸和付出信息。

好的購物車網(wǎng)站設計實踐答應客戶撤銷或改變他們的訂單。他們還能夠經(jīng)過單擊ContinueShoppingCTa增加產(chǎn)品。如果悉數(shù)順利，這將使您的客戶有決心持續(xù)進行結(jié)帳進程。

12、增加一個感謝頁面

有用的購物車網(wǎng)站設計總是包含一個感謝頁，此頁面應包含承認訂單已發(fā)送且正在處理的說明。包含重要的信息，如訂單盯梢號碼和誰在延遲交貨時聯(lián)絡。

這也是一個向你的客戶表示感謝和加強你的聯(lián)絡的時機，首先要給對方一個溫暖的私人信息。考慮一下這個問題，如果或許的話，增加一個個人簽名。

你也能夠提供這些前面提到的優(yōu)惠券代碼在這里作為感謝信息的一部分，你乃至能夠把頂級出售項目的鏈接作為你的向上出售努力的一部分。

遵從這些技巧，就能夠得到最好的購物車網(wǎng)站設計。具有一個高效的、以客戶為中心的購物車頁面，會給你在電子商務領域取得成功的大時機。如果您需求進一步幫助您的購物車或網(wǎng)站設計，咱們將很快樂幫助您。請給咱們發(fā)郵件或打電話，悉數(shù)信息都列在咱們的聯(lián)絡頁面上。

網(wǎng)站標題：購物車網(wǎng)頁設計的最佳實踐
文章鏈接：http://bm7419.com/news/125651.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站導航、App開發(fā)、自適應網(wǎng)站、企業(yè)網(wǎng)站制作、服務器托管、面包屑導航

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)