鋪平購買之路——電子商務用戶體驗最佳實踐

電子商務銷售額繼續上升。 移動設備佔電子商務流量的大部分，但桌面網站的購物車放棄率較低，平均購買價值較高。 移動電子商務是未來，但如果設計師希望在當前最大化利潤，他們必須使用電子商務 UX 最佳實踐來增強桌面網站。

潛力是驚人的。 年復一年，電子商務收入攀升。 線下銷售仍佔零售收入的大部分，但電子商務的上升趨勢是不可否認的。 今年，美國的電子商務零售商預計將實現 8400 億美元的銷售額，他們預計要到 2022 年才能達到這一水平。

在統計數據的輝煌中旋轉的是對由移動主導的電子商務未來的宣言——這是有充分理由的。 移動設備在全球產生最多的流量和零售收入。 不幸的是，移動無法滿足兩個關鍵指標：與桌面網站相比，移動網站的購物車放棄率更高，平均購買價值更低。

電子商務的命運是移動的嗎？ 無疑。 使用電子商務 UX 最佳實踐優化桌面網站是否可以賺到大筆錢？ 絕對地。

四頁電商體驗

在桌面設備上，幾乎所有電子商務網站都依賴類似的頁面序列來引導購物者完成銷售流程。

• 具有不可抗拒的價值主張的整潔主頁
• 易於瀏覽的組織良​​好的類別頁面
• 結合社交證明和引人入勝的內容的精美產品頁面
• 顯示進度並讓購物者感到安全的簡單結帳頁面

每個頁面的佈局、內容和導航都是為了幫助購物者找到他們正在尋找的信息，同時引導他們更接近購買。 所有四個頁面必須協同工作，以創造購物者渴望的無縫電子商務體驗。 一切從主頁開始。

整潔的主頁

1. 讓產品價值瞬間顯現

主頁是第一印象。 購物者必須能夠快速確定產品的價值。 不要使用主頁來討論技術特性。 幫助購物者設想產品將如何解決他們的問題並改善他們的生活（待完成的工作框架是一個有用的起點）。

保持文案簡潔明了。 使用說明產品優勢的照片。 如果購物者必須大量閱讀、大量滾動或觀看冗長的解說視頻來了解價值，那麼價值就不會立即顯現出來。

2.從任何地方啟用搜索

只銷售少量商品的電子商務網站可能不需要搜索欄，但隨著產品的增加，搜索成為客戶根據他們的心理模型查找產品的重要方式。 粘性搜索欄確保搜索在每個頁面的任何地方都可用，但最好從結帳頁面中刪除搜索以進行轉換。

3. 為購物者提供有意義的產品名稱

在內部有意義的產品名稱可能會讓購物者感到困惑。 提供決策背景。 基於型號或基礎技術的名稱可能會疏遠外行。 過於可愛或有創意的標題也是如此。 從購物者的角度選擇表明實用性或價值的產品名稱。

4.突出交易和促銷

購物者來到電子商務網站時會考慮特定的產品。 當交易和促銷活動融入主頁時，它們會被忽視。 使用明亮的顏色、粗體文本和整頁照片進行呼出交易。

如果銷售是次要的，它應該引人注目，但不應與主頁的主要價值主張競爭。 如果促銷是購物者需要了解的第一件事，請關注它。

組織良好的類別頁面

1. 在網格中展示產品

桌面屏幕提供的空間非常適合產品網格。 網格與 F 型掃描對齊，使購物者能夠快速比較多種產品。 它們對於易於在圖片中解釋的項目特別有效。 為了最大限度地發揮網格的優勢，請嘗試將每行的項目數保持在 2 到 4 之間。 在五個或更多產品上，網格變得更難掃描。

獎勵：列表視圖確實有效，但它們最適合需要更詳細說明的產品。

2. 確保輕鬆導航

導航需要直觀。 購物者不應費力在類別頁面之間切換或啟用產品過濾器。 單一類別中包含大量產品的網站應使用左欄導航，以允許購物者根據不同的屬性對產品進行分類（分面搜索）。

3. 展示暢銷書

用獨特的圖標標記暢銷商品或將它們放在暢銷書部分。 為什麼？ 暢銷書是一種社會證明。 當人們不確定時，他們會根據他人的行為來確定自己的行為。 對於新購物者來說尤其如此。

類似的原則適用於最近推出的產品。 展示新的和改進的產品不僅僅是一種一次性的銷售策略； 這是一種吸引購物者在未來返回更新的方式。

拋光產品頁面

1. 用社會證明來吸引

社會證明給購物者灌輸信任。 評級和評論對購買決策有深遠的影響，但桌面網站也足夠寬敞，可以處理其他形式的社交證明：

• 客戶拍攝的產品照片
• 名人和影響者代言
• 來自專家的報價
• 來自獨立審查網站的批准徽章

社會認同的目標是幫助購物者感覺他們正在做出與其他人的積極體驗相一致的明智決定。

2.用文案和意象展示美好生活

電子商務內容應該是信息豐富的，但除了事實和功能列表之外，還有更多的說服力。 使用文字和圖像幫助購物者想像結賬後等待他們的美好生活。

再次，桌面尺寸是一個優勢。 沒有理由不使用巨大的照片和視頻或從多個角度展示產品。 複製也是如此。 不要猶豫，使標題變大，並用大量空白包圍文本塊。

3. 通過追加銷售和相關產品賺取更多收入

如果購物者對他們在產品頁面上看到的內容不滿意，他們不必導航回類別頁面來查找其他選項。 相反，向他們展示價格相似的替代產品或更昂貴的選擇，具有更好的功能、評論或品牌認知度。

還可以建議補充產品頁面的相關項目。 買鞋？ 為什麼不買鞋帶和足弓支撐呢？ 為了減少摩擦，請確保相關項目具有“添加到購物車”選項。

4.設計大而大膽的“添加到購物車”按鈕

當涉及到產品頁面時，“添加到購物車”按鈕必須脫穎而出。 使它們大、對比度高且易於點擊。 抵制機智的衝動，編寫明確且以行動為導向的號召性用語文本。

購物者在將商品添加到購物車時必須收到視覺反饋。 許多桌面網站通過從屏幕側面瞬間滑入的購物車摘要覆蓋來做到這一點（一種允許購物者過渡到結賬或繼續瀏覽的創造性方式）。

簡單的結帳頁面

1. 顯示購物者結賬進度

電子商務購物者花費大量時間和精力在線尋找產品。 當他們準備好購買時，他們需要保證流程即將結束。 進度條是一種簡單的方式，可以在結賬的每個階段向購物者展示他們的位置。

2. 接受多種付款方式

便利性和安全性是購物者到達支付網關時最關心的問題，也是放棄購物車的兩個主要原因。 幸運的是，有越來越多的在線支付選項可以緩解安全擔憂並加快結賬速度。 由受信任公司（如亞馬遜和蘋果）支持的第三方支付選項可能比輸入信用卡信息更能吸引購物者。

Paypal Credit 和 Klarna 等“先買後付”(BNPL) 選項也值得考慮。 BNPL 是一種銷售點信用形式，允許客戶在收到貨物後隨時間支付產品費用。

3.考慮客人結帳

訪客結賬可能並不適合所有電子商務零售商，尤其是那些業務戰略圍繞生成客戶帳戶的零售商。 然而，事實證明，它可以加快結賬速度、防止帳戶創建疲勞並減少購物車放棄。

另一種方法是要求電子郵件確認訂單，然後跟進運輸和交付消息的交易。

4. 提供清晰的訂單摘要

這個是必須的。 為購物者提供簡明的訂單摘要，其中包括：

• 產品詳情和數量
• 所有費用明細
• 運輸和賬單信息

展示產品圖片也很聰明，但要確保屬性與客戶的選擇（顏色、尺寸、飾面等）相匹配。

5. 通過安全徽章和客戶支持增強信任

通過展示安全徽章和第三方背書給購物者信心。 結帳是提醒購物者註意經過驗證的排名和評論的好地方。

在附近，包括聊天機器人、退貨政策、常見問題解答鏈接和客戶支持熱線等支持功能。 購物者可能不會在結賬時使用這些資源，但知道它們的存在會讓他們高枕無憂。

觀察電子商務用戶體驗最佳實踐

購物是觸覺的。 一個物體的重量、它的角度和邊緣、它的合身性和感覺——這些都很重要。 在不存在的情況下，熟悉度和顯示尺寸至關重要。 桌面提供兩者。 這是一個舒適的範例，屏幕寬敞，導航簡單，圖像和視頻更逼真。

儘管存在缺點，但移動零售是一個相對較新的領域。 有一些問題需要解開，但它仍然是在線購物的未來。 在那之前，設計師明智的做法是通過使用電子商務 UX 最佳實踐優化桌面網站來從當前獲利。

讓我們知道您的想法！ 請在下方留下您的想法、評論和反饋。

• • •

進一步閱讀 Toptal 設計博客：

• 電子商務用戶體驗——最佳實踐概述（附信息圖）
• 電子商務網站設計終極指南
• 電子商務 101：了解放棄購物車（帶信息圖）
• 電子商務用戶體驗——基本設計策略和原則
• 顯著的電子商務趨勢及其對設計的影響（附信息圖）