填寫樣本圖片(如何設計優秀的結賬表)

如何設計出優秀的結賬表？

以下內容由團隊翻譯整理，僅供學習和交流，

毫無疑問，結賬體驗是所有在線商店中最重要的部分。表格的設計與電子商務網站的轉換率直接相關–用戶填寫的表格更快、更方便，意味著轉換率更高。

作為一名用戶體驗設計師，您的工作是確保用戶有無縫和高效的結賬體驗。在本文中，我將分享十個非常實用的技巧來幫助您設計一個優秀的結賬表。

1.不強迫用戶創建帳戶

據Baymard研究所表示，強制性要求用戶創建賬戶是人們放棄購買過程的主要原因之一。不要犯這樣的錯誤！允許用戶在不創建賬戶的情況下購買商品。重要的是，您不僅應該為客戶提供結賬選項，還應該使其清晰可見。Baymard研究所發現，88%的移動支付表未能使訪客結賬選項達到清晰可見的效果，因此用戶經常忽略它。

eBay為用戶提供訪客選項

2.減少用戶注冊所需的信息

說到信息收集，最重要的原則是少即多。Baymard一項研究發現，近三分之一的美國在線購物者因太長/太復雜的結賬流程而放棄了購買。同一項研究發現，平均支付時間可能會縮短20-60%。因此，作為一名設計師，你應該盡量減少用戶的信息量。例如，如果你不打算打電話給你的客戶，你就不需要他們的電話號碼。

通過減少填充的字段，不僅可以提高完成時間，還可以使過程更加順暢。字段數量越少，用戶的認知負擔越小，潛在錯誤就越少。

提示：付款單填寫樣本圖片

清楚地標記所有可選字段。若有可選字段，則應使用單詞optional(可選)*標記符號。這將使想要盡快填寫表格的用戶能夠快速跳過這些字段。

3.不要用字段標簽作為占位符

標簽的主要目的不是在用戶輸入數據時隱藏它們。字段標簽應始終可見；理想情況下，它們應該位于字段的頂部或左側。如果您設計的移動終端和有限的屏幕空間，則可以使用浮動標簽技術。當用戶激活一個字段時，占位符文本會淡出并顯示在頂部。

4.設計單列表

在多列形式下，眼睛會遵循曲線瀏覽，這使得用戶更難關注某些元素（眼睛不會關注某些特定元素）。因此，多列表將增加完成時間。當表格由單列組成時，用戶更容易瀏覽–因為眼睛遵循垂直掃描模式。

5.大量相關信息分在一起

一次顯示太多的信息會讓用戶感到不知所措。分層技術可以幫助您在不過載的情況下提供相同數量的信息。有兩種類型的塊：付款單填寫樣本圖片

頁面上的分組。您可以將相關信息分組并按邏輯順序排列。

左：付款單填寫樣本圖片

字段之間沒有視覺劃分。右圖：視覺上將相同數量的字段分為三部分。NNGroup

創建多步結賬過程。您可以將結賬過程分解為多個單獨的步驟。例如，典型的結賬過程可分為四個步驟-客戶信息，運送方式，付款，訂單匯總。將大任務分解為幾個較小的任務可以讓用戶專注于一種特定類型的輸入。但是如果你使用這種方法，請確保你的結帳過程是易于操作和理解的。用戶需要了解他們花費多少時間來完成付款。如果能提供用戶填寫和操作方便的表單，那就太棒了。

多步結賬流程：表單清楚地表明用戶目前處于哪個階段。

提示：確保退款按鈕操作與用戶期望一致是非常重要的。用戶希望退款按鈕能讓他們退后一步（去他們認為是最后一頁的地方），而不是回到產品頁面。第二種行為通常伴隨著用戶數據的丟失，因此用戶可能會放棄結賬過程。

6.幫助用戶填寫地址

提示：在手機上填寫地址的步驟可能更直接。您可以要求訪問用戶的當前位置并填寫當前位置。

7.提供不同的付款選項，創建完美的信用卡表格

提供盡可能多的支付選項，讓用戶選擇自己喜歡的方式。

沃爾瑪允許使用信用卡、禮品卡和許多其他流行的支付方式(如PayPal）進行支付。

在許多支付選項中，信用卡仍然是最常用的支付方式之一。這一點非常重要：確保結賬表已經優化了信用卡購物的使用，這里有幾件事要記?。?/p>

告知用戶可接受的卡類型。您可以將此信息與支持卡發行商的圖標放在一起。如果您的支付系統不支持某種類型的卡，請在用戶輸入卡號時告訴他們。根據輸入的第一個數字顯示卡類型。前六名數字識別用戶卡的確切發行人。最好顯示卡發行人的標志，這樣用戶就可以看到系統已經識別了他/她的卡。使用卡有效期的占位符文本。幫助用戶輸入有效格式。當詢問安全碼時，請提示客戶在哪里可以找到它。這可能與字段旁邊的‘圖標相似，用戶點擊時會彈出顯示信息。請記住，安全代碼不統一-不同的發卡機構使用不同的名稱、位置和長度(例如，VISA安全代碼位于卡的背面，由三位數組成AMEX，前面有四位數字的安全代碼)。

Visa/MasterCard，JCB和AmericanExpress的安全碼

滿足上述所有要求的銀行卡信息格式

8.提供訂單匯總

購買前提供訂單匯總非常重要。此功能允許用戶查看訂單的詳細信息和選定的交貨選項，確認費用和交貨信息是否正確，必要時更改。

Asos提供訂單匯總：用戶可以查看和修改他們的訂單

9.設計快速購買功能

快速購買是客戶回購的優勢功能。如果您的數據庫包含客戶信息，則無需要求他們重新執行所有付款步驟。該功能允許用戶直接跳轉到訂單匯總界面，使用之前購買的結算和運輸信息。

亞馬遜的一鍵購買功能可以立即購買產品。這將從客戶購買的數據中獲取首選運輸方式、地址和付款細節。

10.提供在另一個設備上購買的選項

一個典型的情況是，用戶會在移動設備上瀏覽商品，但在填寫結賬表時，他們會切換到桌面。當用戶切換到桌面時，用戶可以按照手機上的步驟繼續操作，通過提供通過電子郵件發送到購物車的選項。

說到結賬過程，你的最終目標是提高成功率(用戶轉換率)，減少完成時間(更快完成)。對于客戶來說，買東西的過程越容易，就越容易買。

原始地址：找到1072531張原始付款表，填寫樣本圖片設計圖片，包括樣本圖片、材料、海報、證書背景、源文件PSD、PNG、JPG、AI、CDR等格式素材！