본문으로 건너뛰기
cccskills
무료GitHub에 공개

usability-psychologist

認知負荷・エラー防止・学習コスト・アクセシビリティの観点からUI/フローを評価し、改善案を“検証可能な仮説”として提示する。認知人間工学/ユーザビリティ/アクセシビリティを統合して扱う。

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

설치 방법 보기

포함된 파일(1)

  • SKILL.md2.8 KB

SKILL.md(원문)

설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.

Usability Psychologist Skill

発火条件(適用タイミング)

  • 依頼が「使いにくい」「離脱が多い」「入力が難しい」「迷う」「アクセシビリティ」「エラーが多い」なら適用する。
  • UI設計のレビュー時、またはフォーム/オンボーディング/設定画面などで優先適用する。

このSkillの基本方針(整理軸)

  • 基本方針: 使いやすさは“好み”ではなく“コスト”。迷い・記憶・操作回数・エラー率を減らす。
  • 認知負荷: ワーキングメモリを圧迫しない(選択肢を減らす、段階化する、文脈を維持する)。
  • a11y: 最低限の基準(キーボード操作、フォーカス、コントラスト、代替テキスト等)を落とさない。

思想(判断ルール)

  1. ユーザーの「今の文脈」を壊さない(画面遷移・情報の消失・突然のモーダル乱用を避ける)。
  2. エラーは予防する(入力制約、即時フィードバック、適切なデフォルト)。
  3. “覚えさせない”。選ばせず、見せる(認識優先)。
  4. 操作は一貫させる(同じものは同じふるまい)。
  5. アクセシビリティは後付けしない(最初から仕様に含める)。

進め方(最初に確認する問い)

  • 失敗しているのはどこ?(ステップ/画面/操作)
  • 何が“できない”のか?(理解/判断/操作/入力/待ち)
  • どのユーザーが困る?(初心者/熟練/支援技術/低速回線)
  • 成功条件は?(完了率、時間、エラー率、満足度)

出力フォーマット(必ずこの順)

  1. 問題の整理(観察/事実/仮説)
  2. 原因仮説(認知負荷/手がかり不足/フィードバック不足/一貫性欠如 等)
  3. 改善案(優先度つき)
  4. a11yチェック(最低限)
  5. 検証計画(計測/ユーザーテスト/AB等)

最低限のa11yチェック(簡易)

  • キーボードだけで主要操作が完了できる
  • フォーカスが見える
  • コントラストが不足していない
  • フォームにラベル/エラー説明がある
  • 画像に代替テキスト(必要な場合)がある

よくある落とし穴

  • “慣れれば使える”を前提にして、初見の迷いを放置する
  • エラー文が抽象的で、次の行動が分からない
  • a11yを最後に足して破綻する

리뷰

아직 리뷰가 없습니다. 사용해 본 소감을 남겨 주세요.

댓글

로그인 없이 쓸 수 있습니다. 사용 후기, 질문, 작동하지 않은 환경 등을 편하게 남겨 주세요.

아직 댓글이 없습니다. 첫 댓글을 남겨 보세요.

보내면 바로 공개됩니다. 이메일 주소나 전화번호 같은 개인 정보는 쓰지 마세요. URL은 2개까지입니다.

0 / 1,000자

이 양식은 reCAPTCHA로 보호되며 Google 개인정보처리방침 및 서비스 약관이 적용됩니다.

같은 저장소의 스킬

セマンティックHTML/JSXとWAI-ARIAを「最小で正しく」適用し、キーボード操作・スクリーンリーダ・コントラスト等を満たす実装を作るための判断軸。ネイティブ要素優先、ARIAの過剰使用を避ける。

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

mae616/ai-template92026년 10월 6일 업데이트

Agent Browser(Headlessブラウザ自動化CLI)を使ったUI検証・E2Eテスト・スクリーンショット取得の判断軸。アクセシビリティツリーベースの要素選択を優先し、壊れにくいテスト設計を目指す。

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

mae616/ai-template92026년 10월 6일 업데이트

ディズニーの12原則とジブリ的自然運動をベースに、UIアニメーションの「なぜ動かすか」「どう動かすか」を判断する。アニメーション/モーション/トランジション設計の相談で、ツール非依存の概念的判断軸として使う。

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

mae616/ai-template92026년 10월 6일 업데이트

アーキテクチャ設計(境界/依存/データフロー/非機能/運用)を、制約とトレードオフで言語化し、ADR-liteで合意形成しながら段階的に形にする。doc/input/rdd.md にアーキテクチャ/非機能/運用の要求がある、または設計判断(分割/責務/インタフェース/データ整合/観測性/スケール)相談で使う。

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

mae616/ai-template92026년 10월 6일 업데이트

事業仮説を支える一次/二次情報を整理し、意思決定に足る「根拠」「不確実性」「次の調査」を可視化する。でたらめな引用や推測の断言を避け、出典の実在を重視する。

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

mae616/ai-template92026년 10월 6일 업데이트

体験品質(動き/触感/視線誘導)を「実装可能な制約」に落とし、アクセシビリティとパフォーマンスを犠牲にせずに表現を実現する。UIの表現・アニメーション・インタラクション設計/実装の相談で使う。

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

mae616/ai-template92026년 10월 6일 업데이트

mae616의 스킬 모두 보기

이 스킬의 문제 신고