見出し画像

Daily UI #2 クレジットカード | やってみました!

今日は 2回目のDailyUI をやったことを書きたいと思います。
メールでUIに関するお題が届く「Daily UI」


何を作ったか

今回のお題はCredit Card Checkoutつまり、クレジットカード支払いのページを作成しました。
買い物をするときの流れを想定して作りました。事前登録できるようにしてここではまた違うカードを登録しています。
微妙な出来になってしまいましたができました😅

画像1

意識したこと

・いろいろ調べたところ入れるカード情報は3つだけでも大丈夫らしいので、最低限少なくなるようにしました。

・カード番号からブランドを特定できるようなので、実際に作るときはこの機能を入れていと思っています。間違いを少なくするために、自動的にスペースを入れてくれる機能も便利ですよね。

・入力するときにエラーに何回もなって離脱しないように、グレーで例を書いたり補足を書いたりしました。(セキュリティーコードはわからないこともあると思うので?で説明もつけました)

・「毎回同じカード情報を入れるのはめんどくさい」と思ったので、前回登録したものをそのまま使えるようにしました。


感想

正直クレジットカードを使ったことがなかったので、調べまくりました💦
機能的にはいいと思うけど、デザインがシンプルすぎました。あとテーマ・何の買い物かを決めて作っていなかったので、次はしっかりテーマも決めてアプリ・サービス全体を考えてデザインしたいと思いました!


ここまで読んでくださりありがとうございました(*ᴗˬᴗ)⁾⁾
よかったら『スキボタン』押してくださると、励みになります୧( ˃◡˂ )୨

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

記録:毎日投稿15日目 
朝活継続記録:7日目  1週間達成しました  \(^▽^)/



この記事が気に入ったらサポートをしてみませんか?