🎯

ux-psychology

🎯Skill

from kimny1143/claude-code-template

VibeIndex|
What it does

ux-psychology skill from kimny1143/claude-code-template

📦

Part of

kimny1143/claude-code-template(12 items)

ux-psychology

Installation

git cloneClone repository
git clone https://github.com/kimny1143/claude-code-template.git ~/Dropbox/_DevProjects/claude-code-template
Shell ScriptRun shell script
./setup-claude.sh
git cloneClone repository
git clone https://github.com/kimny1143/claude-code-template.git
ConfigurationMCP configuration (may be incomplete)
{ "hooks": { "PreToolUse": [ { "matcher": "Write|Edit|Bash",...
📖 Extracted from docs: kimny1143/claude-code-template
7Installs
-
Last UpdatedJan 29, 2026

Skill Details

SKILL.md

"UX心理学効果をUI設計に適用。ランディングページ、価格表、オンボーディング、CTA設計時に自動参照。"

Overview

# UX Psychology

UI設計に心理学効果を適用するためのスキル。

適用パターン

ランディングページ

| セクション | 適用効果 | 実装例 |

|-----------|---------|--------|

| ヒーロー | フレーミング効果 | ポジティブなアウトカムを強調 |

| 社会的証明 | 権威バイアス | 著名な顧客ロゴ、メディア掲載 |

| CTA | 損失回避 | 「チャンスを逃さないでください」 |

| 価格表 | アンカー効果 | 高価格プランを最初に表示 |

オンボーディング

| ステップ | 効果 | 実装例 |

|---------|------|--------|

| 初回 | 段階的開示 | 1画面1コンセプト |

| 進行中 | 目標勾配効果 | プログレスバー表示 |

| 完了 | ピーク・エンドの法則 | 祝福アニメーション |

価格表

| 効果 | 実装 |

|------|------|

| アンカー効果 | Pro(高価格)を最初に表示 |

| おとり効果 | 中間プランを最も魅力的に |

| 社会的証明 | 「最も人気」バッジ |

| 損失回避 | 「年払いで2ヶ月分お得」 |

---

主要な心理学効果

認知負荷に関する効果

ヒックの法則

選択肢が増えると意思決定時間が増加する。

→ 選択肢を3-5個に限定

認知負荷理論

人間のワーキングメモリには限界がある。

→ 1画面1アクション、チャンク分け

ミラーの法則

7±2個が記憶容量の限界。

→ メニュー項目、ステップ数を制限

行動促進に関する効果

目標勾配効果

ゴールに近づくほどモチベーションが上がる。

→ プログレスバー、「あと○ステップ」

ツァイガルニク効果

未完了のタスクは記憶に残りやすい。

→ 「○%完了」の表示

段階的コミットメント

小さなコミットメントから始めると大きなコミットメントに繋がる。

→ マイクロコンバージョン

信頼構築に関する効果

社会的証明

他者の行動を参考にする傾向。

→ 利用者数、レビュー、ロゴ

権威バイアス

専門家の意見を信頼する傾向。

→ メディア掲載、資格、受賞歴

単純接触効果

繰り返し見るものに好意を持つ。

→ 一貫したブランディング

意思決定に関する効果

フレーミング効果

同じ情報でも提示方法で印象が変わる。

→ 「90%成功」vs「10%失敗」

アンカー効果

最初に見た数字が基準になる。

→ 高価格プランを先に表示

損失回避

利得より損失を重く感じる。

→ 「逃さないでください」

現状維持バイアス

変化を避ける傾向。

→ デフォルト設定を推奨オプションに

---

ダークパターン禁止

以下は絶対に避ける:

  • 偽の希少性(「残り3枠」等の嘘)
  • 強制的継続課金の隠蔽
  • 意図的な混乱(紛らわしいボタン)
  • 過度な通知
  • 罪悪感を煽るコピー
  • 退会の複雑化

---

適用チェックリスト

  • [ ] 認知負荷を最小化(1画面1アクション)
  • [ ] 美的ユーザビリティ効果を意識
  • [ ] 社会的証明を適切に配置
  • [ ] CTAに損失回避を適用
  • [ ] プログレス表示で目標勾配効果
  • [ ] ダークパターン排除を確認

---

関連スキル

  • ui-ux-pro-max: 視覚的実装
  • lp-optimizer: ページ最適化
  • marketing-psychology: マーケティング視点の心理学
  • copywriting: コピーへの心理学適用

More from this repository10

🎯
remotion🎯Skill

Generates professional promotional, tutorial, and character animation videos for MUEDnote using Remotion, focusing on brand-consistent visual storytelling.

🎯
marketing-audit🎯Skill

marketing-audit skill from kimny1143/claude-code-template

🎯
lp-optimizer🎯Skill

lp-optimizer skill from kimny1143/claude-code-template

🎯
analytics-tracking🎯Skill

Helps set up comprehensive analytics tracking by assessing business needs, defining meaningful events, and implementing measurement strategies for actionable insights.

🎯
launch-strategy🎯Skill

Strategically plan and execute product launches across owned, rented, and borrowed channels to build momentum, capture audience attention, and convert interest into users.

🎯
form-cro🎯Skill

Optimizes non-signup forms to maximize completion rates by reducing friction, minimizing fields, and improving user experience.

🎯
pricing-strategy🎯Skill

Analyzes and designs optimal pricing strategies by evaluating business context, value metrics, competitive landscape, and customer willingness to pay.

🎯
referral-program🎯Skill

Designs and optimizes referral and affiliate programs to transform customers into powerful growth channels through strategic incentives and sharing mechanisms.

🎯
signup-flow-cro🎯Skill

Optimizes signup flows by reducing friction, minimizing required fields, and increasing user conversion rates through strategic form design and user experience improvements.

🎯
marketing-psychology🎯Skill

Applies psychological principles and mental models to help marketers understand consumer behavior, decision-making, and ethical persuasion strategies.