編輯導(dǎo)讀：影響網(wǎng)站的因素有很多，但最直觀是設(shè)計(jì)上給用戶的的感受。特別是對于電商平臺來說，糟糕的設(shè)計(jì)無疑會對商品銷量有所影響。本文作者梳理盤點(diǎn)了電商平臺常見的7種不好的設(shè)計(jì)，與大家分享。

我最近購買了一些夏季的服裝和配飾，主要是通過電商。在購買商品的過程中，并不是所有的電商購物體驗(yàn)都令人愉快，因此我對電商店鋪進(jìn)行了一些思考。

• 因?yàn)橐苿釉O(shè)備和互聯(lián)網(wǎng)的發(fā)展，電子商務(wù)和手機(jī)購物也順勢突飛猛進(jìn)。以下是一些統(tǒng)計(jì)數(shù)據(jù)：2013年至2018年，中國網(wǎng)購交易金額從2679億元增長至57370億元，復(fù)合增長率84.6%。
• 如果一個顧客在電商的購物體驗(yàn)不好，那他未來再次購買的可能性會降低62%這里總結(jié)一下是我最近觀察到的一些常見的電商用戶體驗(yàn)問題。

01 購物車不顯示商品數(shù)量

我喜歡某個商品，所以點(diǎn)擊“加入購物車”，然后…就什么反饋都沒有了。

沒有確認(rèn)信息，我不能通過右上角的購物車圖標(biāo)知曉購物車?yán)锸欠裼袞|西，圖標(biāo)沒有顯示任何信息。

“我將商品添加到購物車了嗎？還是這個商品暫時不可購買？我應(yīng)該再試一次嗎？”我以為是因?yàn)橄到y(tǒng)出了BUG，所以我再一次點(diǎn)擊了“加入購物車”，還是沒有什么反饋信息，我又點(diǎn)擊了“加入購物車”，一次又一次…

當(dāng)我想起來自己去購物車看看是否成功將商品添加時，才發(fā)現(xiàn)我已經(jīng)成功添加了商品，并且數(shù)量為10。?

結(jié)論：確保用戶添加商品到購物車后，購物車應(yīng)該立即反饋成功添加的商品數(shù)量。

02 編輯商品清單很困難

我想編輯商品的數(shù)量（例如，我不小心點(diǎn)擊了兩次“加入購物車”），但是我沒有找到如何。最后，我只能將商品從我的購物車中刪除，然而除了再去分類搜索商品之外，我沒找到其他再次將商品加入購物車的方法。我最后生氣地退出了商店，沒有購買任何東西。

結(jié)論：始終確保用戶可以簡便快捷地編輯購物清單。在購物車下方推薦用戶瀏覽過的或其他感興趣的商品。

03 主按鈕不夠明確

這里有兩點(diǎn)問題：

第一：主按鈕（購買/收藏…）的幾乎看不清。例如按鈕文案字體可讀性很低，字體輪廓很細(xì)，輪廓不清晰，文案與按鈕背景圖片對比不清晰等問題。

那為什么要把它放在那里呢？它幾乎是看不見的，用戶很容易忽略它。我嘗試了很多次用戶流程和交互會話，這些按鈕的交互次數(shù)幾乎為0。

第二：在結(jié)賬時，“返回”和“繼續(xù)付款”兩個按鈕看起來完全一樣？為什么這樣？難道你不希望用戶從你這里購買商品嗎？

結(jié)論：突出主按鈕，使用不同的樣式、顏色，將其與其他按鈕區(qū)分開。

04 提示信息太多了

有時，電商網(wǎng)站中的所有東西幾乎都在尖叫著說“買我！”，“看這里！”，“點(diǎn)擊這里！”。這只會使我更加焦慮，甚至到瘋狂的地步。我不知道應(yīng)該關(guān)注哪一個。我會感到不知所措。我知道你能提供給我提供很多東西，但是我真的想去了解更多信息嗎？也許不會，拜拜。

結(jié)論：給用戶一些空間，一次只做一件事。盡可能多的提供信息是好事，但是選擇越多，用戶會越難作出決定。認(rèn)真對待“米勒定律”，不要增加用戶的認(rèn)知負(fù)擔(dān)。

05 隱藏價格

我知道我知道，有些奢侈品商店隱藏了商品價格，但這是它們的營銷策略（例如香奈兒，我喜歡它們的手提包和配飾，但是商品的價格總是會讓我感到意外，而且它們的價格更多的在為旗艦店的購物體驗(yàn)買單。）

但有時，很多常規(guī)商店也不顯示商品價格，或者是幾乎看不清。為什么要這樣？如果用戶真的在意價格，即使你隱藏了價格，用戶也會去搜索價格信息。用戶總是在抱怨店鋪隱藏價格，這種不可見模式是非常煩人的。

結(jié)論：不要隱藏商品的價格。使商品價格清晰可見。

06 關(guān)鍵元素隱藏在彈窗和浮窗下

這種情況的問題主要發(fā)生在手機(jī)版本上，我總是對此感到很驚訝，難道就沒人檢查過手機(jī)版本的適配情況嗎？一些質(zhì)量保證檢查就能解決問題…以下是一些真實(shí)案例：

“Cookie政策”彈窗或者是其他浮動元素?fù)踝×酥饕闹靼粹o/購買按鈕。

消息浮窗擋住了主按鈕，而且很難關(guān)閉。

“聊天機(jī)器人”或其他“幫助”浮窗按鈕擋住了主按鈕或一些導(dǎo)航。

結(jié)論：為用戶著想，確保主要功能/UI元素沒被其他元素?fù)踝?，使主要功?UI元素始終可見且方便點(diǎn)擊。另外，適用于電腦端的東西未必適用于移動端。

07 導(dǎo)航不清晰

這里有兩點(diǎn)：

• 某些類別不夠明顯，而且隱藏在照片或者是圖標(biāo)下。
• 導(dǎo)航設(shè)計(jì)使用個性化設(shè)計(jì)，但是設(shè)計(jì)不規(guī)范，使用戶難以理解和操作。

盡管許多人反對使用抽屜式菜單，但我認(rèn)為相比其他設(shè)計(jì)奇怪的、不規(guī)范的UI元素和樣式，抽屜式菜單會是更好的選擇。

結(jié)論：簡單、清晰和規(guī)劃的導(dǎo)航是最好的。我們應(yīng)該努力讓購物流程更快捷簡便，不要讓用戶去學(xué)習(xí)困難的操作模式。

總結(jié)

線上購物越簡單越好，應(yīng)該給用戶盡可能愉快和便捷的體驗(yàn)。提供必要的反饋提示，不要隱藏關(guān)鍵信息。使用簡單易懂的導(dǎo)航，讓用戶快速找到想要的東西。最好使用大家用習(xí)慣的樣式。如果你增加了新內(nèi)容，別忘了給電腦端和移動端做好適配。

原文作者：Diana Malewicz

原文地址：https://uxdesign.cc/serious-ux-mistakes-that-might-be-sabotaging-your-sales-9939bfaad3f

譯者：Tanch，編輯：Z Yuhan，公眾號：體驗(yàn)進(jìn)階。

本文由 @Z Yuhan 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉(zhuǎn)載

題圖來自Unsplash，基于CC0協(xié)議。