UX 심리 효과 사전
앵커링, 손실 회피, 기본값 효과처럼 화면이 사람의 선택에 주는 영향을 같은 화면을 바꿔 보며 느끼고, 정직하게 쓰는 부탁 문장을 복사합니다.
값을 다르게 느끼게 하는 것
같은 가격·같은 사실도 먼저 본 숫자나 말하는 방식에 따라 다르게 느낍니다.
-
앵커링 Anchoring effect
처음 본 숫자가 기준(닻)이 되어, 뒤에 보는 숫자를 그 기준에 견주어 판단하는 현상입니다.
보기만 해도 자동으로 눌러 봅니다 · 직접 눌러도 됩니다
390,000원190,000원버튼을 눌러 정가를 먼저 보여 줘 보세요. 같은 190,000원이 다르게 느껴집니다.
헷갈리는 이웃
AI에게 이렇게 부탁하세요상품 상세의 가격 영역에 정가 390,000원을 회색 취소선으로 먼저 보여 주고, 그 아래에 판매가 190,000원을 크게, 할인율 51%를 강조색으로 보여 줘. 취소선 가격은 화면 읽기 프로그램이 '정가 390,000원'으로 읽게(<del>와 visually-hidden 설명) 해 주고, 정가는 실제 판매 이력이 있는 가격만 넣어 줘.
-
프레이밍 Framing effect
같은 사실이라도 얻는 쪽·잃는 쪽 중 어떤 말로 보여 주느냐에 따라 다르게 받아들이는 현상입니다.
보기만 해도 자동으로 눌러 봅니다 · 직접 눌러도 됩니다
80% 만족
말하는 방식을 바꿔 보세요. 숫자가 말하는 사실은 같습니다.
헷갈리는 이웃
AI에게 이렇게 부탁하세요후기 요약 카드에 '구매자 80% 만족'을 큰 숫자로 보여 주고, 아래에 '만족 80% · 보통 12% · 불만족 8%' 막대를 함께 넣어 줘. 한쪽 말만 보여 주지 않도록 전체 비율 막대를 항상 같이 보이게 하고, 막대마다 aria-label로 비율을 읽어 줘.
-
손실 회피 Loss aversion
같은 크기라도 얻는 기쁨보다 잃는 아픔을 더 크게 느껴, 잃지 않는 쪽을 고르는 현상입니다.
보기만 해도 자동으로 눌러 봅니다 · 직접 눌러도 됩니다
쿠폰 받으면 3,000원 할인
버튼을 눌러 같은 쿠폰을 '잃는 말'로 바꿔 보세요.
헷갈리는 이웃
AI에게 이렇게 부탁하세요장바구니 위에 쿠폰 안내 띠를 넣어 줘. 쿠폰의 실제 만료 시각까지 남은 시간을 'HH:MM:SS'로 1초마다 줄이고, 아래 막대도 함께 줄여 줘. 문구는 '오늘 지나면 3,000원 쿠폰이 사라져요'로 하고, 만료되면 띠를 '쿠폰 기간이 끝났어요'로 바꿔 줘. 시간은 서버의 실제 만료 시각으로 계산하고, 화면 읽기 프로그램에는 1초마다 읽지 말고 분 단위로만 알려 줘.
남과 수량을 보고 고르는 것
다른 사람의 선택과 남은 수량이 고르는 이유가 됩니다.
-
사회적 증거 Social proof
많은 사람이 고른 것을 보면 '그만한 이유가 있겠지' 하고 따라 고르는 현상입니다.
보기만 해도 자동으로 눌러 봅니다 · 직접 눌러도 됩니다
최근 30일 23명 구매버튼을 눌러 구매자 수를 바꿔 보세요.
헷갈리는 이웃
AI에게 이렇게 부탁하세요상품 카드 가격 아래에 '최근 30일 1,284명 구매'와 구매자 프로필 동그라미 5개를 겹쳐 보여 줘. 숫자는 실제 주문 집계에서 가져오고 기준 기간을 항상 함께 적어 줘. 프로필 동그라미는 꾸밈이므로 aria-hidden으로 숨기고 문장만 읽히게 해 줘.
-
희소성 Scarcity effect
얼마 남지 않았거나 곧 끝난다고 하면 더 귀하게 느끼고 서둘러 고르는 현상입니다.
보기만 해도 자동으로 눌러 봅니다 · 직접 눌러도 됩니다
남은 재고 5개
'한 개 팔기'를 눌러 재고를 줄여 보세요.
AI에게 이렇게 부탁하세요상품 옵션 아래에 실제 재고가 5개 이하일 때만 '남은 재고 N개'를 보여 줘. 재고 칸 5개를 네모로 그리고 남은 만큼만 채우고, 2개 이하가 되면 빨간색으로 바꿔 줘. 재고 수는 주문할 때마다 서버 값으로 갱신하고, aria-live로 바뀐 수를 알려 줘.
고르는 부담을 바꾸는 것
미리 골라 둔 값과 보기의 수가 결정을 쉽게도, 어렵게도 만듭니다.
-
기본값 효과 Default effect
미리 골라 둔 값을 바꾸지 않고 그대로 두는 사람이 많아, 기본값이 결과를 정하게 되는 현상입니다.
보기만 해도 자동으로 눌러 봅니다 · 직접 눌러도 됩니다
아무것도 바꾸지 말고 '다음'을 눌러 보세요.
헷갈리는 이웃
AI에게 이렇게 부탁하세요배송 방법 선택에 라디오 버튼 두 개를 넣어 줘. '일반 배송(무료, 추천)'을 기본으로 선택해 두고 오른쪽에 '추천' 배지를 붙이고, '빠른 배송(+3,000원)'은 고를 수 있게만 둬. 기본값은 추가 비용이 없는 쪽으로 두고, 바꾼 선택은 다음에 들어와도 유지해 줘. 라디오는 fieldset과 legend로 묶어 줘.
-
선택 과부하 Choice overload
보기가 너무 많으면 비교하다 지쳐 고르기를 미루거나, 고르고도 덜 만족하는 현상입니다.
보기만 해도 자동으로 눌러 봅니다 · 직접 눌러도 됩니다
보기 수를 24개로 늘려 보세요.
AI에게 이렇게 부탁하세요요금제 화면에 처음에는 추천 요금제 3개만 카드로 보여 주고, 아래 '요금제 전체 보기(12개)' 버튼을 누르면 나머지를 표로 펼쳐 줘. 카드마다 '이런 분께'를 한 줄로 적어 비교를 쉽게 하고, 펼침 버튼에는 aria-expanded를 넣어 줘.
기억과 마무리에 남는 것
경험 전체보다 가장 강한 순간과 끝, 끝내지 못한 일이 오래 남습니다.
-
피크엔드 법칙 Peak-end rule
경험 전체의 평균보다 가장 강했던 순간(피크)과 마지막 순간(엔드)으로 그 경험을 기억하는 현상입니다.
보기만 해도 자동으로 눌러 봅니다 · 직접 눌러도 됩니다
버튼을 눌러 경험의 마지막 순간을 바꿔 보세요.
헷갈리는 이웃
AI에게 이렇게 부탁하세요주문 완료 화면을 만들어 줘. 위에 체크 표시가 0.4초 동안 그려지는 움직임과 '주문이 접수됐어요' 제목, 도착 예정일을 크게 보여 주고, 아래에 주문 내역 요약과 '주문 내역 보기' 버튼을 둬. 움직임 줄이기를 켠 사람에게는 체크 표시를 바로 보여 주고, 제목은 페이지가 열리면 화면 읽기 프로그램이 먼저 읽게 해 줘.
-
자이가르닉 효과 Zeigarnik effect
끝낸 일보다 끝내지 못한 일이 더 오래 마음에 남는 현상입니다. 화면에서는 남은 일을 보여 주면 마무리하고 싶어집니다.
보기만 해도 자동으로 눌러 봅니다 · 직접 눌러도 됩니다
프로필 완성도80%남은 일 '사진 올리기'를 체크해 보세요.
헷갈리는 이웃
AI에게 이렇게 부탁하세요마이페이지 위에 '프로필 완성도' 카드를 만들어 줘. 진행 막대에 80%를 보여 주고, 아래에 남은 일 '사진 올리기'를 체크리스트로 둬. 항목을 끝내면 체크되며 막대가 100%까지 차고, 다 채우면 카드를 '프로필을 다 채웠어요'로 바꾼 뒤 다음 방문부터 숨겨 줘. 막대는 role="progressbar"와 aria-valuenow로 알려 줘.
이럴 때 씁니다
- 가격·후기·재고 표시를 설계하면서 그 표시가 사람에게 어떤 영향을 주는지 알고 싶을 때
- 기획서·회의에서 "사람들이 이걸 더 누르게" 대신 정확한 효과 이름으로 이야기하고 싶을 때
- 쇼핑하거나 결정할 때 마감 할인·품절 임박 표시에 흔들리는 이유를 알고 싶을 때
사용법
- 분류(값을 다르게 느끼게 하는 것·남과 수량을 보고 고르는 것·고르는 부담을 바꾸는 것·기억과 마무리에 남는 것)에서 찾거나, 사전 첫 화면 검색에 아는 말을 적습니다.
- 예시가 화면에 들어오면 손가락 표시가 같은 화면을 두 가지로 바꿔 가며 되풀이해 보여 줍니다. 상태 줄에서 느낌이 어떻게 달라지는지 읽고, 직접 눌러 봐도 됩니다.
- 헷갈리는 이웃에서 비슷한 효과와의 차이를 보고, 부탁 문장 복사를 눌러 AI나 요청서에 붙여넣습니다.
꼭 알아둘 점
- 예시의 가격·구매 수·재고는 모두 지어낸 숫자입니다. 실제 화면에는 실제 집계와 실제 마감만 보여 줘야 합니다.
- 가짜 정가, 가짜 남은 시간, 부풀린 구매 수, 사용자에게 불리한 값을 미리 체크해 두는 것은 사람을 속이는 다크 패턴이며 소비자 보호 규정에 걸릴 수 있습니다. 부탁 문장에는 정직하게 쓰는 조건을 넣어 두었습니다.
- 효과는 늘 같은 크기로 나타나지 않습니다. 사람·상황에 따라 약하거나 반대로 나타나기도 하니 실제 화면에서는 시험해 보고 판단합니다.
자주 묻는 질문
- 앵커링과 프레이밍은 어떻게 다른가요?
- 앵커링은 먼저 본 숫자가 기준이 되어 뒤의 숫자를 판단하는 것이고, 프레이밍은 같은 사실을 얻는 말로 할지 잃는 말로 할지에 따라 다르게 받아들이는 것입니다. 정가 옆 할인가는 앵커링, '80% 만족'과 '20% 불만족'은 프레이밍입니다.
- 손실 회피와 희소성은 같은 건가요?
- 자주 함께 쓰이지만 다릅니다. 손실 회피는 얻는 것보다 잃는 것을 더 크게 느끼는 마음이고, 희소성은 수가 적거나 곧 끝나는 것을 더 귀하게 느끼는 마음입니다. '오늘 지나면 쿠폰이 사라져요'는 손실 회피, '남은 재고 3개'는 희소성입니다.
- 이런 효과를 쓰면 다크 패턴인가요?
- 효과 자체가 나쁜 것은 아닙니다. 실제 정가·실제 재고·실제 마감을 알기 쉽게 보여 주는 것은 정보입니다. 없는 숫자를 지어내거나, 불리한 선택을 몰래 기본값으로 두거나, 끝없이 다시 돌아가는 시계로 재촉하면 사람을 속이는 다크 패턴이 됩니다.
- 피크엔드 법칙은 화면에서 어떻게 쓰나요?
- 사람들은 경험 전체의 평균보다 가장 강했던 순간과 마지막 순간으로 기억합니다. 그래서 결제·가입 완료처럼 흐름의 끝 화면을 분명하고 기분 좋게 만들고, 가장 기쁜 순간(첫 결과를 받는 때 등)을 잘 보이게 합니다. 중간의 불편은 따로 고쳐야 합니다.