나노플레이데이즈사전
전체 사전

UX 심리 효과 사전

앵커링, 손실 회피, 기본값 효과처럼 화면이 사람의 선택에 주는 영향을 같은 화면을 바꿔 보며 느끼고, 정직하게 쓰는 부탁 문장을 복사합니다.

값을 다르게 느끼게 하는 것

같은 가격·같은 사실도 먼저 본 숫자나 말하는 방식에 따라 다르게 느낍니다.

  • 앵커링 Anchoring effect

    처음 본 숫자가 기준(닻)이 되어, 뒤에 보는 숫자를 그 기준에 견주어 판단하는 현상입니다.

    보기만 해도 자동으로 눌러 봅니다 · 직접 눌러도 됩니다

    190,000원

    버튼을 눌러 정가를 먼저 보여 줘 보세요. 같은 190,000원이 다르게 느껴집니다.

    이럴 때
    할인 전 가격을 줄 그어 먼저 보여 주거나, 가장 비싼 요금제를 맨 앞에 두는 화면이 이 효과를 씁니다. 기준 가격은 실제로 팔던 가격이어야 합니다.
    다르게 부르는 말
    앵커링 효과, 닻 내림 효과, 기준점 효과, anchoring, 정가 표시

    헷갈리는 이웃

    • 프레이밍 앵커링은 먼저 본 숫자가 기준이 되는 것이고, 프레이밍은 같은 사실을 어떤 말로 보여 주느냐의 차이입니다.
    • 손실 회피 할인 전 가격 옆에 '오늘만'을 붙이면 기준점에 놓칠까 하는 마음까지 더해집니다.
    AI에게 이렇게 부탁하세요

    상품 상세의 가격 영역에 정가 390,000원을 회색 취소선으로 먼저 보여 주고, 그 아래에 판매가 190,000원을 크게, 할인율 51%를 강조색으로 보여 줘. 취소선 가격은 화면 읽기 프로그램이 '정가 390,000원'으로 읽게(<del>와 visually-hidden 설명) 해 주고, 정가는 실제 판매 이력이 있는 가격만 넣어 줘.

  • 프레이밍 Framing effect

    같은 사실이라도 얻는 쪽·잃는 쪽 중 어떤 말로 보여 주느냐에 따라 다르게 받아들이는 현상입니다.

    보기만 해도 자동으로 눌러 봅니다 · 직접 눌러도 됩니다

    80% 만족

    말하는 방식을 바꿔 보세요. 숫자가 말하는 사실은 같습니다.

    이럴 때
    후기 요약, 요금 비교, 경고 문구처럼 숫자를 말로 옮길 때 씁니다. '80% 만족'과 '20% 불만족'은 같은 사실이므로 어느 쪽을 쓸지 의도를 정해 둡니다.
    다르게 부르는 말
    프레이밍 효과, 틀 효과, framing, 긍정 프레임, 부정 프레임

    헷갈리는 이웃

    • 앵커링 프레이밍은 말하는 방식을, 앵커링은 먼저 본 숫자를 바꿉니다.
    • 손실 회피 잃는 쪽으로 말하면 더 크게 느끼는 손실 회피 때문에 부정 프레임이 더 강하게 들립니다.
    AI에게 이렇게 부탁하세요

    후기 요약 카드에 '구매자 80% 만족'을 큰 숫자로 보여 주고, 아래에 '만족 80% · 보통 12% · 불만족 8%' 막대를 함께 넣어 줘. 한쪽 말만 보여 주지 않도록 전체 비율 막대를 항상 같이 보이게 하고, 막대마다 aria-label로 비율을 읽어 줘.

  • 손실 회피 Loss aversion

    같은 크기라도 얻는 기쁨보다 잃는 아픔을 더 크게 느껴, 잃지 않는 쪽을 고르는 현상입니다.

    보기만 해도 자동으로 눌러 봅니다 · 직접 눌러도 됩니다

    쿠폰 받으면 3,000원 할인

    버튼을 눌러 같은 쿠폰을 '잃는 말'로 바꿔 보세요.

    이럴 때
    '쿠폰 3,000원 받기'보다 '오늘 지나면 3,000원 쿠폰이 사라져요'가 더 강하게 들립니다. 실제 마감이 있을 때만 쓰고, 가짜 시계로 재촉하지 않습니다.
    다르게 부르는 말
    손실 회피 성향, 손실 혐오, loss aversion, 놓칠까 봐, FOMO

    헷갈리는 이웃

    • 희소성 손실 회피는 '잃을까 봐'이고, 희소성은 '얼마 안 남아서' 귀하게 느끼는 것입니다. 둘을 함께 쓰는 화면이 많습니다.
    • 프레이밍 같은 쿠폰을 얻는 말로 할지, 잃는 말로 할지가 프레이밍입니다.
    AI에게 이렇게 부탁하세요

    장바구니 위에 쿠폰 안내 띠를 넣어 줘. 쿠폰의 실제 만료 시각까지 남은 시간을 'HH:MM:SS'로 1초마다 줄이고, 아래 막대도 함께 줄여 줘. 문구는 '오늘 지나면 3,000원 쿠폰이 사라져요'로 하고, 만료되면 띠를 '쿠폰 기간이 끝났어요'로 바꿔 줘. 시간은 서버의 실제 만료 시각으로 계산하고, 화면 읽기 프로그램에는 1초마다 읽지 말고 분 단위로만 알려 줘.

남과 수량을 보고 고르는 것

다른 사람의 선택과 남은 수량이 고르는 이유가 됩니다.

  • 사회적 증거 Social proof

    많은 사람이 고른 것을 보면 '그만한 이유가 있겠지' 하고 따라 고르는 현상입니다.

    보기만 해도 자동으로 눌러 봅니다 · 직접 눌러도 됩니다

    최근 30일 23명 구매

    버튼을 눌러 구매자 수를 바꿔 보세요.

    이럴 때
    구매 수, 별점과 후기 수, '지금 23명이 보고 있어요' 같은 표시가 이 효과를 씁니다. 숫자는 실제 집계여야 하고, 기준(최근 30일 등)을 함께 적습니다.
    다르게 부르는 말
    사회적 증거 효과, 사회적 검증, 밴드왜건 효과, social proof, 구매 수 표시, 후기 수

    헷갈리는 이웃

    • 희소성 사회적 증거는 '많이 골랐다', 희소성은 '얼마 안 남았다'입니다. 둘이 겹치면 '1,284명 구매 · 남은 재고 3개'가 됩니다.
    • 기본값 효과 남이 고른 것을 따르는 대신, 미리 골라 둔 것을 그대로 두는 쪽이 기본값 효과입니다.
    AI에게 이렇게 부탁하세요

    상품 카드 가격 아래에 '최근 30일 1,284명 구매'와 구매자 프로필 동그라미 5개를 겹쳐 보여 줘. 숫자는 실제 주문 집계에서 가져오고 기준 기간을 항상 함께 적어 줘. 프로필 동그라미는 꾸밈이므로 aria-hidden으로 숨기고 문장만 읽히게 해 줘.

  • 희소성 Scarcity effect

    얼마 남지 않았거나 곧 끝난다고 하면 더 귀하게 느끼고 서둘러 고르는 현상입니다.

    보기만 해도 자동으로 눌러 봅니다 · 직접 눌러도 됩니다

    남은 재고 5개

    '한 개 팔기'를 눌러 재고를 줄여 보세요.

    이럴 때
    '남은 재고 3개', '선착순 100명' 같은 표시가 이 효과를 씁니다. 실제 재고·기한일 때만 보여 주고, 재고가 넉넉하면 표시하지 않습니다.
    다르게 부르는 말
    희소성 효과, 희소성의 원칙, scarcity, 품절 임박, 한정 수량, 마감 임박

    헷갈리는 이웃

    • 손실 회피 희소성은 '얼마 안 남았다', 손실 회피는 '놓치면 잃는다'입니다.
    • 사회적 증거 '많이 팔렸다'를 보여 주는 쪽이 사회적 증거입니다.
    AI에게 이렇게 부탁하세요

    상품 옵션 아래에 실제 재고가 5개 이하일 때만 '남은 재고 N개'를 보여 줘. 재고 칸 5개를 네모로 그리고 남은 만큼만 채우고, 2개 이하가 되면 빨간색으로 바꿔 줘. 재고 수는 주문할 때마다 서버 값으로 갱신하고, aria-live로 바뀐 수를 알려 줘.

고르는 부담을 바꾸는 것

미리 골라 둔 값과 보기의 수가 결정을 쉽게도, 어렵게도 만듭니다.

  • 기본값 효과 Default effect

    미리 골라 둔 값을 바꾸지 않고 그대로 두는 사람이 많아, 기본값이 결과를 정하게 되는 현상입니다.

    보기만 해도 자동으로 눌러 봅니다 · 직접 눌러도 됩니다

    배송 방법

    아무것도 바꾸지 말고 '다음'을 눌러 보세요.

    이럴 때
    요금제·배송 방법처럼 대부분에게 맞는 답이 있을 때 그것을 미리 골라 두면 고르는 수고를 덜어 줍니다. 광고 수신 동의처럼 사용자에게 불리한 값을 미리 체크해 두지 않습니다.
    다르게 부르는 말
    디폴트 효과, 기본 선택 효과, default effect, 기본 옵션, 미리 체크, 옵트아웃

    헷갈리는 이웃

    • 선택 과부하 보기가 너무 많아 고르지 못할 때, 추천 기본값 하나가 부담을 줄여 줍니다.
    • 사회적 증거 '가장 많이 고른' 표시와 기본값을 함께 쓰면 따라가는 사람이 더 늘어납니다.
    AI에게 이렇게 부탁하세요

    배송 방법 선택에 라디오 버튼 두 개를 넣어 줘. '일반 배송(무료, 추천)'을 기본으로 선택해 두고 오른쪽에 '추천' 배지를 붙이고, '빠른 배송(+3,000원)'은 고를 수 있게만 둬. 기본값은 추가 비용이 없는 쪽으로 두고, 바꾼 선택은 다음에 들어와도 유지해 줘. 라디오는 fieldset과 legend로 묶어 줘.

  • 선택 과부하 Choice overload

    보기가 너무 많으면 비교하다 지쳐 고르기를 미루거나, 고르고도 덜 만족하는 현상입니다.

    보기만 해도 자동으로 눌러 봅니다 · 직접 눌러도 됩니다

    보기 수를 24개로 늘려 보세요.

    이럴 때
    요금제·상품 목록·설정이 많을 때 추천 몇 개를 먼저 보이고 나머지는 필터·더 보기로 감춥니다. 늘 그런 것은 아니고, 보기를 잘 아는 사람에게는 많은 보기가 오히려 낫기도 합니다.
    다르게 부르는 말
    선택의 역설, 결정 피로, choice overload, paradox of choice, 옵션 과다

    헷갈리는 이웃

    • 기본값 효과 많은 보기 중 하나를 미리 골라 두면 부담이 줄어듭니다.
    • 피크엔드 법칙 고르는 과정이 길고 지치면 마지막 인상이 나빠져 경험 전체가 나쁘게 기억됩니다.
    AI에게 이렇게 부탁하세요

    요금제 화면에 처음에는 추천 요금제 3개만 카드로 보여 주고, 아래 '요금제 전체 보기(12개)' 버튼을 누르면 나머지를 표로 펼쳐 줘. 카드마다 '이런 분께'를 한 줄로 적어 비교를 쉽게 하고, 펼침 버튼에는 aria-expanded를 넣어 줘.

기억과 마무리에 남는 것

경험 전체보다 가장 강한 순간과 끝, 끝내지 못한 일이 오래 남습니다.

  • 피크엔드 법칙 Peak-end rule

    경험 전체의 평균보다 가장 강했던 순간(피크)과 마지막 순간(엔드)으로 그 경험을 기억하는 현상입니다.

    보기만 해도 자동으로 눌러 봅니다 · 직접 눌러도 됩니다

    버튼을 눌러 경험의 마지막 순간을 바꿔 보세요.

    이럴 때
    결제 완료·가입 완료처럼 흐름의 끝 화면을 공들여 만들고, 가장 기쁜 순간(첫 결과 확인 등)을 분명하게 보여 줍니다. 중간의 불편을 덮는 데 쓰지 않고, 중간도 함께 고칩니다.
    다르게 부르는 말
    피크엔드 효과, 정점과 끝 법칙, peak-end rule, 마지막 인상

    헷갈리는 이웃

    • 자이가르닉 효과 피크엔드는 끝난 경험의 기억이고, 자이가르닉은 끝내지 못한 일이 마음에 남는 것입니다.
    • 선택 과부하 고르기가 길고 지치면 그 지친 순간이 피크가 되기도 합니다.
    AI에게 이렇게 부탁하세요

    주문 완료 화면을 만들어 줘. 위에 체크 표시가 0.4초 동안 그려지는 움직임과 '주문이 접수됐어요' 제목, 도착 예정일을 크게 보여 주고, 아래에 주문 내역 요약과 '주문 내역 보기' 버튼을 둬. 움직임 줄이기를 켠 사람에게는 체크 표시를 바로 보여 주고, 제목은 페이지가 열리면 화면 읽기 프로그램이 먼저 읽게 해 줘.

  • 자이가르닉 효과 Zeigarnik effect

    끝낸 일보다 끝내지 못한 일이 더 오래 마음에 남는 현상입니다. 화면에서는 남은 일을 보여 주면 마무리하고 싶어집니다.

    보기만 해도 자동으로 눌러 봅니다 · 직접 눌러도 됩니다

    프로필 완성도80%

    남은 일 '사진 올리기'를 체크해 보세요.

    이럴 때
    '프로필 80% 완성', 온보딩 체크리스트처럼 남은 단계를 보여 줄 때 씁니다. 꼭 필요하지 않은 단계로 진행률을 일부러 깎지 않습니다.
    다르게 부르는 말
    자이가르닉, 미완성 효과, zeigarnik effect, 진행률 표시, 프로필 완성도

    헷갈리는 이웃

    • 피크엔드 법칙 다 끝난 뒤의 기억은 피크와 끝이 정합니다. 자이가르닉은 아직 끝나지 않은 동안 작동합니다.
    • 기본값 효과 체크리스트 항목을 미리 체크해 두면 기본값처럼 시작 부담을 줄일 수 있습니다.
    AI에게 이렇게 부탁하세요

    마이페이지 위에 '프로필 완성도' 카드를 만들어 줘. 진행 막대에 80%를 보여 주고, 아래에 남은 일 '사진 올리기'를 체크리스트로 둬. 항목을 끝내면 체크되며 막대가 100%까지 차고, 다 채우면 카드를 '프로필을 다 채웠어요'로 바꾼 뒤 다음 방문부터 숨겨 줘. 막대는 role="progressbar"와 aria-valuenow로 알려 줘.

이럴 때 씁니다
  • 가격·후기·재고 표시를 설계하면서 그 표시가 사람에게 어떤 영향을 주는지 알고 싶을 때
  • 기획서·회의에서 "사람들이 이걸 더 누르게" 대신 정확한 효과 이름으로 이야기하고 싶을 때
  • 쇼핑하거나 결정할 때 마감 할인·품절 임박 표시에 흔들리는 이유를 알고 싶을 때
사용법
  1. 분류(값을 다르게 느끼게 하는 것·남과 수량을 보고 고르는 것·고르는 부담을 바꾸는 것·기억과 마무리에 남는 것)에서 찾거나, 사전 첫 화면 검색에 아는 말을 적습니다.
  2. 예시가 화면에 들어오면 손가락 표시가 같은 화면을 두 가지로 바꿔 가며 되풀이해 보여 줍니다. 상태 줄에서 느낌이 어떻게 달라지는지 읽고, 직접 눌러 봐도 됩니다.
  3. 헷갈리는 이웃에서 비슷한 효과와의 차이를 보고, 부탁 문장 복사를 눌러 AI나 요청서에 붙여넣습니다.
꼭 알아둘 점
  • 예시의 가격·구매 수·재고는 모두 지어낸 숫자입니다. 실제 화면에는 실제 집계와 실제 마감만 보여 줘야 합니다.
  • 가짜 정가, 가짜 남은 시간, 부풀린 구매 수, 사용자에게 불리한 값을 미리 체크해 두는 것은 사람을 속이는 다크 패턴이며 소비자 보호 규정에 걸릴 수 있습니다. 부탁 문장에는 정직하게 쓰는 조건을 넣어 두었습니다.
  • 효과는 늘 같은 크기로 나타나지 않습니다. 사람·상황에 따라 약하거나 반대로 나타나기도 하니 실제 화면에서는 시험해 보고 판단합니다.
자주 묻는 질문
앵커링과 프레이밍은 어떻게 다른가요?
앵커링은 먼저 본 숫자가 기준이 되어 뒤의 숫자를 판단하는 것이고, 프레이밍은 같은 사실을 얻는 말로 할지 잃는 말로 할지에 따라 다르게 받아들이는 것입니다. 정가 옆 할인가는 앵커링, '80% 만족'과 '20% 불만족'은 프레이밍입니다.
손실 회피와 희소성은 같은 건가요?
자주 함께 쓰이지만 다릅니다. 손실 회피는 얻는 것보다 잃는 것을 더 크게 느끼는 마음이고, 희소성은 수가 적거나 곧 끝나는 것을 더 귀하게 느끼는 마음입니다. '오늘 지나면 쿠폰이 사라져요'는 손실 회피, '남은 재고 3개'는 희소성입니다.
이런 효과를 쓰면 다크 패턴인가요?
효과 자체가 나쁜 것은 아닙니다. 실제 정가·실제 재고·실제 마감을 알기 쉽게 보여 주는 것은 정보입니다. 없는 숫자를 지어내거나, 불리한 선택을 몰래 기본값으로 두거나, 끝없이 다시 돌아가는 시계로 재촉하면 사람을 속이는 다크 패턴이 됩니다.
피크엔드 법칙은 화면에서 어떻게 쓰나요?
사람들은 경험 전체의 평균보다 가장 강했던 순간과 마지막 순간으로 기억합니다. 그래서 결제·가입 완료처럼 흐름의 끝 화면을 분명하고 기분 좋게 만들고, 가장 기쁜 순간(첫 결과를 받는 때 등)을 잘 보이게 합니다. 중간의 불편은 따로 고쳐야 합니다.

광고