nana

デザイナー&理学療法士人やプロダクトの観察から問題定義とビジネス要件に沿った情報設計・整理。Interaction design foundation member

クレジットカード会社素材リンク集とセキュリティコード入力UIについて

クレジットカード会社のロゴマークが必要でDLページ探すのが面倒くさかったので、リンクをまとめました。
ページ後半ではセキュリティコード入力めんどくさいよねっていう話を決済画面を提示しながらつらつら書いています。

VISA
mastervard
JCB
アメリカン・エキスプレス

セキュリティコード入力UI一覧

出典元:https://images.app.goo.gl/3SgwNZ6SjxNL

もっとみる

ダッシュボード設計:注意点
・過度な情報(計算や分析、解釈が必要な未処理のデータで視聴者に過度な負担をかける)
・不必要なグラフィック
・必要なデータと不必要なデータの識別

ダッシュボード設計:チェック事項
・単一の画面に表示
・ユーザーと視聴者の目的をサポート
・定量的および定性的データが何を意味するのか明示的に示す
・ユーザーがコアデータをすぐに理解できるように、簡単な概要を説明
・より詳細なデータへの即時アクセスを提供
・スペースの効率的な利用

Google Play アイコンのデザイン仕様
https://developer.android.com/google-play/resources/icon-design-specifications
☝︎
Sketch テンプレート(.sketch)
Illustrator テンプレート(.ai)
Photoshop テンプレート(.psd)

【めも】
ナビバー、ツールバーアイコンサイズ
https://developer.apple.com/design/human-interface-guidelines/ios/icons-and-images/custom-icons/