網路購物 — 信用卡篇

相信大家都有網購的經驗,確定訂單,填完地址,付款,等收貨。但在這些過程中,一直有個部分困惑著我,那就是 信用卡 付款的資料表單設計。

輸入 信用卡 相關資料

輸入信用卡相關資料

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

skrill

skrill

支付寶

支付寶

paypal

paypal

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

安全碼說明

安全碼說明

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

My wireframe

My wireframe

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

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

如果你也喜歡我們的文章,請 Follow 我們的 Facebook 專頁,每天都會分享許多精選文章!

分享此文: