注：本文作者主要提供了一些建議，關于如何去設計移動端的支付頁面，來幫助你留住用戶的心。如果你想要提升你的網站轉換率，那么這個指南將是你邁向更大的移動客戶群體的第一步。
以下我提供了一些建議來幫助你設計移動端支付頁面，當然，這些建議不可能適用于所有類型的在線商店，這一定程度上取決于你銷售的產品。
正確的網站設計是提高轉換率，增加銷售額的有效方法。需要注意的是：設計師必須認真考慮在線商店的用戶體驗原則，這對于移動端設計來說是非常重要的。
目前，在大部分互聯網流量中移動設備流量占據主導地位。 2017 年，移動用戶在整個互聯網的用戶中總數占比達到52％左右。如果你沒有針對移動端的網站或應用進行優(yōu)化，那么你的電子商務效果一定不夠理想。
如果你想要提升你的網站轉換率，那么這個指南將是你邁向更大的移動客戶群體的第一步。
從產品頁面到支付，整個流程應該給人一種操作簡單的感覺。這意味著當訪客點擊“支付”CTA時，如果需要的話，用戶可以輕松訪問并編輯訂單。
設計一個可編輯的購物車，用戶可以更改商品數量、尺寸、顏色、款式等等，以上這些操作都應該可以通過幾個點擊動作完成。
不要增加用戶購買阻力或使支付過程變得繁瑣，用戶的想法反復無常，你要盡量把購買阻力降低到零，提高用戶購買幾率。
讓我們看一下Yummygum的這個設計示例：它是一個機票訂單支付頁面，用戶可以在頁面上輕松地增加或減少機票數量，以及選擇機票的日期和起飛時間。
請注意它的界面元素是如何設計交互的，設計師使用大方塊和豐富多彩的亮色來提示微交互，這個設計非常適合移動設備。
除此之外，你也可以在Olia Gozha設計的購物車頁面中找到一些靈感。
在支付之前，界面會再次顯示購買的商品數量和價格。箭頭圖標使這里的交互特別明顯，用戶一下就能明白這個圖標是可點擊的。
另外，思考一下：顧客在購買商品之前可能想編輯訂單的哪些選項？
在最終支付前向他們展示訂單里的商品詳情，并為其提供訪問權限來編輯訂單。這樣設計能有效獲取買家的信任，并確保他們真正想要購買的心理。
在桌面端或筆記本電腦上處理付款很簡單，通常你可以拿起你的信用卡并輸入數字即可，但在智能手機上就沒那么方便了。
移動端的鍵盤非常輕便，但它們無法與完整的桌面鍵盤相比。因此，你需要讓支付流程更簡單，最好是只需幾次點擊即可完成支付。
如何才能實現這種效果？
通過鏈接支付并將其保存在顧客的帳戶中。每當顧客購買商品的時候，詢問他們是否要保存當前的付款方式。然后，你可以創(chuàng)建一個頁面，讓買家可以在信用卡，PayPal賬戶或他們過去使用的任何付款方式之間進行選擇。
使用這種鏈接支付的界面，當然越簡單更好。但是也有設計師想為用戶分享有關支付方式的細節(jié)，以確認賬號是否正確，這也是可以的。
以Vishnu Prasad的這種設計為例：它展示了如何使用保存的信用卡號碼來查看支付界面。
從個人來講，我不喜歡將這些數據清晰地展示在界面中，這也是我對這個UI唯一的疑慮。如果我是這個設計師，我會將這些數據信息設置默認為隱藏，單擊就會顯示或隱藏。但這個設計的重點就在于——買家可以在支付前查看支付細節(jié)。
當不是每個顧客都喜歡這樣做，你需要設計一個安全的表格來獲取信用卡信息。Murat Mutlu的這個例子是一個非常簡潔的移動支付界面，只使用合適的字段來完成該過程。
實際上，我喜歡這種風格的支付流程，因為它減少了頁面上的字段總數，整體簡潔明了。
這實際上也是用戶體驗的一個大趨勢，作為設計師，我們應該進一步研究它。
QQ客服