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

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

• 因為移動設備和互聯網的發展，電子商務和手機購物也順勢突飛猛進。以下是一些統計數據：2013年至2018年，中國網購交易金額從2679億元增長至57370億元，復合增長率84.6%。
• 如果一個顧客在電商的購物體驗不好，那他未來再次購買的可能性會降低62%這里總結一下是我最近觀察到的一些常見的電商用戶體驗問題。

01 購物車不顯示商品數量

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

沒有確認信息，我不能通過右上角的購物車圖標知曉購物車里是否有東西，圖標沒有顯示任何信息。

“我將商品添加到購物車了嗎？還是這個商品暫時不可購買？我應該再試一次嗎？”我以為是因為系統出了BUG，所以我再一次點擊了“加入購物車”，還是沒有什么反饋信息，我又點擊了“加入購物車”，一次又一次…

當我想起來自己去購物車看看是否成功將商品添加時，才發現我已經成功添加了商品，并且數量為10。?

結論：確保用戶添加商品到購物車后，購物車應該立即反饋成功添加的商品數量。

02 編輯商品清單很困難

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

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

03 主按鈕不夠明確

這里有兩點問題：

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

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

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

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

04 提示信息太多了

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

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

05 隱藏價格

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

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

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

06 關鍵元素隱藏在彈窗和浮窗下

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

“Cookie政策”彈窗或者是其他浮動元素擋住了主要的主按鈕/購買按鈕。

消息浮窗擋住了主按鈕，而且很難關閉。

“聊天機器人”或其他“幫助”浮窗按鈕擋住了主按鈕或一些導航。

結論：為用戶著想，確保主要功能/UI元素沒被其他元素擋住，使主要功能/UI元素始終可見且方便點擊。另外，適用于電腦端的東西未必適用于移動端。

07 導航不清晰

這里有兩點：

• 某些類別不夠明顯，而且隱藏在照片或者是圖標下。
• 導航設計使用個性化設計，但是設計不規范，使用戶難以理解和操作。

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

結論：簡單、清晰和規劃的導航是最好的。我們應該努力讓購物流程更快捷簡便，不要讓用戶去學習困難的操作模式。

總結

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

原文作者：Diana Malewicz

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

譯者：Tanch，編輯：Z Yuhan，公眾號：體驗進階。

本文由 @Z Yuhan 翻譯發布于人人都是產品經理，未經作者許可，禁止轉載

題圖來自Unsplash，基于CC0協議。