2021-09-07 分類(lèi): 網(wǎng)站建設(shè)
購(gòu)物車(chē)網(wǎng)頁(yè)設(shè)計(jì)的好實(shí)踐
還記得那些用來(lái)買(mǎi)雜貨的大型購(gòu)物車(chē)嗎這些實(shí)體購(gòu)物車(chē)是推出好購(gòu)物車(chē)網(wǎng)站設(shè)計(jì)的創(chuàng)意來(lái)歷。基本功用被改編成虛擬對(duì)應(yīng)物,使在線購(gòu)物者能夠“持有”他們正在考慮購(gòu)買(mǎi)的產(chǎn)品。運(yùn)用這個(gè)在線購(gòu)物車(chē),他們還能夠查看、刪去和增加產(chǎn)品,然后持續(xù)到虛擬收銀員——結(jié)賬頁(yè)面。
網(wǎng)上購(gòu)物車(chē)有更多的功用,一個(gè)適宜的購(gòu)物車(chē)頁(yè)面設(shè)計(jì)能夠主動(dòng)計(jì)算總本錢(qián),它能夠“保存”物品,如果依然可用,你能夠稍后購(gòu)買(mǎi)。以下是最好的購(gòu)物車(chē)網(wǎng)站設(shè)計(jì)和購(gòu)物車(chē)創(chuàng)意,以幫助您為您的客戶提供最好的用戶體會(huì)。
1、當(dāng)產(chǎn)品增加到購(gòu)物車(chē)時(shí)告知用戶
向購(gòu)物車(chē)增加產(chǎn)品的承認(rèn)通常只是改變購(gòu)物車(chē)圖標(biāo)上的數(shù)字,有一種風(fēng)險(xiǎn)是,大多數(shù)網(wǎng)上買(mǎi)家,尤其是新買(mǎi)家,會(huì)錯(cuò)失這一小部分人。為了招引買(mǎi)家的留意,最好運(yùn)用一個(gè)非有必要的、更值得留意的指標(biāo)來(lái)承認(rèn)一個(gè)產(chǎn)品現(xiàn)已增加到購(gòu)物車(chē)中。
一個(gè)顯現(xiàn)產(chǎn)品被增加到購(gòu)物車(chē)的動(dòng)畫(huà)彈出框是一個(gè)“不能錯(cuò)失”的指示器,用戶體會(huì)(UX)設(shè)計(jì)者鼓吹在線行為應(yīng)該反映真實(shí)世界的行為。增加一個(gè)動(dòng)畫(huà)承認(rèn)應(yīng)該會(huì)發(fā)作一種類(lèi)似于一個(gè)人從產(chǎn)品店貨架上拿東西并把它放在他們的購(gòu)物車(chē)?yán)锏捏w會(huì)。
包含產(chǎn)品的圖畫(huà)和相應(yīng)選項(xiàng)的列表,不要過(guò)度運(yùn)用彈出動(dòng)畫(huà)。在靜態(tài)頁(yè)面中進(jìn)行少量的移動(dòng)會(huì)招引留意力,但過(guò)度移動(dòng)會(huì)渙散留意力,或許會(huì)惹惱客戶。
購(gòu)物車(chē)頁(yè)面設(shè)計(jì)有必要考慮實(shí)時(shí)庫(kù)存,如果沒(méi)有存貨,就不該該下訂單。在購(gòu)買(mǎi)進(jìn)程中,你會(huì)發(fā)現(xiàn)該產(chǎn)品沒(méi)有庫(kù)存,這并不是一個(gè)好的用戶體會(huì)。
2、迷你購(gòu)物車(chē)(彈出)
網(wǎng)上購(gòu)物手推車(chē)有兩種方式,一個(gè)是一個(gè)完整的頁(yè)面購(gòu)物車(chē),其中包含客戶交易的悉數(shù)細(xì)節(jié)。另一種是“迷你”購(gòu)物車(chē),本質(zhì)上是主購(gòu)物車(chē)頁(yè)面的圖標(biāo)或快捷方式。這個(gè)迷你購(gòu)物車(chē)通常坐落側(cè)邊欄或頁(yè)面上方。
最好的購(gòu)物車(chē)網(wǎng)站設(shè)計(jì)實(shí)踐是包含兩個(gè)購(gòu)物車(chē),由于它們是互補(bǔ)的。迷你購(gòu)物車(chē)應(yīng)該盡或許少地顯現(xiàn)相關(guān)信息,它坐落頂部角落或側(cè)邊欄的原因是為了防止它影響頁(yè)面的視覺(jué)作用,一起持續(xù)提醒客戶的行為。
一個(gè)好的迷你購(gòu)物車(chē)模板顯現(xiàn)選定的產(chǎn)品詳細(xì)信息,通常是經(jīng)過(guò)彈出窗口,然后在迷你購(gòu)物車(chē)圖標(biāo)上反映產(chǎn)品、數(shù)量和價(jià)格,這答應(yīng)客戶在產(chǎn)品頁(yè)面上持續(xù)購(gòu)物。它為客戶提供了一個(gè)快速查看工具來(lái)監(jiān)視他們的項(xiàng)目以及他們即將花費(fèi)多少。
3、顯現(xiàn)項(xiàng)目的數(shù)量
購(gòu)物車(chē)應(yīng)該總是清楚地顯現(xiàn)物品的數(shù)量,一次偶爾的雙擊或單擊能夠很容易地在客戶不知情的情況下增加另一個(gè)產(chǎn)品。大多數(shù)購(gòu)物者運(yùn)用移動(dòng)設(shè)備,他們很容易疏忽這個(gè)過(guò)錯(cuò)。
能夠想象一下,有一位客戶打電話給你們的熱線,要求處理一份“重復(fù)”的訂單。一直都在告知你,沒(méi)有人一起訂兩個(gè)訂婚戒指。
顧客應(yīng)該能夠從他們的購(gòu)物車(chē)中查看和更新訂單數(shù)量,他們永久不能失去修正購(gòu)物車(chē)內(nèi)容的挑選,直到他們購(gòu)買(mǎi)進(jìn)程的最終一步。
4、列出產(chǎn)品形象和細(xì)節(jié)
您的客戶在整個(gè)購(gòu)物車(chē)頁(yè)面上做出他們的最終購(gòu)買(mǎi)決定,這是他們?cè)诮Y(jié)賬前的最終一個(gè)進(jìn)程。購(gòu)物車(chē)的作用現(xiàn)在變得加倍重要,購(gòu)物車(chē)作為一個(gè)工具來(lái)組織購(gòu)物者的物品。但當(dāng)他們完結(jié)尋覓他們想要的產(chǎn)品時(shí),購(gòu)物車(chē)的僅有功用是現(xiàn)在引導(dǎo)顧客付錢(qián)。
重要的是,這個(gè)頁(yè)面提供了要購(gòu)買(mǎi)的物品的明晰摘要。您的購(gòu)物車(chē)設(shè)計(jì)團(tuán)隊(duì)?wèi)?yīng)該包含以下相關(guān)信息:
產(chǎn)品形象-形象應(yīng)該足夠大,以便買(mǎi)家辨認(rèn)項(xiàng)目。一個(gè)小小的縮略圖是不可的,尤其是從移動(dòng)設(shè)備上看。圖畫(huà)應(yīng)該以正確的色彩顯現(xiàn)項(xiàng)目,使一個(gè)選項(xiàng),以便用戶能夠恰當(dāng)?shù)貙彶楫a(chǎn)品。
產(chǎn)品細(xì)節(jié)-包含尺度,色彩,價(jià)格,型號(hào),銘文,品牌和其他重要細(xì)節(jié)值得一提。完整的產(chǎn)品描述將答應(yīng)用戶區(qū)別他想要購(gòu)買(mǎi)的產(chǎn)品和其他類(lèi)似的產(chǎn)品。
數(shù)量——咱們?cè)僭鯓又厍宄卣故具@些信息的重要性也不為過(guò)。這將影響總購(gòu)買(mǎi)價(jià)格,或許還會(huì)影響運(yùn)輸本錢(qián)。
有了悉數(shù)這些信息清楚地提供在購(gòu)物車(chē)將答應(yīng)客戶審查他們的訂單之前購(gòu)買(mǎi),這讓客戶有時(shí)機(jī)看到并糾正過(guò)錯(cuò)。最終,包含一個(gè)從購(gòu)物車(chē)中的每個(gè)項(xiàng)目返回到產(chǎn)品頁(yè)面的鏈接。經(jīng)過(guò)這種方式,客戶能夠查看并重新閱覽整個(gè)產(chǎn)品描述。
5、答應(yīng)客戶修改購(gòu)物車(chē)中的產(chǎn)品
答應(yīng)您的客戶在購(gòu)物車(chē)頁(yè)面上輕松修改他們的訂單,在修改訂單時(shí),不該將它們從購(gòu)物車(chē)中刪去或重定向回產(chǎn)品頁(yè)面。你應(yīng)該不惜悉數(shù)代價(jià)把它們放在購(gòu)物車(chē)頁(yè)面上。
在購(gòu)物車(chē)頁(yè)面設(shè)計(jì)中,有兩種常見(jiàn)的辦法能夠做到這一點(diǎn)。一種是經(jīng)過(guò)內(nèi)聯(lián)修改,另一種是經(jīng)過(guò)彈出屏幕。產(chǎn)品圖畫(huà)和詳細(xì)信息應(yīng)該更新,以反映用戶所做的任何更改。
在可操作的項(xiàng)目上提供明晰的標(biāo)簽或圖標(biāo),加號(hào)(+)或減號(hào)(-)符號(hào)是眾所周知的符號(hào),應(yīng)該用于可視化增加或刪去項(xiàng)目。
6、正確運(yùn)用優(yōu)惠券字段
優(yōu)惠券代碼字段是您在迷你購(gòu)物車(chē)附近找到的小表單框,它是客戶輸入產(chǎn)品或存儲(chǔ)特定優(yōu)惠券代碼的門(mén)戶。這些代碼通常是折扣或免費(fèi)項(xiàng)目。
設(shè)身處地為顧客考慮,您正在悠閑地購(gòu)物,當(dāng)您即將結(jié)賬時(shí),您會(huì)看到這個(gè)閃亮而空的優(yōu)惠券代碼字段。不幸的是,您沒(méi)有優(yōu)惠券代碼。你或許會(huì)說(shuō)"這肯定是個(gè)過(guò)錯(cuò),我應(yīng)該有一個(gè)優(yōu)惠券代碼由于購(gòu)物車(chē)頁(yè)面是要我的優(yōu)惠券代碼"
這個(gè)小小的誤解或許會(huì)導(dǎo)致您簡(jiǎn)直付費(fèi)的客戶尋覓這個(gè)難以捉摸的代碼,一項(xiàng)搜索或許會(huì)把他們引向另一個(gè)電子商務(wù)網(wǎng)站等待的懷有。
如果你想要放一個(gè)優(yōu)惠券代碼,這里有3個(gè)購(gòu)物車(chē)比如關(guān)于怎么避免“優(yōu)惠券搜索丟失”
您能夠放置一個(gè)可點(diǎn)擊的鏈接,讓客戶在購(gòu)物車(chē)頁(yè)面上搜索可用的優(yōu)惠券。
在沒(méi)有優(yōu)惠券代碼的情況下,向客戶隱藏優(yōu)惠券代碼字段。
略微隱藏或減少優(yōu)惠券字段的可見(jiàn)性,有優(yōu)惠券代碼的用戶會(huì)尋覓表單字段,而沒(méi)有的用戶或許乃至不知道表單字段的存在。
7、顯現(xiàn)付出和發(fā)貨選項(xiàng)
付出選項(xiàng)-顯現(xiàn)悉數(shù)或許的安全付出選項(xiàng)將使您的客戶的付款進(jìn)程無(wú)摩擦。挑選有必要以客戶能夠在一個(gè)視圖中看到悉數(shù)選項(xiàng)的方式顯現(xiàn)。這答應(yīng)他們比較和挑選最優(yōu)的挑選。您還能夠增加付出安全印章,以及在您的付出選項(xiàng)周?chē)胖脠D標(biāo)。
運(yùn)輸本錢(qián)-購(gòu)物車(chē)應(yīng)該能夠計(jì)算這個(gè)本錢(qián)依據(jù)交付地點(diǎn)。如果客戶是回頭客,運(yùn)費(fèi)應(yīng)該依據(jù)列出的默認(rèn)送貨地址。
8、顯現(xiàn)總本錢(qián)
說(shuō)到錢(qián)的問(wèn)題,重要的是讓顧客對(duì)他們的購(gòu)買(mǎi)感到放心。以下是好購(gòu)物車(chē)網(wǎng)站設(shè)計(jì)的黃金規(guī)律
悉數(shù)費(fèi)用有必要清楚地寫(xiě)下來(lái)
不該該有隱性本錢(qián)
任何具有錢(qián)銀價(jià)值的東西——小本錢(qián)、稅收、運(yùn)輸本錢(qián),最終是總本錢(qián)——都有必要在購(gòu)物車(chē)中有自己的項(xiàng)目。
在客戶進(jìn)入結(jié)帳頁(yè)面之前,他們有必要能夠看到他們將付出多少錢(qián)以及這筆金額的細(xì)目。數(shù)字和錢(qián)銀值應(yīng)該對(duì)齊,有恰當(dāng)?shù)木嚯x,即使從移動(dòng)設(shè)備上觀看,視覺(jué)上也容易閱覽。有些設(shè)計(jì)將悉數(shù)值放在一個(gè)表中。
9、穿插出售或向上出售
穿插出售或向上出售發(fā)作在許多業(yè)務(wù)和不同的方式,它本質(zhì)上是為顧客提供一個(gè)購(gòu)買(mǎi)額外產(chǎn)品的時(shí)機(jī),這些產(chǎn)品要么是對(duì)他們當(dāng)前購(gòu)買(mǎi)的產(chǎn)品的贊美,要么是提高他們當(dāng)前的購(gòu)買(mǎi)。
簡(jiǎn)略的一句話“你要配薯?xiàng)l嗎”這是一個(gè)成功的比如,它幫助麥當(dāng)勞賣(mài)出了不可勝數(shù)的薯?xiàng)l。當(dāng)你決定買(mǎi)更多的薯?xiàng)l時(shí),那些精明的營(yíng)銷(xiāo)人員乃至?xí)鲆粋€(gè)“大號(hào)”的推銷(xiāo)。
早在2006年,亞馬遜就陳述稱(chēng)其35%的收入來(lái)自向上出售和穿插出售。10多年過(guò)去了,這種商業(yè)策略依然是一個(gè)強(qiáng)有力的收入來(lái)歷。大多數(shù)電子商務(wù)網(wǎng)站都采用了這種辦法,并取得了普遍的活躍作用。
均勻而言,穿插出售和向上出售占電子商務(wù)出售增加的10%-30%。您能夠經(jīng)過(guò)推薦個(gè)性化產(chǎn)品或顯現(xiàn)其他客戶購(gòu)買(mǎi)的產(chǎn)品來(lái)大化購(gòu)物車(chē)頁(yè)面。這也是最好的出售時(shí)機(jī),由于你有一個(gè)付費(fèi)客戶的悉數(shù)留意力。
10、在按鈕上指定對(duì)動(dòng)作(CTa)的調(diào)用
當(dāng)您的客戶到達(dá)購(gòu)物車(chē)頁(yè)面時(shí),應(yīng)該只顯現(xiàn)兩個(gè)對(duì)動(dòng)作的調(diào)用(CTa)。一個(gè)是“持續(xù)購(gòu)物”,另一個(gè)是“結(jié)賬”。
將CTas放在可點(diǎn)擊的按鈕上,能夠讓它們與頁(yè)面的其他部分天壤之別。以下是規(guī)劃購(gòu)物車(chē)CTa按鈕時(shí)要遵從的基本指導(dǎo)準(zhǔn)則。
它需求上色,最好不是白色、灰色或黑色,它應(yīng)該是一種引人注目的色彩。
它需求從背景中鋒芒畢露
它有必要放在最顯眼的地方
它需求招引顧客的留意力
您最好希望他們單擊CheckoutCTa,這樣就有必要比ContinueShoppingCTa更杰出顯現(xiàn)這一點(diǎn),它有必要是購(gòu)物車(chē)頁(yè)面中最斗膽和大的元素。
這有必要坐落購(gòu)物車(chē)頁(yè)面的右上角和右下角,依據(jù)購(gòu)物車(chē)頁(yè)面規(guī)劃,它也能夠放在左面,但大多數(shù)購(gòu)物車(chē)示例將它們放在右邊。
簽出CTa應(yīng)該清楚地指示當(dāng)單擊或激活該按鈕時(shí)將發(fā)作什么。用戶有必要清楚他們即將購(gòu)買(mǎi)和付出物品。不要運(yùn)用令人困惑的標(biāo)簽,不論它們聽(tīng)起來(lái)有多酷。簡(jiǎn)略而傳統(tǒng)的“立即付款”或“持續(xù)付款”就能夠了。
11、增加一個(gè)談?wù)擁?yè)面
始終包含一個(gè)回顧頁(yè),以顯現(xiàn)訂單摘要。這個(gè)特性給了客戶最終一次時(shí)機(jī)來(lái)查看和驗(yàn)證他們是否購(gòu)買(mǎi)了預(yù)期的產(chǎn)品,然后他們?cè)僭S諾付出進(jìn)程。
在評(píng)定頁(yè)面上,您應(yīng)該再次包含關(guān)于產(chǎn)品的悉數(shù)信息。它類(lèi)似于完整購(gòu)物車(chē)頁(yè)面上的表格視圖。審查頁(yè)面還應(yīng)該包含客戶的個(gè)人、運(yùn)輸和付出信息。
好的購(gòu)物車(chē)網(wǎng)站設(shè)計(jì)實(shí)踐答應(yīng)客戶撤銷(xiāo)或改變他們的訂單。他們還能夠經(jīng)過(guò)單擊ContinueShoppingCTa增加產(chǎn)品。如果悉數(shù)順利,這將使您的客戶有決心持續(xù)進(jìn)行結(jié)帳進(jìn)程。
12、增加一個(gè)感謝頁(yè)面
有用的購(gòu)物車(chē)網(wǎng)站設(shè)計(jì)總是包含一個(gè)感謝頁(yè),此頁(yè)面應(yīng)包含承認(rèn)訂單已發(fā)送且正在處理的說(shuō)明。包含重要的信息,如訂單盯梢號(hào)碼和誰(shuí)在延遲交貨時(shí)聯(lián)絡(luò)。
這也是一個(gè)向你的客戶表示感謝和加強(qiáng)你的聯(lián)絡(luò)的時(shí)機(jī),首先要給對(duì)方一個(gè)溫暖的私人信息??紤]一下這個(gè)問(wèn)題,如果或許的話,增加一個(gè)個(gè)人簽名。
你也能夠提供這些前面提到的優(yōu)惠券代碼在這里作為感謝信息的一部分,你乃至能夠把頂級(jí)出售項(xiàng)目的鏈接作為你的向上出售努力的一部分。
遵從這些技巧,就能夠得到最好的購(gòu)物車(chē)網(wǎng)站設(shè)計(jì)。具有一個(gè)高效的、以客戶為中心的購(gòu)物車(chē)頁(yè)面,會(huì)給你在電子商務(wù)領(lǐng)域取得成功的大時(shí)機(jī)。如果您需求進(jìn)一步幫助您的購(gòu)物車(chē)或網(wǎng)站設(shè)計(jì),咱們將很快樂(lè)幫助您。請(qǐng)給咱們發(fā)郵件或打電話,悉數(shù)信息都列在咱們的聯(lián)絡(luò)頁(yè)面上。
文章標(biāo)題:購(gòu)物車(chē)網(wǎng)頁(yè)設(shè)計(jì)的最佳實(shí)踐
瀏覽地址:http://www.muchs.cn/news1/125651.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)頁(yè)設(shè)計(jì)公司、ChatGPT、網(wǎng)站制作、網(wǎng)站營(yíng)銷(xiāo)、全網(wǎng)營(yíng)銷(xiāo)推廣、網(wǎng)站維護(hù)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容