フレームワーク活用ガイド#インタラクション
6件のフレームワーク
モーションデザインの原則
アニメーションで意味と快適さを伝える原則
UI遷移の設計
フィードバックアニメーション
オンボーディング体験の強化
マイクロインタラクション（詳細）
ボタンのフィードバックや状態遷移など小さな操作応答を設計してUXを向上させるフレームワーク。イージング関数やスケルトンスクリーンなど5つの実装パターンを具体例付きで解説。
フィードバックアニメーションの設計
状態遷移の演出
エラー・成功表現の改善
マイクロインタラクション設計
トリガー→ルール→フィードバック→ループで細部設計
操作フィードバック改善
エンゲージメント向上
エラー状態の設計
アフォーダンス
ユーザーに「どう操作すればいいか」を見た目で直感的に伝えるデザイン原則
UIの操作性改善
初見でも使えるインターフェース設計
ユーザビリティ向上
インタラクションデザイン
ユーザーとプロダクトの対話を設計し、意図通りの操作体験を実現するデザイン手法
操作フローの設計
ユーザーの迷いを減らす
プロダクトの使いやすさ向上
プログレッシブディスクロージャー
情報や機能を一度に見せず、必要なタイミングで段階的に開示するUI設計手法
複雑なフォームの設計
オンボーディング設計
設定画面の設計
ヘルプ・ドキュメント設計