如何糾正常見的用戶界面問題並提高轉化率

一個設計良好且用戶友好的網站可以區分購買的新客戶和立即跳出的潛在客戶。 在電子商務中，網頁設計不僅僅包含配色方案和炫酷效果。 成功的網頁設計包括流暢的導航、高圖像質量、移動兼容性以及許多其他有助於提供積極用戶體驗的因素。

不幸的是，由於優先考慮事物的外觀而不是其功能，因此很容易忽略重要元素或在設計領域犯錯誤。

以下是我們為幫助提高用戶參與度和轉化率而實施的六種最常見的電子商務設計改進。

1. 計劃好類別導航並堅持下去

菜單至關重要：它是訪客看到的第一件事，它最終會告訴他們去哪裡。 新訪問者將大約 1/4 的注意力花在網站的主導航上，因此菜單通常是訪問者對網站的第一印象。 導航中常見的設計錯誤包括選項過多、類別標題模糊以及整體混亂。 當客戶不確定他們需要去哪裡時，他們可能會簡單地離開網站去尋找其他選擇。

成功導航的關鍵是考慮客戶如何購物並相應地規劃目錄結構。 在設計網站目錄時，像客戶一樣思考並個性化菜單以最好地回答他們正在搜索的問題——這意味著盡可能以最少的思考和點擊將他們帶到他們需要的地方。 避免立即讓訪問者選擇太多，並將主要導航限制為盡可能少的選項。 然後利用較大類別中的屬性和分面導航來幫助進行過濾。

堅持下去很重要——添加新的產品線或品牌可能會導致對網站上已有的導航進行審查，並使原本簡單的類別結構膨脹。 選擇以客戶對產品的稱呼命名的高級類別，以幫助進行現場瀏覽和搜索引擎優化。 時刻想著客戶想解決什麼問題，迎合盡快提供答案。

2. 簡化結賬流程

截至 2018 年，平均有75% 的購物車被放棄。 用戶出於各種原因放棄購物車，有時只是為了查看他們是否會收到優惠券代碼，但大多數時候是由於用戶界面錯誤，例如添加不必要的必填字段、結帳中不常見的字段、或無用的錯誤信息。 Baymard Institute在2012 年進行的一項研究發現，用戶報告說，在排名前 100 位的電子商務網站中，有 61 個網站要求提供“看似不必要”的信息。 考慮提供快捷方式，例如地址自動填充選項或允許客戶以訪客身份結賬。

由於結帳流程問題千差萬別，因此沒有簡單的解決方法。 相反，第一步是像客戶一樣思考（看看這種情況是如何不斷出現的？），看看結賬過程中是否有任何不必要的混亂。 一旦檢查了常識，就可以準確了解潛在客戶卡在什麼地方。 在 Google Analytics 中設置結帳渠道並註意 Magento 中的 Abandoned Carts 報告。

需要記住的一點是：結賬過程越長，轉化率就越低。 保持簡短和甜美，以提高轉化率並讓訪客回頭。 Magento 1 的本機結帳還有很多不足之處，但 Magento 2 內置了一個很好的結帳流程。

最後，如果您沒有運行購物車放棄計劃，那就去做吧！ https://carts.guru/en/已成為我們最喜歡的工具之一，但也有一些專門處理購物車遺棄問題的工具。

3. 使用精美圖片

圖像質量既是技術性的又是質量性的。 低分辨率圖片只會看起來很糟糕並降低網站的可信度。 同時，與品牌或產品無關的圖片庫對於說服在線購物者從該網站購買商品作用不大。

超越基礎並投資於有效突出和區分產品和品牌的高質量圖像。 客戶希望圖像能夠增加上下文和意義。 盡可能在照片中使用真人，在圖像中顯示產品細節，並為訪問者提供大尺寸、高質量的照片。

研究證實，在提高轉化率方面，較大的圖像比較小的圖像更有效。 儘管產品信息可能已被隱藏，但客戶在決定是否購買時更關心是否清楚地看到產品。 為了性能，在壓縮較大圖像與縮小圖像大小之間找到平衡。 現在是 2018 年，必要時獲取 CDN，但不要吝嗇圖像。

4. 撰寫有價值的產品說明

許多電子商務產品頁面都會犯同樣類型的錯誤：

• 沒有傳達基本信息的產品描述
• 關於產品對買方的好處的不明確信息
• 沒有視覺效果來清楚地解釋如何使用產品

產品描述應該清晰、簡潔和可信……有時娛樂性也有幫助。 它們需要精心製作以具有描述性並在不浪費時間的情況下增加價值。 諸如突出產品對客戶的好處（而不是只關注功能）、添加感官形容詞以允許讀者體驗副本以及通過使用要點或有趣的圖標使描述可掃描等技巧可以帶來好處.

創建出色產品頁面的另一個原因是建立信任。 包括客戶推薦或社會證明，如推文或 Instagram 照片，以產品為特色是向客戶保證產品與描述一樣出色的好方法。

Target 在這方面做得很好。 下面的屏幕截圖顯示該公司使用他們的標籤#targetstyle 來宣傳女性穿著的泳衣照片。

這不僅增加了產品的可信度，而且激發了社交媒體影響力的增長，並建立了您的品牌和客戶忠誠度。

5. 全面擁抱響應式設計

移動流量佔電子商務網站平均流量的 30% 至 40%，並且在假日購物季期間會大幅飆升。 如今，響應式模板幾乎是一種標準做法，Magento 包含一個很棒的最佳實踐響應式主題，但僅僅擁有一個響應式網站是不夠的。

響應式網站最容易被忽視的方面是網站內容在移動設備上加載不佳。 構建目錄和產品內容，使其在手機、平板電腦和台式機上完美顯示。 此外，優先考慮網站元素在移動設備上的加載方式。 以桌面為中心的功能，如旋轉橫幅、交互式社交分享按鈕和其他功能，根本不應該總是顯示在移動設備上，或者可能只是不以相同的順序顯示。 例如，在移動設備上顯示靜態橫幅而不是旋轉橫幅，以幫助提高性能並適應移動用戶通常注意力較短的情況。

6.優化站點搜索

站點搜索可能是一個陷阱 22 – 有時商家會向第三方站點搜索提供商出售商品清單，後來發現他們的客戶甚至從未使用過站點搜索功能。 其他時候，它是網站體驗中被忽視的一部分，迫切需要一些關注。 在 Google Analytics 中設置站點搜索跟踪以查看人們當前使用站點搜索的頻率，並根據客戶人口統計數據進行優化。 有些網站有一個搜索框只是因為它包含在主題中，但它從未被使用過。 在這種情況下，最好放棄它。

跟踪網站搜索將深入了解訪問者如何與您的網站互動，並允許您對可能需要的任何第三方工具做出更明智的決定。 如果您的客戶將從優化的搜索功能中受益，請努力將其構建為一個有用的工具——它也將是一個很好的數據資源。 使用站點搜索實用程序，通過有用的分面導航、建議的術語和推銷功能為客戶提供價值。

建立一個更好的電子商務網站

所有這些步驟都有助於與客戶建立信任，並且需要協同實施。 轉化率優化與消除人們不購買的原因一樣重要，因為它給了他們購買的理由。 電子商務網頁設計中的錯誤不僅會降低可信度，還會降低收入。

聯繫我們以了解更多有關成功的用戶界面設計或幫助優化您的電子商務網站的信息。