#173
視覚デザイン
#173たっせいかん
達成感
別名・表記:Sense of AccomplishmentAchievementマスタリー
UIXHERO Definition
「できた！」「やった！」という肯定的な感情体験。ユーザーが自分の能力の向上（自己効力感）を感じる瞬間。
概要
ユーザーがプロダクトを使い続ける理由（リテンション）の源泉。小さな達成感（Small Wins）を積み重ねさせることで、ユーザーの自信を育て、より高度な機能への挑戦を促すことができる。適切な難易度が保たれている状態では、ユーザーはフロー状態に入りやすく、達成感が最大化される。※達成感は「外的報酬」ではなく、「自分でやり遂げたという内的報酬」によって生まれる感情である
UXでの活用
- 祝福の演出（Celebration）: タスク完了時に紙吹雪を舞わせたり、ファンファーレを鳴らすなど、視覚・聴覚的に「賞賛」する。
- 可視化: プログレスバーで進捗を見せたり、バッジやトロフィーを付与することで、積み上げた実績を「見える化」し、次への意欲に繋げる。
💡 使いどころ
複雑な設定が完了した時、タスクを消化した時、学習コースを修了した時など、区切りのタイミングで演出する。
⚠️ 注意点・誤用
簡単すぎるタスクでは達成感は生まれない。逆に難しすぎると挫折する。適切な難易度（フロー状態）の設計が必要。
具体例
- Mailchimpの送信完了時のハイタッチ
- タスク管理アプリで完了チェックを付けた時の音とアニメーション
- 管理画面で「設定がすべて完了しました」と明確に示される