電商店鋪設(shè)計中常見的7個錯誤
編輯導讀:影響網(wǎng)站的因素有很多,但最直觀是設(shè)計上給用戶的的感受。特別是對于電商平臺來說,糟糕的設(shè)計無疑會對商品銷量有所影響。本文作者梳理盤點了電商平臺常見的7種不好的設(shè)計,與大家分享。
我最近購買了一些夏季的服裝和配飾,主要是通過電商。在購買商品的過程中,并不是所有的電商購物體驗都令人愉快,因此我對電商店鋪進行了一些思考。
- 因為移動設(shè)備和互聯(lián)網(wǎng)的發(fā)展,電子商務和手機購物也順勢突飛猛進。以下是一些統(tǒng)計數(shù)據(jù):2013年至2018年,中國網(wǎng)購交易金額從2679億元增長至57370億元,復合增長率84.6%。
- 如果一個顧客在電商的購物體驗不好,那他未來再次購買的可能性會降低62%這里總結(jié)一下是我最近觀察到的一些常見的電商用戶體驗問題。
01 購物車不顯示商品數(shù)量
我喜歡某個商品,所以點擊“加入購物車”,然后…就什么反饋都沒有了。
沒有確認信息,我不能通過右上角的購物車圖標知曉購物車里是否有東西,圖標沒有顯示任何信息。
“我將商品添加到購物車了嗎?還是這個商品暫時不可購買?我應該再試一次嗎?”我以為是因為系統(tǒng)出了BUG,所以我再一次點擊了“加入購物車”,還是沒有什么反饋信息,我又點擊了“加入購物車”,一次又一次…
當我想起來自己去購物車看看是否成功將商品添加時,才發(fā)現(xiàn)我已經(jīng)成功添加了商品,并且數(shù)量為10。?
結(jié)論:確保用戶添加商品到購物車后,購物車應該立即反饋成功添加的商品數(shù)量。
02 編輯商品清單很困難
我想編輯商品的數(shù)量(例如,我不小心點擊了兩次“加入購物車”),但是我沒有找到如何。最后,我只能將商品從我的購物車中刪除,然而除了再去分類搜索商品之外,我沒找到其他再次將商品加入購物車的方法。我最后生氣地退出了商店,沒有購買任何東西。
結(jié)論:始終確保用戶可以簡便快捷地編輯購物清單。在購物車下方推薦用戶瀏覽過的或其他感興趣的商品。
03 主按鈕不夠明確
這里有兩點問題:
第一:主按鈕(購買/收藏…)的幾乎看不清。例如按鈕文案字體可讀性很低,字體輪廓很細,輪廓不清晰,文案與按鈕背景圖片對比不清晰等問題。
那為什么要把它放在那里呢?它幾乎是看不見的,用戶很容易忽略它。我嘗試了很多次用戶流程和交互會話,這些按鈕的交互次數(shù)幾乎為0。
第二:在結(jié)賬時,“返回”和“繼續(xù)付款”兩個按鈕看起來完全一樣?為什么這樣?難道你不希望用戶從你這里購買商品嗎?
結(jié)論:突出主按鈕,使用不同的樣式、顏色,將其與其他按鈕區(qū)分開。
04 提示信息太多了
有時,電商網(wǎng)站中的所有東西幾乎都在尖叫著說“買我!”,“看這里!”,“點擊這里!”。這只會使我更加焦慮,甚至到瘋狂的地步。我不知道應該關(guān)注哪一個。我會感到不知所措。我知道你能提供給我提供很多東西,但是我真的想去了解更多信息嗎?也許不會,拜拜。
結(jié)論:給用戶一些空間,一次只做一件事。盡可能多的提供信息是好事,但是選擇越多,用戶會越難作出決定。認真對待“米勒定律”,不要增加用戶的認知負擔。
05 隱藏價格
我知道我知道,有些奢侈品商店隱藏了商品價格,但這是它們的營銷策略(例如香奈兒,我喜歡它們的手提包和配飾,但是商品的價格總是會讓我感到意外,而且它們的價格更多的在為旗艦店的購物體驗買單。)
但有時,很多常規(guī)商店也不顯示商品價格,或者是幾乎看不清。為什么要這樣?如果用戶真的在意價格,即使你隱藏了價格,用戶也會去搜索價格信息。用戶總是在抱怨店鋪隱藏價格,這種不可見模式是非常煩人的。
結(jié)論:不要隱藏商品的價格。使商品價格清晰可見。
06 關(guān)鍵元素隱藏在彈窗和浮窗下
這種情況的問題主要發(fā)生在手機版本上,我總是對此感到很驚訝,難道就沒人檢查過手機版本的適配情況嗎?一些質(zhì)量保證檢查就能解決問題…以下是一些真實案例:
“Cookie政策”彈窗或者是其他浮動元素擋住了主要的主按鈕/購買按鈕。
消息浮窗擋住了主按鈕,而且很難關(guān)閉。
“聊天機器人”或其他“幫助”浮窗按鈕擋住了主按鈕或一些導航。
結(jié)論:為用戶著想,確保主要功能/UI元素沒被其他元素擋住,使主要功能/UI元素始終可見且方便點擊。另外,適用于電腦端的東西未必適用于移動端。
07 導航不清晰
這里有兩點:
- 某些類別不夠明顯,而且隱藏在照片或者是圖標下。
- 導航設(shè)計使用個性化設(shè)計,但是設(shè)計不規(guī)范,使用戶難以理解和操作。
盡管許多人反對使用抽屜式菜單,但我認為相比其他設(shè)計奇怪的、不規(guī)范的UI元素和樣式,抽屜式菜單會是更好的選擇。
結(jié)論:簡單、清晰和規(guī)劃的導航是最好的。我們應該努力讓購物流程更快捷簡便,不要讓用戶去學習困難的操作模式。
總結(jié)
線上購物越簡單越好,應該給用戶盡可能愉快和便捷的體驗。提供必要的反饋提示,不要隱藏關(guān)鍵信息。使用簡單易懂的導航,讓用戶快速找到想要的東西。最好使用大家用習慣的樣式。如果你增加了新內(nèi)容,別忘了給電腦端和移動端做好適配。
原文作者:Diana Malewicz
原文地址:https://uxdesign.cc/serious-ux-mistakes-that-might-be-sabotaging-your-sales-9939bfaad3f
譯者:Tanch,編輯:Z Yuhan,公眾號:體驗進階。
本文由 @Z Yuhan 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)作者許可,禁止轉(zhuǎn)載
題圖來自Unsplash,基于CC0協(xié)議。
您好,這篇文章寫得很棒,請問這個app叫什么呢,想下載個看看,覺得他的設(shè)計做的很棒。