人們不會(huì)輕易在網(wǎng)上花錢。想想一下:如果你不得不回答一大堆問題或者努力去瀏覽一個(gè)網(wǎng)站,那么你愿意多少錢呢?在線購物是關(guān)于方便和舒適的,我們至少曾經(jīng)冒險(xiǎn)進(jìn)入網(wǎng)絡(luò)購物領(lǐng)域的人們知道如何耗時(shí)和不愉快。
脫穎而出的在線商店是為用戶騰出的額外的一部分。我們將在這里看一些創(chuàng)建愉快的在線購物體驗(yàn)的小型和大型電子商務(wù)網(wǎng)站。我們會(huì)考慮從一開始到最后的經(jīng)驗(yàn),直到結(jié)帳過程。
Bonobos?Bonobos的購物體驗(yàn)順利。良好的排版和微妙的顏色有助于專注于產(chǎn)品和功能,所有的分心在與網(wǎng)站互動(dòng)時(shí)逐漸消失。當(dāng)一個(gè)新項(xiàng)目添加到購物車時(shí),它會(huì)出現(xiàn)在右側(cè)的滑動(dòng)側(cè)邊欄中,促使客戶繼續(xù)購物或退房。結(jié)帳形式的設(shè)計(jì)優(yōu)雅干凈。所需的數(shù)據(jù)量絕對(duì)不會(huì)壓倒一切,因?yàn)樗诳晒芾淼膲K中明顯分離。最重要的一點(diǎn)是:圖標(biāo)是一個(gè)香蕉圖標(biāo)!現(xiàn)在這很酷
Martina Sperl?Martina Sperl的網(wǎng)站是一個(gè)可愛的網(wǎng)站。該商店的產(chǎn)品具有拋光攝影功能,一個(gè)簡單的導(dǎo)航面板固定在頁面的右側(cè)。懸停效果簡單而大膽,在大型無襯線字體中顯示項(xiàng)目編號(hào)和價(jià)格。當(dāng)然,您可以點(diǎn)擊圖片查看產(chǎn)品的詳細(xì)信息,并獲得家具的三維視圖(僅一系列圖像)。購買一件家具需要您通過電子郵件訂購。再次,產(chǎn)品頁面上使用粗體全幅產(chǎn)品圖片,您可以點(diǎn)擊“心臟”圖標(biāo)來表達(dá)對(duì)產(chǎn)品的熱愛。由WordPress技術(shù)支持
Evyi?將購物車放在左邊,與導(dǎo)航是一個(gè)好主意。因?yàn)檠劬捻撁娴淖笊辖情_始,所以購物車是優(yōu)先的,使得用戶更自然地跟蹤他們的購物車中的物品和運(yùn)行總計(jì)。
香蕉咖啡
香蕉咖啡廳瘋狂。整個(gè)購物體驗(yàn)中,該網(wǎng)站的3-D懸停效果是一致的。塊在不同的方向旋轉(zhuǎn),在整個(gè)網(wǎng)站上創(chuàng)造有趣的動(dòng)作。這不是您的普通網(wǎng)店,而是您的衣柜的一些建議。懸停效果會(huì)顯示您將在頁面底部的聯(lián)系表單中使用的參考號(hào)。那么在后臺(tái)的音頻和視頻并不是很有必要的,但是它們對(duì)網(wǎng)站的獨(dú)特體驗(yàn)做了很好的補(bǔ)充。
MadeForFun?嗯,這個(gè)網(wǎng)上商店可以做的好玩,但樂趣可能不是設(shè)置它的唯一原因。然而,網(wǎng)站上的經(jīng)驗(yàn)確實(shí)很糟糕。您可以使用手風(fēng)琴模式快速定制每個(gè)產(chǎn)品的功能。購物車預(yù)覽是可視化的,幾乎以信息圖形方式,而不是填充快節(jié)奏的文字。事實(shí)上,這個(gè)商店甚至有彩虹相似的水平線條,仍然適合設(shè)計(jì)。
Indigo?Indigo的購物體驗(yàn)并不是特別的,但它是一個(gè)很好的例子,說明如何擁有相對(duì)較大的庫存的商店可以擁有相當(dāng)不錯(cuò)的用戶體驗(yàn)。Indigo的導(dǎo)航選項(xiàng)數(shù)量相當(dāng)不錯(cuò),特別是側(cè)邊欄中的導(dǎo)航看起來有點(diǎn)復(fù)雜,但有趣的是每個(gè)產(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)目組織良好,界面元素和排版提供了無雜亂的概述。每個(gè)項(xiàng)目的評(píng)論可以被評(píng)為有幫助或不是很有幫助。隨著項(xiàng)目被添加到購物車,燈箱出現(xiàn)促使客戶進(jìn)行退房或繼續(xù)購物。結(jié)帳是精心設(shè)計(jì)的分辨率,你只看到實(shí)際有用的完成結(jié)帳。良好的信息架構(gòu),良好的布局,良好的重新設(shè)計(jì)。
電器在線?雖然ao.com上每個(gè)類別的項(xiàng)目概述相當(dāng)壓倒性,但購物和結(jié)帳體驗(yàn)確實(shí)非常愉快。在產(chǎn)品頁面上,客戶可以將表中的近期查看的項(xiàng)目的功能進(jìn)行比較,而許多產(chǎn)品都具有嵌入式視頻評(píng)論。結(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)頁上的位置。漂亮的個(gè)人設(shè)計(jì),傳達(dá)親密的氣氛。
GoMacro?如果您正在尋找...不同的在線購物體驗(yàn),GoMacro是值得一看的選擇。而不是對(duì)項(xiàng)目進(jìn)行簡單的網(wǎng)格概覽,所有項(xiàng)目都分組成彩色項(xiàng)目圈。將商品添加到購物車的經(jīng)驗(yàn)是非常獨(dú)特的,因?yàn)槟鷮⒕瓢煞湃胭徫镘?。結(jié)帳也是精心設(shè)計(jì)的,很簡單,盡管主導(dǎo)航(“后退”和“下一步”)在某種程度上隱藏在實(shí)際的結(jié)帳燈箱之外。一個(gè)獨(dú)特的設(shè)計(jì)也可以很好地工作,GoMacro展示了如何完成。