網路購物 – 信用卡篇

信用卡支付也很成熟了,但在電商平台的支付流程設計上,還是有改上的地方!相信大家都有網購的經驗,確定訂單,填完地址,付款,等收貨。但在這些過程中,一直有個部分困惑著我,那就是 信用卡 付款的資料表單設計。

輸入 信用卡 相關資料

輸入信用卡相關資料

先來看看目前各大平台大多是怎麼設計的?

skrill

skrill

 

支付寶

支付寶

 

paypal

paypal

 

整體看來似乎沒什麼問題(內心 OS:我用那麼久了,也很習慣了),但是你是否想過,如果 …,可能會更好!沒錯,上面幾個平台的表單設計是沒什麼問題,使用者也都順利地完成,但你可否發現,安全碼(Card Security Code)後面常常必須附上說明,解釋 csc 的位置在哪?

安全碼說明

安全碼說明

 

是不是可以更直覺地讓使用者明白安全碼(csc)的位置呢?以下是筆者的 wireframe:

My wireframe

My wireframe

 

其實這也是一種 GUI(Graphical User Interface)的概念,對於使用者來說在感官上更易於接受,也讓視覺訊息更為美觀,使人與電腦的溝通在學習上更為簡單且視覺化,也提升不少工作效率。

 

本文章所屬設計大舌頭與作者所有,未經授權,不得轉載!如需轉載,煩請通知

訂閱設計大舌頭

隨時關注第一手 UX、UI、科技、設計新知

Facebook
LinkedIn
Telegram
Twitter