確保積極的電子商務體驗的 30 個 UX 設計技巧

已發表: 2017-06-14

電子商務改變了我們的生活，改變了我們購買東西的方式。在電子商務中，第一印像對於在線商店來說至關重要，因為競爭激烈，客戶極易流失，只需點擊一下，您的客戶可能會因為糟糕的用戶體驗而退出您的頁面，再也回不來了。

您需要考慮價值主張，如何簡化用戶的生活並讓他們一遍又一遍地向您購買。您需要考慮如何分享您的公司與其他數百家在線商店的不同之處。結合簡單性、簡單的用戶流程和號召性用語，您可以為客戶創造在線體驗。

讓我們看看我們的 UX 設計技巧，以促進您的電子商務。

電子商務中的第一條規則——展示您產品的高質量圖片。
讓您的購物者保持專注。確保您的主菜單、交叉銷售或追加銷售等不會分散您的購物者完成結賬的注意力。使用顏色或箭頭等視覺隊列將注意力集中在單個號召性用語上。
您的主頁最需要工作。例如，許多公司堅持使用能夠準確代表其目標類型的鼓舞人心的視頻和故事。不要忘記提供推薦、評級和評論。使用簡單、整潔的設計。使用盡可能少的詞，消除所有不會產生影響的內容，例如您最近的博客文章。
頂級電子商務商店通常會提供商品集合來引導用戶趨勢，例如，它們可能會以網格為特色，其中包含所有最受歡迎的女式裙子，或者它們可能會根據過去的客戶體驗提供推薦產品。
數據驗證。不要等到用戶提交表單，驗證並實時通知用戶是否有一些錯誤或缺失的字段需要填寫。實時內聯驗證將幫助您的客戶快速完成結帳，省力並且錯誤更少。確保通知足夠可見，以至於用戶不會跳過它。
結帳表格的組織。將結帳頁面分解為多個部分，並將相關項目保持在附近。並避免詢問不必要的信息。單頁結帳旨在快速簡便。所以，避免詢問不必要的信息。此外，不要讓您的購物者猜測完成結賬需要多少步驟，讓他們了解情況。
大多數訂單的送貨地址和賬單地址是相同的，因此請使用送貨地址預先填寫賬單地址詳細信息，而不是要求用戶執行此工作。顯示郵政編碼字段並隱藏城市和州。當用戶輸入郵政編碼時，使用預先填寫的城市和州字段展開表單。確保這些字段是可編輯的。它對您的用戶來說更容易、更快捷。
付款安全。與往常一樣，電子商務中的安全性存在很多問題。通過顯示您的安全憑證、客戶服務號碼和隱私政策鏈接，向您的購物者保證他們的數據是安全的。
您可以通過創造緊迫感來減少購物車的放棄。如果只剩下幾件，請指定仍有庫存的單位數量。或者，如果您對添加到購物車的產品提供優惠或折扣，並在一兩天內結束，請出示。
如果您為超過一定金額的訂單提供免費送貨或折扣，那麼您應該提醒您的購物者他們需要花費多少才能獲得該優惠。
在可能的情況下，為在您的商店購買的商品添加禮品包裝選項，並允許買家在他們的禮品中添加個人備註。此外，讓購物者選擇是否在交貨期間在發票中包含價格信息。
用戶的願望清單。一個能記住你的購物車。如果用戶覺得他們負擔不起訂單的總費用，他們可能會從購物車中刪除一些商品。提供將這些產品保存或移動到願望清單的選項，這樣他們就不會忘記它。您還可以在下次購物車頁面上出現願望清單中的產品時提醒他們。此外，當用戶想要從購物車中刪除商品時，請將其命名為 remove 而不是 delete。並允許用戶將數量設置為零以從購物車中刪除商品。一旦用戶單擊刪除鏈接，而不是立即刪除項目，詢問單擊是否是故意的。不要忘記，您應該選擇在購物車頁面本身上進行這些更改，而無需導航到產品頁面。當然，當購物者將商品添加到購物車時，不要讓他們猜測該商品是否已添加，提供確認消息。您可以在同一頁面上提供確認消息，也可以將它們重定向到購物車頁面。當您讓購物者保持在同一頁面上時，請提供產品推薦以及確認消息，以便他們可以購買更多。
可共享的願望清單。許多客戶不會立即做出購買決定，他們需要時間考慮一切，與不同的電子商務商店比較價格或與家人或朋友諮詢他們的選擇。當然，他們可以為頁面添加書籤，但這不如將所有項目存儲在一個地方方便。標記潛在有趣的產品並將它們添加到願望清單的可能性是一個很好的解決方案。如果願望清單要真正對用戶友好，請確保客戶可以在線與其他人分享。不僅提供電子郵件和社交媒體共享，還使客戶能夠創建可共享的鏈接。這樣的鏈接將使客戶更容易與他人諮詢購買。
顯示最近購買的產品。可能您有一群常客，他們經常在您的電子商務商店購買相同的產品，那麼個性化他們的帳戶是一個好主意。如果某個客戶每個月都會拜訪您購買給定的貓糧，那麼在登錄後立即顯示一個包含最近購買產品的部分，將使他們的購物更容易。無需浪費時間尋找合適的袋子尺寸和類型的貓零食，只需單擊一下，產品就在購物車中。知道此類功能正在您的商店中等待他們，將使他們更有可能回來。
使購物車始終可見。如果添加商品，更高級的在線購物者將不希望被直接發送到購物籃頁面。因此，重要的是在網站的每個頁面上都可以看到購物籃，其中包含添加的物品數量和價格。
當您有很多類別、可變產品或具有許多選項的產品時，導航至關重要。人們越快找到他們想要的東西，您就能越快將他們轉移到結帳流程。將頂部菜單限制為 7 個選項。使用組織類別和子類別的多列菜單。不要忘記隱藏菜單。在過去的幾年裡，極簡主義一直是最一致的網頁設計趨勢之一，專注於乾淨、簡單和易於導航的美學，並突出圖像和大背景。許多設計師認為漢堡包圖標已經獲得了普遍的地位，品牌應該不再害怕隱藏他們的導航，因為用戶將圖標與菜單或列表相關聯並與之交互。
搜索引擎優化。使用麵包屑來幫助用戶導航並將 pagerank 分發到您的類別頁面。在頁面標題、網址、標題和描述文本中使用最相關、難度最低的關鍵字。在頁面頂部或照片旁邊提供簡短的產品摘要。首先考慮移動，現在電子商務也依賴於移動。您可以做的最低限度是讓您的網站響應。
產品數量。顯示產品列表前後的頁數。顯示該類別中的產品總數。
過濾器。允許用戶按：價格、類別、性別、顏色等進行排序。
提供縮放選項，讓用戶自己查看詳細信息。
一切的個性化。
金錢與價值。一些用戶專注於花費特定金額。其他人則專注於價值。您的網站可以幫助解決這兩個問題。你們提供免費送貨嗎？是不是價格更高，但質量更優？在您的網站上明確說明這一點，展示您的競爭優勢以及您可能為客戶帶來的好處。
高效搜索。一個想法是讓您的網站自動保存用戶上次搜索的位置。例如，假設您的用戶將搜索範圍縮小到四頁，每頁 30 項。他在查看第 3 頁第二行的第二項時被打斷了。所以基本上，您可以讓您的用戶選擇從他離開的地方繼續，而不是重新開始。
通訊形式。建立一個強大的電子郵件列表是一個漫長的過程，但對於促銷尤其是在假期期間非常有價值。擁有時事通訊註冊表單是任何電子商務商店的標準，因此請盡量讓您的訂閱表格比其他商店更具吸引力。
不要忘記更新您的內容。上個月的促銷不應出現在您的任何頁面上。找到您將無法使用的促銷活動很煩人。
強調擁有帳戶的好處。獨家折扣和促銷等福利足以讓許多購物者創建一個帳戶。
不要忘記人們如何閱讀和掃描信息。將每個網頁的重要部分放在左側的頂部和底部。訪問者以“F”模式掃描網頁，這是眾所周知的事實。因此，請使用強大的標題和相應的佈局頁面來吸引他們的注意力。
提供虛擬協助。電子商務公司使用帶有預測技術的聊天機器人或實時聊天工具來預測購物者的需求並在最重要的時刻提供指導。例如，如果客戶在結賬時收到錯誤消息，或正在搜索尺碼指南，智能聊天機器人可以提供及時、相關的幫助。他們還可以根據用戶的喜好給出個性化的推薦。
卡片設計。卡片設計趨勢變得越來越流行，原因很簡單，它可以輕鬆組織大量內容。之所以稱為卡片設計，是因為用於呈現產品信息的卡片狀盒子。它簡單，易於閱讀，而且看起來仍然令人印象深刻。卡片非常適合以整潔且用戶友好的方式組織部分或產品。它們簡化了導航並改進了用戶體驗，使用戶能夠輕鬆地一目了然地訪問信息並區分主題。採用卡片佈局的最大好處是它們非常適合響應式網頁設計，這就是它們在電子商務網站中非常受歡迎的原因。
大背景。客戶喜歡圖像，而不是文字。如果他們沒有時間閱讀，這無疑會導致他們專注於圖片。客戶購買決定的一個關鍵因素是他們在瀏覽您的商店時的初步印象。大圖片和視頻背景創建漂亮的引人入勝的網站。他們可以鼓勵潛在客戶在他們到達您的網站的那一刻進行購買。電子商務商店廣泛使用這種技術來創造乾淨、專業的外觀，並使他們的產品更受歡迎。

我希望您發現我的列表很有用，它將幫助您改善電子商務商店的用戶體驗。趨勢變化非常快，保持轉向！