curiouspaul/product-psychology-for-vibe-coding

Product Psychology for Vibe Coding

PM이 바이브코딩으로 제품을 만들 때, 심리학 기반 설계 원칙을 자동 적용하는 스킬.

핵심 철학: Growth Design = Empathy Optimization. 사용자를 조종하는 것이 아니라, 공감하는 설계를 한다.

---

언제 이 스킬을 사용하는가

PM이 바이브코딩 중 아래 작업을 할 때 이 스킬의 원칙들을 적용한다:

• 화면/컴포넌트 생성: 랜딩페이지, 온보딩, 결제, 가격표 등
• 사용자 플로우 설계: 회원가입, 구매, 기능 탐색 등의 흐름
• 문구/카피 작성: CTA, 알림, 이메일, 에러 메시지 등
• 기획/분석: 사용자 여정 분석, 전환율 개선 가설, A/B 테스트 설계
• 리뷰/피드백: 기존 UI/UX에 대한 심리학 기반 리뷰

---

5대 프레임워크 요약

1. 6P 스토리보드 — 고객 여정의 맥락을 이해하라

앱 화면이 아니라 고객의 삶의 장면에서 시작한다. 해피엔딩부터 역순으로 작성한다.

| 순서 | 패널 | 핵심 질문 | |------|------|-----------| | Step 1 | 6. Happy Ending | 고객이 제품으로 도달한 최고의 순간은? | | Step 2 | 1. Problem | 앱 켜기 전 현실에서 느낀 불편/고통은? | | Step 3 | 2. Emotion | 그 순간 간절히 '나아지고픈 마음'은? | | Step 4 | 3. Action | 제품과 처음 만난 접점은? | | Step 5 | 4. Struggle | 해결 과정에서 가장 짜증난 장애물은? | | Step 6 | 5. Attempt | 어떤 '결정적 기능'이 장애물을 부쉈나? |

작성 원칙: 해피엔딩부터 그린다 / 앱 밖에서 시작한다 / 캐릭터에 표정을 그린다

2. BMAP — 행동 = 동기 × 능력 × 자극

사용자 행동(B)은 동기(M), 능력(A), 자극(P)가 동시에 충족될 때만 발생한다.

• Motivation: 이성이 아니라 감정 — 기대(Anticipation), 감각(Sensation), 소속(Belonging)
• Ability: "안 한 게 아니라 못하게 느낀 것" — 시간, 비용, 신체적 노력, 인지적 노력, 숙련도
• Prompt: Timing + Context = Right Signal — 명시적 자극(알림, 버튼) + 암묵적 자극(기억, 연상)

3. B.I.A.S — 서비스 Gap을 찾는 4단계 심리 필터

논리로 만들고, 사용자는 본능으로 사용한다. 이 Gap을 메운다.

상세 내용은 references/bias-framework.md 참조.

| 단계 | 핵심 | 설계 목표 | |------|------|-----------| | Block | 뇌의 필터를 통과하라 | 복잡·무관·반복 정보 차단을 돌파 | | Interpret | 즉시 이해하게 하라 | 가치를 명확하고 긍정적으로 해석 | | Act | 행동의 마찰을 제거하라 | 마찰 줄이기 + 넛지로 행동 유도 | | Store | 긍정적 기억을 심어라 | 피드백·안심·케어·감동으로 습관 형성 |

4. Peak-End 저니맵 — 경험의 평균이 아니라 정점을 설계하라

사용자는 경험의 "평균"을 기억하지 않는다. **가장 강렬한 순간(Peak)**과 **마지막(End)**을 기억한다.

| 전략 | 설명 | |------|------| | Elevate the Peak | 가장 강렬했던 순간의 고점을 더 높인다 | | Repair the Worst | 부정적 저점을 메운다 | | Improve Transitions | 경험 전환 지점을 분명히 하여 안도감을 준다 | | Reorder Steps | 핵심 단계를 재정렬한다 (리워드를 앞당기기 등) |

주의: 전체 트래픽의 70-80%는 앞단에 모여 있다. 앞단의 Peak를 높이는 것이 ROI가 가장 높다.

5. 윤리적 디자인 — 장기 전략으로서의 윤리

상세 내용은 references/ethics-checklist.md 참조.

• Humane Design: Save Time / Value Attention / Reflect Humane Values
• 3가지 테스트: Regret Test, Black Mirror Test, In Real-Life Test

---

바이브코딩 시 자동 적용 규칙

화면/컴포넌트를 만들 때

1. B.I.A.S 체크 자동 수행:

   • Block: 한 화면 선택지 6개 이하인가? 광고처럼 보이진 않는가?
   • Interpret: 혜택이 먼저 보이는가? 인지 부하가 최소인가?
   • Act: 불필요한 단계는 없는가? 기본값이 좋은 선택인가?
   • Store: 행동 후 명확한 피드백이 있는가?

2. BMAP 검증:

   • 이 화면에서 사용자의 동기(M)는 충분한가?
   • 능력(A) 장벽은 없는가? (시간, 비용, 인지적 노력)
   • 적절한 자극(P)이 있는가?

사용자 플로우를 설계할 때

1. 6P 스토리보드로 맥락 먼저 파악
2. Peak-End 원칙 적용하여 여정 구성
3. Act 전략 적용: 마찰 줄이기(Remove Options, Valid Defaults, Split Steps, Reveal Features) + 넛지(Social Proof, Curiosity Gap, Scarcity)

문구/카피를 작성할 때

• 기능 나열이 아닌 혜택 먼저 (Clear Benefit)
• 손실 회피 활용 (Loss Aversion) — "놓칠 수 있어요" > "얻을 수 있어요"
• 개인화 (Personalization) — "나의 이야기"로 느끼게
• 사회적 증거 (Social Proof) — "다른 사람들도 이렇게"

리뷰/피드백할 때

references/review-checklist.md의 통합 체크리스트를 기반으로 리뷰한다.

---

참조 파일 안내

| 파일 | 내용 | 언제 읽는가 | |------|------|-------------| | references/bias-framework.md | B.I.A.S 4단계 상세 전략, 체크리스트, 사례 | UI/UX 설계 시 | | references/review-checklist.md | 전체 프레임워크 통합 체크리스트 | 리뷰/피드백 시 | | references/ethics-checklist.md | 윤리적 디자인 테스트 상세 | 출시 전 검토 시 | | references/prompt-templates.md | PM이 바로 쓸 수 있는 프롬프트 템플릿 | 기획/분석 작업 시 |