simplify について
simplify は、コンテンツ、フロー、インターフェースの認知負荷を軽減するデザインスキルです。複雑さを評価し、言葉や操作を簡潔にしたうえで、変更理由を示します。
主な機能
- 01内在的・付加的な認知負荷の評価
- 02平易な言葉への書き換え
- 03視覚要素と操作の簡素化
- 04注釈付きの変更前後の提示
- 05変更履歴の作成
活用シーン
- 01説明やユーザー向け文言の簡素化
- 02インターフェース上の注意散漫要素の削減
- 03フローの認知アクセシビリティ確認
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ owl-listener/ inclusive-design-skills --skill simplifyインストール後、Claude Code で/simplifyを入力して読み込まれたか確認します。
詳細
簡素化
既存のコンテンツ、フロー、またはインターフェースを、認知的な負担を軽減した形にします。
プロセス
ステップ 1:現在の負荷を評価する
cognitive-load-assessment を使用して、現在の状態を評価します。負荷が最も高い要素を特定し、内在的な負荷か、付随的な負荷かを分類します。
ステップ 2:言葉を簡素化する
plain-language-design を使用して、ユーザー向けのテキストをすべて書き直します。
- 読解レベルを小学 6~8 年生程度に下げます(重要なコンテンツは小学 4~6 年生程度)。
- 専門用語を平易な表現に置き換えます。
- 文を短くし、最大 15~20 語にします。
- すべての指示を具体的な単一の操作にします。
ステップ 3:視覚的・操作上の負荷を減らす
focus-attention-design を使用して、インターフェースを必要最小限にします。
- 各画面の主要な操作を 1 つ特定します。
- 二次的な要素を目立たなくするか、削除します。
- タスクに役立たない装飾要素を削除します。
- ナビゲーションを、効果を保てる最小限の階層に簡素化します。
ステップ 4:変更前と変更後を示す
元の内容と簡素化したバージョンを並べて示し、それぞれの変更内容と、認知的アクセシビリティが向上する理由を注釈で説明します。
出力
変更内容をすべて説明する変更ログを添えて、簡素化したバージョンを提示します。これにより、チームはどの簡素化を採用するかを十分な情報に基づいて判断できます。
コメント
Markdown 対応