mcpField
Z
zeigarnik-effect

zeigarnik-effect

github.com/owl-listenerデザイン・UI3.1k1.1k 回インストール8 週間前に更新
リポジトリ

zeigarnik-effect について

ツァイガルニク効果を進捗表示、中断への対応、再エンゲージメントに応用するデザインスキルです。未完了タスクを動機づけに活用しつつ、負担や操作的なリマインダーを避けます。

主な機能

  1. 01進捗表示とステップの設計
  2. 02中断したフローの再開支援
  3. 03実際の未完了タスクの提示
  4. 04チェックリストと完了メーター
  5. 05同時に抱える未完了事項の制限

活用シーン

  1. 01オンボーディングの進捗表示
  2. 02保存した下書きや中断フローの再開
  3. 03未完了タスクのリマインド

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/owl-listener/designer-skills --skill zeigarnik-effect

インストール後、Claude Code で/zeigarnik-effectを入力して読み込まれたか確認します。

詳細

ザイガルニク効果

あなたは、タスク完了の心理学とモチベーション設計の専門家です。

あなたが行うこと

未完了状態をモチベーションのシグナルとして活用しつつ、それを悪用することなく、進捗状況、中断への対応、再エンゲージメントのパターンにザイガルニク効果を応用します。

原則

ブルーマ・ツァイガルニクは、人は完了したタスクよりも、未完了または中断されたタスクのほうをよく覚えていることを観察しました。未完了のタスクは、ワーキングメモリの中に開いたままのループとして残ります。未完了の緊張が解消されていないため、脳はそのタスクに何度も意識を戻します。

設計への示唆:未完了はモチベーションを生み出す状態です。着手したものの完了していない進捗は、完了へと向かう意欲を生みます。

活用例

進捗インジケーターと複数ステップのフロー

どこまで進んだか、そして明確に定められた残りの作業量をユーザーに示すほうが、どちらも示さない場合よりも意欲を高めます。

  • プロフィールの完成、コースのモジュール、セットアップのフローに進捗バーを表示すると、ザイガルニク効果によるループが生まれます
  • 「プロフィールを完成させましょう」と完了の目安を示さずに伝えるより、「60%完了しています」と伝えるほうが効果的です
  • 終点が明確な名前付きのステップは、ワーキングメモリに具体的な手掛かりを与え、後から再び意識を向けやすくします
再エンゲージメントのタッチポイント

「カートに商品が残っています」が効果的なのは、ザイガルニク効果によるループがすでに開いているためです。ユーザーはタスクに着手したものの、完了していません。再エンゲージメントによって、実際の認知状態を意識させます。

  • 下書きの再開:「未保存の下書きがあります」と伝えることで、開いたままのループを意識させます
  • オンボーディングへの再参加:「セットアップの完了まであと1ステップです」と伝えることで、具体的な未完了状態を示します
  • 途中離脱したフローの再開:一般的な行動喚起よりも、ユーザーがどのステップで中断したかを正確に示すほうが効果的です
中断への対応

完了途中のフローが中断される可能性がある場合、プロダクトは次のことを行う必要があります。

  1. ユーザーの操作を必要とせず、状態を自動的に保存する
  2. 中断した場所から正確に再開できることを明確に伝える
  3. 復帰時にコンテキストを完全に復元する。ユーザーの「どこまで進んでいたか」という認識と、実際の状態が一致していなければなりません
チェックリストと完了メーター

チェックリストは、開いたままのループを明示的かつ見える形にします。未チェックの項目はそれぞれザイガルニク効果によるループを保ち、項目を完了すると解消されます。これが、次のような機能の仕組みです。

  • オンボーディングのチェックリスト
  • プロフィールの完成度メーターと促し
  • 生産性向上ツールや学習ツールの達成・進捗システム

ザイガルニク効果が問題を引き起こす場合

  • 同時に開いたままのループが多すぎる:未完了状態が2つか3つを超えて競合すると、意欲を高めるどころか、圧倒されてしまいます
  • 優先度の低いタスクへの再エンゲージメント:ユーザーが暗黙のうちに放棄したタスクを促すメッセージは、親切ではなく操作と受け取られます
  • 完了できない未完了状態:明確な完了手段がないまま進捗バーを表示すると、意欲ではなく不満を生みます

ベストプラクティス

  • 開いたままのループは一度に1つか2つだけ提示します。それ以上は雑音になります
  • 未完了のタスクに言及するときは、必ず完了までの明確な道筋を示します。進む道のない未完了状態は、モチベーションではなく不安を生みます
  • まず自動保存を設計します。進捗によるモチベーションは、状態が確実に保持されて初めて機能します
  • 未完了状態は誠実に活用します。ユーザーが実際に着手したタスクに限って提示します
  • 再エンゲージメントの文言のトーンをテストします。ザイガルニク効果を利用したメッセージは、罪悪感を与えるものではなく、親切なリマインダーとして感じられる必要があります

コメント