フレームワーク活用ガイド#UI設計
11件のフレームワーク
アイコンデザインの原則
認識性・一貫性・簡潔さを満たすアイコン設計
UIアイコンの作成
アイコンセットの統一
デザインシステムのアイコン規定
マテリアルデザイン
Google提唱の物理法則に基づくデジタルUIデザインシステム
Android/Web UIの設計
デザインシステム構築
一貫性のあるUI開発
色彩理論とUI設計
色相環・補色・トライアドでUIの配色を体系的に決定
UIカラーパレットの設計
ブランドカラーの体系化
ダークモード対応
説得的デザインパターン
ユーザーの行動変容を促すUI設計パターン体系
コンバージョン率改善
ユーザーの習慣形成
サインアップ・課金の促進
ダークパターン
ユーザーを意図的に騙したり誘導したりする悪質なUI設計パターンとその見分け方
UIの倫理チェック
ユーザー信頼の構築
法規制への対応
競合分析
ユーザビリティヒューリスティクス
UIの使いやすさを10の原則でチェックし、ユーザーテスト前に主要な問題を発見するフレームワーク
UIリリース前のレビュー
既存プロダクトの改善点発見
デザインレビューの共通基準
ユーザーテスト前のスクリーニング
モーションデザイン原則
UIアニメーションに意味と一貫性を持たせ、ユーザー体験を向上させるための設計原則
UIアニメーションの設計
画面遷移の設計
ローディング体験の改善
マイクロインタラクションの設計
ヒックの法則
選択肢の数が増えるほど意思決定に時間がかかるというUXデザインの基本法則
ナビゲーション設計
フォーム設計
メニュー構成の最適化
コンバージョン改善
フィッツの法則
ターゲットまでの距離と大きさからUI操作の難易度を予測する法則
ボタンやメニューの配置最適化
モバイルUIのタップ領域設計
操作効率の改善
マイクロインタラクション
トグル切替やいいねボタンなど、小さな操作に対する細やかなフィードバック設計
ボタンやフォームのフィードバック改善
エンゲージメント向上
操作感の洗練
ブランド体験の差別化
ミラーの法則（7±2）
人間が一度に記憶できる情報のかたまりは7±2個という認知心理学の法則
ナビゲーション設計
情報のグルーピング
プレゼン資料の構成
フォーム設計