mcpField
U
ux-psychology

ux-psychology

github.com/kimny1143设计与 UI114 次安装
代码仓库

关于 ux-psychology

ux-psychology 是一项将心理学原理用于 UI 设计的技能,涵盖落地页、引导流程和定价设计,并明确要求避免暗黑模式。

主要功能

  1. 01基于心理学的 UI 指引
  2. 02落地页与引导流程模式
  3. 03定价决策原则
  4. 04认知负荷指导
  5. 05避免暗黑模式

适用场景

  1. 01规划落地页结构
  2. 02设计产品引导流程
  3. 03评估定价方案
  4. 04检查界面中的暗黑模式

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/kimny1143/claude-code-template --skill ux-psychology

安装后在 Claude Code 中输入/ux-psychology确认已加载。

详细介绍

来自项目 README

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: コピーへの心理学適用

评论

支持 Markdown