我最近購買了一些夏季的服裝和配飾，主要是通過電商。在購買商品的過程中，并不是所有的電商購物體驗都令人愉快，因此我對電商店鋪進行了一些思考。
因為移動設備和互聯網的發展，電子商務和手機購物也順勢突飛猛進。以下是一些統計數據：
- 2013年至2018年，中國網購交易金額從2679億元增長至57370億元，復合增長率84.6%。
- 如果一個顧客在電商的購物體驗不好，那他未來再次購買的可能性會降低62%
這里總結一下是我最近觀察到的一些常見的電商用戶體驗問題。
上圖：購物車顯示商品數量，讓用戶知道里面有什么
購物車不顯示商品數量
我喜歡某個商品，所以點擊“加入購物車”，然后…就什么反饋都沒有了。
沒有確認信息，我不能通過右上角的購物車圖標知曉購物車里是否有東西，圖標沒有顯示任何信息。
“我將商品添加到購物車了嗎？還是這個商品暫時不可購買？我應該再試一次嗎？”我以為是因為系統出了BUG，所以我再一次點擊了“加入購物車”，還是沒有什么反饋信息，我又點擊了“加入購物車”，一次又一次…
當我想起來自己去購物車看看是否成功將商品添加時，才發現我已經成功添加了商品，并且數量為10。
結論：確保用戶添加商品到購物車后，購物車應該立即反饋成功添加的商品數量。
編輯商品清單很困難
我想編輯商品的數量（例如，我不小心點擊了兩次“加入購物車”），但是我沒有找到如何。最后，我只能將商品從我的購物車中刪除，然而除了再去分類搜索商品之外，我沒找到其他再次將商品加入購物車的方法。我最后生氣地退出了商店，沒有購買任何東西。
結論：始終確保用戶可以簡便快捷地編輯購物清單。在購物車下方推薦用戶瀏覽過的或其他感興趣的商品。
左圖：可讀性低；右圖：通過對比提高可讀性
主按鈕不夠明確
這里有兩點問題：
第一：主按鈕（購買/收藏…）的幾乎看不清。例如按鈕文案字體可讀性很低，字體輪廓很細，輪廓不清晰，文案與按鈕背景圖片對比不清晰等問題。
那為什么要把它放在那里呢？它幾乎是看不見的，用戶很容易忽略它。我嘗試了很多次用戶流程和交互會話，這些按鈕的交互次數幾乎為0。
第二：在結賬時，“返回”和“繼續付款”兩個按鈕看起來完全一樣？為什么這樣？難道你不希望用戶從你這里購買商品嗎？
結論：突出主按鈕，使用不同的樣式、顏色，將其與其他按鈕區分開。
提示信息太多了
有時，電商網站中的所有東西幾乎都在尖叫著說“買我！”，“看這里！”，“點擊這里！”。這只會使我更加焦慮，甚至到瘋狂的地步。我不知道應該關注哪一個。我會感到不知所措。我知道你能提供給我提供很多東西，但是我真的想去了解更多信息嗎？也許不會，拜拜。
結論：給用戶一些空間，一次只做一件事。盡可能多的提供信息是好事，但是選擇越多，用戶會越難作出決定。認真對待“米勒定律”，不要增加用戶的認知負擔。
上圖：不要隱藏價格，這會使你看起來不真誠
隱藏價格
我知道我知道，有些奢侈品商店隱藏了商品價格，但這是它們的營銷策略（例如香奈兒，我喜歡它們的手提包和配飾，但是商品的價格總是會讓我感到意外，而且它們的價格更多的在為旗艦店的購物體驗買單。）
但有時，很多常規商店也不顯示商品價格，或者是幾乎看不清。為什么要這樣？如果用戶真的在意價格，即使你隱藏了價格，用戶也會去搜索價格信息。用戶總是在抱怨店鋪隱藏價格，這種不可見模式是非常煩人的。
結論：不要隱藏商品的價格。使商品價格清晰可見。
上圖：這些彈窗和浮窗會消耗用戶的耐心
關鍵元素隱藏在彈窗和浮窗下
這種情況的問題主要發生在手機版本上，我總是對此感到很驚訝，難道就沒人檢查過手機版本的適配情況嗎？一些質量保證檢查就能解決問題…以下是一些真實案例：
“Cookie政策”彈窗或者是其他浮動元素擋住了主要的主按鈕/購買按鈕。
消息浮窗擋住了主按鈕，而且很難關閉。
“聊天機器人”或其他“幫助”浮窗按鈕擋住了主按鈕或一些導航。
結論：為用戶著想，確保主要功能/UI元素沒被其他元素擋住，使主要功能/UI元素始終可見且方便點擊。另外，適用于電腦端的東西未必適用于移動端。
左圖：太多奇怪、不清晰的樣式；右圖：簡化了形式而且易于理解。
導航不清晰
這里有兩點：
- 某些類別不夠明顯，而且隱藏在照片或者是圖標下。
- 導航設計使用個性化設計，但是設計不規范，使用戶難以理解和操作。
盡管許多人反對使用抽屜式菜單，但我認為相比其他設計奇怪的、不規范的UI元素和樣式，抽屜式菜單會是更好的選擇。
結論：簡單、清晰和規劃的導航是最好的。我們應該努力讓購物流程更快捷簡便，不要讓用戶去學習困難的操作模式。
上圖：by HYPE4 @ Dribbble
總結
線上購物越簡單越好，應該給用戶盡可能愉快和便捷的體驗。提供必要的反饋提示，不要隱藏關鍵信息。使用簡單易懂的導航，讓用戶快速找到想要的東西。最好使用大家用習慣的樣式。如果你增加了新內容，別忘了給電腦端和移動端做好適配。
原文地址：uxdesign
譯文地址：知乎
作者：Tach
譯者：Z Yuhan
轉載請注明：學UI網 » 糟糕的設計是如何影響電商銷量的？
