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

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

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

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

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

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

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

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

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

02 編輯商品清單很困難

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

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

03 主按鈕不夠明確

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

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

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

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

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

04 提示信息太多了

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

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

05 隱藏價(jià)格

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

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

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

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

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

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

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

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

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

07 導(dǎo)航不清晰

這里有兩點(diǎn)：

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

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

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

總結(jié)

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

原文作者：Diana Malewicz

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

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

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

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