人們不會輕易在網(wǎng)上花錢。想想一下：如果你不得不回答一大堆問題或者努力去瀏覽一個網(wǎng)站，那么你愿意多少錢呢？在線購物是關(guān)于方便和舒適的，我們至少曾經(jīng)冒險(xiǎn)進(jìn)入網(wǎng)絡(luò)購物領(lǐng)域的人們知道如何耗時(shí)和不愉快。

脫穎而出的在線商店是為用戶騰出的額外的一部分。我們將在這里看一些創(chuàng)建愉快的在線購物體驗(yàn)的小型和大型電子商務(wù)網(wǎng)站。我們會考慮從一開始到最后的經(jīng)驗(yàn)，直到結(jié)帳過程。

Bonobos?Bonobos的購物體驗(yàn)順利。良好的排版和微妙的顏色有助于專注于產(chǎn)品和功能，所有的分心在與網(wǎng)站互動時(shí)逐漸消失。當(dāng)一個新項(xiàng)目添加到購物車時(shí)，它會出現(xiàn)在右側(cè)的滑動側(cè)邊欄中，促使客戶繼續(xù)購物或退房。結(jié)帳形式的設(shè)計(jì)優(yōu)雅干凈。所需的數(shù)據(jù)量絕對不會壓倒一切，因?yàn)樗诳晒芾淼膲K中明顯分離。最重要的一點(diǎn)是：圖標(biāo)是一個香蕉圖標(biāo)！現(xiàn)在這很酷

Martina Sperl?Martina Sperl的網(wǎng)站是一個可愛的網(wǎng)站。該商店的產(chǎn)品具有拋光攝影功能，一個簡單的導(dǎo)航面板固定在頁面的右側(cè)。懸停效果簡單而大膽，在大型無襯線字體中顯示項(xiàng)目編號和價(jià)格。當(dāng)然，您可以點(diǎn)擊圖片查看產(chǎn)品的詳細(xì)信息，并獲得家具的三維視圖（僅一系列圖像）。購買一件家具需要您通過電子郵件訂購。再次，產(chǎn)品頁面上使用粗體全幅產(chǎn)品圖片，您可以點(diǎn)擊“心臟”圖標(biāo)來表達(dá)對產(chǎn)品的熱愛。由WordPress技術(shù)支持

Evyi?將購物車放在左邊，與導(dǎo)航是一個好主意。因?yàn)檠劬捻撁娴淖笊辖情_始，所以購物車是優(yōu)先的，使得用戶更自然地跟蹤他們的購物車中的物品和運(yùn)行總計(jì)。

香蕉咖啡
香蕉咖啡廳瘋狂。整個購物體驗(yàn)中，該網(wǎng)站的3-D懸停效果是一致的。塊在不同的方向旋轉(zhuǎn)，在整個網(wǎng)站上創(chuàng)造有趣的動作。這不是您的普通網(wǎng)店，而是您的衣柜的一些建議。懸停效果會顯示您將在頁面底部的聯(lián)系表單中使用的參考號。那么在后臺的音頻和視頻并不是很有必要的，但是它們對網(wǎng)站的獨(dú)特體驗(yàn)做了很好的補(bǔ)充。

MadeForFun?嗯，這個網(wǎng)上商店可以做的好玩，但樂趣可能不是設(shè)置它的唯一原因。然而，網(wǎng)站上的經(jīng)驗(yàn)確實(shí)很糟糕。您可以使用手風(fēng)琴模式快速定制每個產(chǎn)品的功能。購物車預(yù)覽是可視化的，幾乎以信息圖形方式，而不是填充快節(jié)奏的文字。事實(shí)上，這個商店甚至有彩虹相似的水平線條，仍然適合設(shè)計(jì)。

Indigo?Indigo的購物體驗(yàn)并不是特別的，但它是一個很好的例子，說明如何擁有相對較大的庫存的商店可以擁有相當(dāng)不錯的用戶體驗(yàn)。Indigo的導(dǎo)航選項(xiàng)數(shù)量相當(dāng)不錯，特別是側(cè)邊欄中的導(dǎo)航看起來有點(diǎn)復(fù)雜，但有趣的是每個產(chǎn)品頁面底部的欄。當(dāng)您將商品添加到購物車時(shí)，該項(xiàng)目可視化添加到酒吧中的購物車中。非常有趣的是，Indigo為愿意投資一些時(shí)間在頁面上創(chuàng)建帳戶的客戶提供折扣。聰明。

沃爾瑪?沃爾瑪最近重新設(shè)計(jì)的反應(yīng)一定是相當(dāng)?shù)某兄Z。主導(dǎo)航已經(jīng)隱藏在“Shop All Departments”（商店所有部門）按鈕后面，該按鈕觸發(fā)側(cè)面的帆布外導(dǎo)航。這些項(xiàng)目組織良好，界面元素和排版提供了無雜亂的概述。每個項(xiàng)目的評論可以被評為有幫助或不是很有幫助。隨著項(xiàng)目被添加到購物車，燈箱出現(xiàn)促使客戶進(jìn)行退房或繼續(xù)購物。結(jié)帳是精心設(shè)計(jì)的分辨率，你只看到實(shí)際有用的完成結(jié)帳。良好的信息架構(gòu)，良好的布局，良好的重新設(shè)計(jì)。

電器在線?雖然ao.com上每個類別的項(xiàng)目概述相當(dāng)壓倒性，但購物和結(jié)帳體驗(yàn)確實(shí)非常愉快。在產(chǎn)品頁面上，客戶可以將表中的近期查看的項(xiàng)目的功能進(jìn)行比較，而許多產(chǎn)品都具有嵌入式視頻評論。結(jié)帳提供了各種選項(xiàng)，但是您可以輕松地按照步驟來最終滿足您需要的需求。

Moomin?有時(shí)，您真的不需要重新創(chuàng)造購物體驗(yàn)：提供一致的視覺風(fēng)格，引導(dǎo)客戶通過結(jié)帳完全足夠。排版，回購圖標(biāo)，價(jià)格標(biāo)簽的提供方式和結(jié)帳本身適合Moomin品牌的品牌。店內(nèi)商品不多，每件商品都突出顯現(xiàn);?面包屑幫助客戶在任何時(shí)刻看到他們在網(wǎng)頁上的位置。漂亮的個人設(shè)計(jì)，傳達(dá)親密的氣氛。

GoMacro?如果您正在尋找...不同的在線購物體驗(yàn)，GoMacro是值得一看的選擇。而不是對項(xiàng)目進(jìn)行簡單的網(wǎng)格概覽，所有項(xiàng)目都分組成彩色項(xiàng)目圈。將商品添加到購物車的經(jīng)驗(yàn)是非常獨(dú)特的，因?yàn)槟鷮⒕瓢煞湃胭徫镘?。結(jié)帳也是精心設(shè)計(jì)的，很簡單，盡管主導(dǎo)航（“后退”和“下一步”）在某種程度上隱藏在實(shí)際的結(jié)帳燈箱之外。一個獨(dú)特的設(shè)計(jì)也可以很好地工作，GoMacro展示了如何完成。