홈페이지를 리뉴얼하면서 '우리 고객이 뭘 원할까'를 팀 회의에서 각자 다르게 추측하고 있다면, 그 간극을 좁혀줄 도구가 공감 지도입니다. 공감 지도는 사용자가 실제로 하는 말과 속으로 하는 생각, 눈에 보이는 행동, 느끼는 감정을 한 장에 모아 팀이 같은 기준으로 사용자를 보게 해주는 UX 도구입니다. 홈페이지 기획 단계에서 이 틀을 먼저 채워 두면 디자인과 콘텐츠 방향을 둘러싼 불필요한 논쟁을 줄일 수 있습니다.
말·생각·행동·감정을 나눠 보는 이유
공감 지도는 말(Says)·생각(Thinks)·행동(Does)·감정(Feels) 네 칸으로 나뉘어 있습니다. 말 칸에는 고객센터 문의나 리뷰에 남은 표현을 그대로 옮기는 것이 중요한데, '불편해요' 같은 뭉뚱그린 문장보다 '이메일이 안 올까봐 확인 페이지를 매번 캡처해 둔다'처럼 구체적인 문장이 실제로 고칠 지점을 알려줍니다.
생각 칸은 고객이 입 밖으로 꺼내지 않은 불안이나 의심을 적는 자리입니다. 설문이나 리뷰에는 드러나지 않지만 상담 과정에서 반복적으로 느껴지는 망설임이 있다면, 그것이 바로 이 칸에 들어갈 내용입니다.
사분면별 기록이 홈페이지 기획에 주는 단서
행동 칸에는 페이지 새로고침, 가격 비교, 화면 확대나 읽기 도구 사용처럼 실제로 관찰되는 움직임을 적습니다. 감정 칸은 '불안'이라는 단어만 적지 말고 '결제가 끝났는지 알 수 없어 불안'처럼 이유를 붙여야 디자인으로 풀 수 있는 문제가 됩니다. 특히 긍정적인 행동과 부정적인 감정이 동시에 나타나는 지점은 고객이 말로 표현하지 않은 문제가 숨어 있을 가능성이 커서 우선적으로 들여다봐야 합니다.
| 사분면 | 담는 내용 | 홈페이지에서 확인할 예 |
|---|---|---|
| 말(Says) | 고객이 실제로 쓴 표현 | 문의 게시판·리뷰의 원문 문장 |
| 생각(Thinks) | 말하지 않은 불안·의심 | 상담 중 반복되는 망설임 |
| 행동(Does) | 눈에 보이는 움직임 | 새로고침, 가격 비교, 화면 확대 |
| 감정(Feels) | 이유가 붙은 감정 | 결제 여부를 몰라 불안 |
공감 지도를 홈페이지 기획에 적용하는 순서
- 실제 발언 모으기 고객센터 문의, 후기, 인터뷰 기록에서 고객이 쓴 표현을 그대로 옮겨 적고 임의로 다듬지 않습니다.
- 말하지 않은 생각 추론하기 행동이 벌어지는 맥락을 보고 고객이 겉으로 드러내지 않은 불안이나 의심을 팀원끼리 토론해 적어봅니다.
- 행동 기록 정리하기 페이지 이동 경로, 반복되는 새로고침, 가격 비교, 화면 확대 같은 움직임을 관찰 내용 그대로 나열합니다.
- 감정에 이유 붙이기 감정 단어 하나만 적지 말고 그 감정이 생긴 구체적인 상황까지 함께 적어 두어 디자인 개선으로 연결합니다.
- 모순 지점 추려 우선순위 정하기 사분면 간 어긋나는 부분을 표시해 두고, 추가 조사나 화면 개선이 필요한 순서를 정합니다.
공감 지도를 만들 때 자주 하는 실수
- 지도를 한 번 만들고 그대로 두는 경우입니다. 고객 반응이 바뀌면 지도도 다시 채워야 페르소나와 기획이 현실과 멀어지지 않습니다.
- 고객 발언을 보기 좋게 다듬는 경우입니다. 표현을 정제할수록 실제 문제의 단서가 사라지므로 거친 원문 그대로 남겨두는 편이 낫습니다.
- 행동만 보고 감정을 가볍게 넘기는 경우입니다. 겉보기에 문제없이 작동하는 화면도 감정 칸을 채워보면 불안 요소가 드러날 수 있습니다.
한 줄 정리 공감 지도는 고객의 말·생각·행동·감정을 구체적으로 적어 팀의 추측을 사실로 바꾸는 작업이며, 홈페이지 기획 전에 채워 두면 디자인 방향에 대한 불필요한 논쟁을 줄일 수 있습니다.