memory-load-reduction について
画面やセッションをまたいでユーザーが覚えておく情報を減らす、インターフェース設計スキルです。コンテキストの表示、情報の引き継ぎ、進捗の保存、段階的なフローを扱います。
主な機能
- 01重要な選択やコンテキストの常時表示
- 02既知の情報を後続ステップへ引き継ぎ
- 03比較や最近使った項目などの補助
- 04進捗の保存とタスクの再開
- 05ラベル付きステップと進捗表示
活用シーン
- 01複数ステップのフォームや購入フローの設計
- 02収集済み情報の再質問を防止
- 03未完了タスクを後から再開できる設計
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ owl-listener/ inclusive-design-skills --skill memory-load-reductionインストール後、Claude Code で/memory-load-reductionを入力して読み込まれたか確認します。
詳細
記憶負荷の軽減
ユーザーが覚えておかなくても済むよう、記憶してくれるシステムを設計します。ワーキングメモリに保持できるのは、およそ4項目です。画面や手順、セッションをまたいでユーザーが持ち越さなければならない情報は、すべて失敗につながる可能性があります。
核となる原則
システムが記憶できることは、ユーザーが覚えておく必要はありません。
デザインパターン
コンテキストの保持
- 複数ステップのフロー全体で、重要な選択内容を表示します (選択した商品、プラン、日付をすべてのステップで表示)
- ショッピングや金融関連の画面では、合計額を常に表示します
- 検索結果にユーザーの検索クエリを表示したままにします
- 複数ステップのフォームでは、完了したステップの概要をサイドバーに表示します
情報の引き継ぎ
- システムがすでに把握している情報を、再度尋ねないようにします
- 以前のステップや過去のセッションの情報をフィールドに事前入力します
- 画面間でコンテキストを引き継ぎます(ユーザーが「ビジネス」を選択した場合、「個人用かビジネス用か」を再度尋ねません)
- セッションをまたいでユーザーの設定を記憶します
外部記憶の補助
- ユーザーが選択肢を覚えておかなくて済むよう、「比較」機能を用意します
- 最近見た項目や最近使用した項目のリストを表示します
- 参照番号やコードをクリップボードにコピーできるようにします
- 複雑な情報には印刷に適したバージョンを用意します
- あとで参照できるよう、ブックマークやお気に入り登録を可能にします
保存と再開
- 3ステップを超えるフローでは、進行状況を自動保存します
- 中断した箇所から再開できるようにします
- 進行状況が最後に保存された日時を表示します
- 中断された複数ステップのタスクについて、再開用リンクを送信します
- セッションが期限切れになっても、最初からやり直させないようにします
プロセスの分割
- タスクを、明確なラベルを付けた3〜7個のステップに分けます
- 可能な限り、1つのステップにつき1つの判断にします
- ステップ間を前後に移動できるようにします
- 進行状況を表示します:「ステップ2/4:プランを選択」
- 最終送信の前に、確認・概要画面を表示します
評価のための質問
- ユーザーは前の画面の情報を覚えておく必要がありますか?
- ユーザーが参照する必要のある情報が、見えない場所に隠れていませんか?
- ユーザーは進行状況を失わずに離れて、あとから戻れますか?
- 画面間で情報を手動で移す必要がある箇所(コードを書き留めるなど)はありますか?
- システムは、すでに把握している情報を再度尋ねていませんか?
コメント
Markdown 対応