如何優化結帳頁面上的字段

當我們在付款頁面填寫表單欄位時 如何優化結帳 可能會遇到一些不便,這就是為什麼我們必須始終確保它們得到良好的優化。

即使提供了顯示網站所需輸入格式的格式範例, 89% 的使用者也可能會輸入除提示內容之外的數字。

為了盡量避免上述問題,我們將向您展示一些在您想要優化表單欄位時建議遵循的良好做法。

讓我們從送貨地址部分的欄位開始:

姓名欄位:在此欄位中我們可以做兩件事 单位电话号码数据完整列表 建立兩個單獨的欄位或將它們統一為一個欄位。
我們建議將這兩個欄位分組,因為使用者填寫一個欄位而不是兩個欄位會更容易、更舒適。 Etsy 是這樣做的:

街道/號碼字段:在此字段中,理想的情況是添加輸入格式的範例,以便用戶可以快速了解如何編寫該字段,並使此幫助始終可見:

Google 自動補全 Crate&Barrel 中的地址字段
這是最完整的方法,因為它減輕了用戶的大量工作。

與街道/號碼相關的其他欄位:為使用者提供更多機會來指定所需的資料很方便,因此像 LLBean 那樣為這些情況提供可選欄位總是好的(儘管它指定它們是可選並保持折疊狀態):

郵遞區號:建議在「街道/號碼」欄位中指示輸入的格式,以免引起問題(正如我們已經在阿迪達斯中看到的那樣) 。
國家:如今,許多網站都會檢測我們瀏覽的位置,並自動填寫此字段,而不會提供修改它的選項,就像阿迪達斯或耐吉的情況一樣。
儘管這不是一個壞選擇,但我們選擇添加具有自動完成功能的國家/地區字段,或者選擇類似於 Bikeinn 中使用的解決方案,該解決方案會自動檢測它但允許對其進行修改:

與 LLBean 中的地址相關的可選字段

城市:在這個欄位中,理想的情況是像上一個欄位一樣實現 關於 karmsolar 的 20 個驚人統計數據和事實 自動完成功能,使用戶更容易輸入他們的城市,限制他們輸入不在清單中的內容。
電話欄位:正確填寫該欄位可能會產生許多問題,使用者可以透過多種不同方式輸入電話號碼。
這就是為什麼我們建議創建一個包含搜 埃克萊拉納賈 尋相應國家/地區選項的欄位的解決方案 ,從而根據輸入的國家/地區限制輸入格式,這裡我們向您展示一個範例:

如果您想在您的網站上實施類似的系統,這裡有一個有趣的資源。

第二帳單地址:有時使用者必須輸入另一個地址來解決與帳單相關的問題,一個好的解決方案可能是添加一個選項,允許您指示兩個地址是否相同,如果不同,則提供該選項添加它,就像他們在阿迪達斯所做的那樣:
阿迪達斯地址表上帳單地址的複選框
阿迪達斯預設假設帳單地址與送貨地址相似
SEO:如何創造合適的關鍵字研究?

萬歲!轉換部落格
我們已經了解了在地址資訊中實施的最佳實踐,現在讓我們看看支付資訊中欄位的最佳選項是什麼。

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

返回頂端