正在扼殺您的電子商務網站的 7 個移動 UX 失敗

如果您不關注電子商務網站的移動用戶體驗 (UX)，那麼您將失去客戶和收入。 這是給定的。 針對移動設備進行優化不是可選的附加功能，而是必須具備的。 谷歌自己的研究表明，良好的移動用戶體驗可以“將用戶變成客戶”。 但是，如果弄錯了，他們就會去別處——快！

認為這不是問題嗎？ 再想一想。 KISSMetrics 博客上發布的研究表明，78% 的本地商業信息移動搜索導致購買。 Coupofy 的這張信息圖顯示了移動商務的發展速度。

再加上大量使用移動設備的人以及谷歌最近的“mopocalypse”更新（已經傷害了一些品牌），你就有足夠的理由來修復你的電子商務網站。 可悲的是，不是每個人都這樣做，這就是為什麼你會得到這樣的 UX 失敗：

1.沒有移動優化

這與其說是 UX 失敗不如說是徹底失敗，但最大的問題是根本無法針對移動設備進行優化。 我不了解你，但我試圖在我的手機或平板電腦上訪問網站，只是為了適應鼠標點擊和加載時間的用戶界面，這會讓烏龜看起來像 Speedy Gonzales。 更多關於這些 UX 失敗的信息稍後會失敗，但這沒有任何藉口。

谷歌列出了幾個可接受的移動網站優化選項，因此您所要做的就是選擇最適合您需求的選項。 SEMRush 說，許多人選擇響應式設計，儘管這並不總是電子商務網站的最佳選擇。

這是因為當客戶端選擇驅動網頁格式和大小時，頁面可能會加載緩慢並失去業務。 另一種選擇是自適應設計，以確保所有網頁在最快的時間內加載最適合特定設備的內容。

對於電子商務零售商來說，潛在的回報是巨大的。 UserTesting.com 上發布的案例研究表明，擁有一個專為移動設備設計的網站可以帶來兩位數的轉化優化收益，這是您口袋裡的錢。

2. 它不適合手指

有些網站有移動選項，但該選項仍然具有桌面感覺。 我說的是微小的鏈接文本和微小的點擊目標。 當試圖在移動設備的屏幕上選擇某些東西時，手指不如桌面上的鼠標指針那麼精確。 當您每次嘗試在屏幕上選擇某些內容時，您都會進入錯誤的位置，這會變得非常煩人。 即使在我最喜歡的提要閱讀器 Feedly 中，也很容易意外保存我打算關閉的鏈接。

如果人們無法在您的網站上到達他們想要的位置，他們所感受到的挫敗感會將他們趕走。 下面的示例具有不錯的點擊目標，但圖形佔用了太多空間。

在討論的同時，讓我們談談其他流行的設計功能，即輪播或滑塊。 我討厭他們，而且我不是唯一一個。 我幾乎可以在台式機上與他們一起生活，但在移動設備上，這意味著獲取我需要的信息需要很長時間。 如果您使用輪播展示您的產品，請檢查您的分析並了解客戶的反應。 您最好的選擇：避免使用它們並改用大按鈕。

3. 用戶找不到他們需要的東西

多年來，我們接受了培訓，可以在使用計算機瀏覽網絡時在搜索框中輸入內容。 這在移動設備上並不總是那麼容易。 電子商務網站可能有數千個頁面，因此導航和搜索始終是一個挑戰。 人們通常希望：

• 查找產品或產品詳細信息
• 研究運輸和交付信息
• 購買物品

您的工作是讓移動設備用戶盡可能輕鬆地做到這一點。 如果人們無法找到他們需要的信息並打斷了流程，那麼他們的客戶體驗就會很差，很可能不會購買。

解決此問題的方法包括通過將其構建到頁面中來使運輸和交付顯而易見，並通過自動完成和移動友好的導航選項（例如按鈕或可折疊、直觀的菜單）幫助用戶輕鬆找到項目。 查看有關 Bruce Clay Inc 的這篇文章以了解更多信息。

4.它的形式很糟糕

我們可以談談表格嗎？ 我知道了; 我真的。 您需要收集運輸和客戶信息，但適用於 PC 用戶的冗長複雜表格對於移動設備用戶來說是完全錯誤的。 在平板電腦和表格上填寫表格通常感覺像是一種折磨。 如果您的客戶有這種感覺，他們就不會打擾。

有什麼選擇？ 只收集基本信息或點擊通話鏈接的較短表格。 社交登錄，如果它旨在與您的客戶在其設備上已有的應用程序一起使用。 或者根本沒有形式。 統計數據表明，較短的表格轉換得更好。 查看這些示例以獲得靈感。

當我們討論表格時，讓我們談談註冊。 作為零售商，您希望獲取客戶信息，但過早嘗試可能會讓人望而卻步。 相反，通過提供他們需要的所有信息來證明他們值得堅持。 我一直很喜歡 Asos 網站，因為當我第一次訪問它時，我可以保存和收藏物品，並將它們添加到我的購物籃中，然後完成購買所需的最少信息。 以後有足夠的時間收集詳細信息。

如果你必須先註冊才能獲得信息，那就沒有動力了，因為沒有證據證明你有我想要的任何東西。

5.結賬沒有優化

Custora 表示，截至 2014 年底，移動電子商務約佔所有在線假日銷售額的五分之一。 除非您想失去這些客戶，否則您需要照顧移動結帳。 我們已經提到了這方面的一些方面，比如頁面速度、點擊目標和不需要註冊。 Smashing Magazine 關於這方面的文章已經有一段時間了，但仍然很有意義。 它突出了以下領域：

• 無干擾的結帳頁面
• 進度條
• 安全信息
• 客人結賬

還有幾個其他領域值得關注。 回到表單的主題，將字段標籤放在表單字段上方而不是其中意味著客戶不必想知道他們應該輸入什麼信息。 Formismo 說，使用移動設備集成讓用戶可以使用數字鍵盤填寫數字也很有用。

如果您在全國或全球範圍內銷售商品，則必須讓您的結帳檢測到正確的區域，以便客戶看到正確的貨幣和運輸信息——亞馬遜甚至為台式機購物者也這樣做。 使用持久購物車並使結帳/購物籃易於查看和訪問也是一個好主意。 在上面的例子中，Asos 做對了一些事情，但是文本太小了。

6.對移動用戶行為的誤解

對於移動設備，考慮用戶行為很重要，因為移動用戶絕對不同於 PC 用戶。 研究表明，他們可以快速做出購買決定，因此忘記那些適用於 PC 購物者的冗長副本，讓他們輕鬆地盡快獲得所需的信息。 這是讓移動用戶體驗為他們服務的最佳方式。

多屏幕世界已經有一段時間了。 這意味著客戶可以在智能手機上開始交易，然後在平板電腦或台式電腦上完成交易。 這意味著您需要無縫體驗和保存的信息，以使他們的過渡盡可能順利。 通過分析數據檢查這一點，您可以通過用戶 ID 跟踪會話。

更好的轉化和銷售的關鍵規則是為用戶提供他們想要的東西，所以要跟踪，不要猜測。 最新的移動零售數據表明，許多客戶擔心查找產品詳細信息和安全性，您可以按照本文的建議解決這兩個問題。

7. 其他 UI 問題

一個好的用戶界面 (UI) 並不總能轉化為一個好的用戶體驗，但它會有所幫助。 請注意以下錯誤：

• 無效的鏈接
• 將移動用戶重定向到桌面界面
• 重要的轉化頁面雜亂無章
• 難以閱讀的文本（在下面的示例中，一些副標題和更大的字體會有所幫助）。

專注於為您的客戶改進 UI 和 UX 的基本要素。

底線？

良好的用戶體驗將幫助潛在客戶信任您的網站並希望向您購買。 因此，不要糾結於內容的完美配色方案或像素寬度。 考慮整體體驗以及用戶是否會獲得完成購買所需的東西。 畢竟，這是電子商務成功的標誌。

如果您不確定您的網站是否適合移動設備，請在手機或平板電腦上親自嘗試，使用 Google 的移動設備友好測試工具或查找移動模擬器以查看其外觀。 如果它對您不起作用，從著陸到結帳，它也可能對您的客戶不起作用。 查看這份包含 105 個 UX 提示的列表，了解您可能需要先修復哪些問題。