名称未設定

Daily UI #002 Credit Card Checkoutにチャレンジ!

ファームノートでUXデザイナーをやっている秋山ウテです。

2日目に突入です。

クレジットカードの入力フォームにチャレンジ

今回は、クレジットカード(デビットカードも可)の入力フォーム。

ECとかが普及して、みなさんも入力することが多いのではないでしょうか。

フォームのめんどいポイント

かくいう僕もEC使うので、クレジットカードの情報を入力します。
でも、多くの場合入力がめんどいです。
①カード番号、②名義人の名前、③有効期限、④セキュリティコードを入れる必要があります。

めんどいですね!

カメラで撮って情報が入力されたら楽だよね

そこで、クレジットカードをスマホのカメラで撮影したら、①〜③まで入力される仕組みを採用しました。(Google Payとかはそうですよね)

④セキュリティコードは裏面にあるので、手で入れてちょうだいなって感じです。3桁ですし、他人に画像だけ盗まれたりしても一定のセキュリティは担保できます

UI的ながんばりポイント

先輩から「もっといい質感でやってみて〜」とありがたきお言葉をいただきました。

そこで、リアル感を出すために、スマホのモックを自作&影をつけてみました。

日進月歩!
あと98!
ではでは!

このnoteを気に入っていただけたら、
「♡スキ」を押していただけると非常に嬉しいです。
より良いコンテンツを作っていく原動力になるのでぜひ!
リクエストもお待ちしているので、お気軽にコメントくださーい!

この記事が気に入ったら、サポートをしてみませんか?気軽にクリエイターを支援できます。

どうも!ぜひ「ご感想」+「#ファームノート」でツイートを♪
4

秋山ウテ / ファームノート

デザイナーの秋山ウテ(本名)です。現在はカスタマーサクセスと編集をやってます。前職では立ち上げ期からいろいろやってました。 https://www.wantedly.com/users/299064

Farmnote Member's Notes

ファームノートで働く人々のマガジンです。 「世界の農業の頭脳を創る」ことを目指して日々奮闘している僕らの日常や学びなどを発信しています。
1つ のマガジンに含まれています
コメントを投稿するには、 ログイン または 会員登録 をする必要があります。