#アニメーション
4件のフレームワーク
モーションデザインの原則
アニメーションで意味と快適さを伝える原則
UI遷移の設計
フィードバックアニメーション
オンボーディング体験の強化
マイクロインタラクション(詳細)
ボタンのフィードバックや状態遷移など小さな操作応答を設計してUXを向上させるフレームワーク。イージング関数やスケルトンスクリーンなど5つの実装パターンを具体例付きで解説。
フィードバックアニメーションの設計
状態遷移の演出
エラー・成功表現の改善
マイクロインタラクション設計
トリガー→ルール→フィードバック→ループで細部設計
操作フィードバック改善
エンゲージメント向上
エラー状態の設計
モーションデザイン原則
UIアニメーションに意味と一貫性を持たせ、ユーザー体験を向上させるための設計原則
UIアニメーションの設計
画面遷移の設計
ローディング体験の改善
マイクロインタラクションの設計