![名称未設定](https://assets.st-note.com/production/uploads/images/8103403/rectangle_large_type_2_e16f7dbdbf384f0a0b437136f1aaa6bb.jpg?width=1200)
Daily UI #002 Credit Card Checkoutにチャレンジ!
ファームノートでUXデザイナーをやっている秋山ウテです。
2日目に突入です。
クレジットカードの入力フォームにチャレンジ
今回は、クレジットカード(デビットカードも可)の入力フォーム。
ECとかが普及して、みなさんも入力することが多いのではないでしょうか。
フォームのめんどいポイント
かくいう僕もEC使うので、クレジットカードの情報を入力します。
でも、多くの場合入力がめんどいです。
①カード番号、②名義人の名前、③有効期限、④セキュリティコードを入れる必要があります。
めんどいですね!
カメラで撮って情報が入力されたら楽だよね
そこで、クレジットカードをスマホのカメラで撮影したら、①〜③まで入力される仕組みを採用しました。(Google Payとかはそうですよね)
④セキュリティコードは裏面にあるので、手で入れてちょうだいなって感じです。3桁ですし、他人に画像だけ盗まれたりしても一定のセキュリティは担保できます
UI的ながんばりポイント
先輩から「もっといい質感でやってみて〜」とありがたきお言葉をいただきました。
そこで、リアル感を出すために、スマホのモックを自作&影をつけてみました。
日進月歩!
あと98!
ではでは!
このnoteを気に入っていただけたら、
「♡スキ」を押していただけると非常に嬉しいです。
より良いコンテンツを作っていく原動力になるのでぜひ!
リクエストもお待ちしているので、お気軽にコメントくださーい!
この記事が気に入ったらサポートをしてみませんか?