디자인 아틀라스
EN
⌘ UX 용어·법칙

앵커링 효과

Anchoring Effect

처음 본 숫자(앵커)가 이후 판단의 기준점이 되는 인지 편향. 정가를 먼저 보여주면 할인가가 더 싸게 느껴집니다.

다른 이름: Anchoring bias
···
html
<div class="wrap">
  <div class="was" id="was">199,000원</div>
  <div class="now" id="now">99,000원</div>
  <div class="badge" id="badge">-50%</div>
</div>
css
.wrap{position:relative;display:grid;place-items:center;gap:6px}
.was{font:600 clamp(13px,3vmin,17px)/1 sans-serif;color:var(--muted);text-decoration:line-through;opacity:0;animation:showWas 2.6s ease-in-out infinite}
.now{font:800 clamp(22px,5.4vmin,32px)/1 sans-serif;color:var(--fg);opacity:0;animation:showNow 2.6s ease-in-out infinite}
.badge{position:absolute;top:-14px;right:-30px;padding:4px 8px;border-radius:999px;background:var(--accent-2);color:#fff;font:800 11px/1 monospace;opacity:0;animation:showBadge 2.6s ease-in-out infinite}
@keyframes showWas{0%,10%{opacity:0;transform:translateY(6px)}25%,80%{opacity:1;transform:translateY(0)}95%,100%{opacity:0}}
@keyframes showNow{0%,35%{opacity:0;transform:scale(.9)}50%,80%{opacity:1;transform:scale(1)}95%,100%{opacity:0}}
@keyframes showBadge{0%,45%{opacity:0;transform:scale(.5)}60%,80%{opacity:1;transform:scale(1)}95%,100%{opacity:0}}

심리학자 아모스 트버스키(Amos Tversky)와 대니얼 카너먼(Daniel Kahneman)이 1974년 논문 "불확실성 하의 판단: 휴리스틱과 편향"에서 정식화했습니다. 사람은 완전히 무관한 숫자에도 판단이 끌려간다는 걸 실험으로 보였습니다 — 룰렛으로 무작위 숫자를 보여준 뒤 "UN 회원국 중 아프리카 국가 비율"을 물으면, 방금 본 숫자에 가까운 답을 내놓는 식입니다.

가격 표시는 앵커링을 가장 노골적으로 씁니다. "99,000원"만 보여주면 그 자체가 기준이지만, "199,000원 → 99,000원"으로 취소선을 먼저 보여주면 199,000원이 앵커가 되어 99,000원이 훨씬 싸게 느껴집니다. 실제 원가나 시장가와 무관하게 작동한다는 게 핵심입니다.

가격 앵커를 인위적으로 부풀리는 건(팔린 적 없는 "정가" 조작) 다크 패턴(→ dark-pattern)이 됩니다. 정직한 앵커링은 실제 이전 가격·경쟁사 가격 비교처럼 사실에 근거해야 합니다.

데모는 취소선 가격(앵커)이 먼저 나타난 뒤 최종가가 나타나며 "싸 보임" 표시가 뜨는 과정을 보여줍니다.

언제 쓰나

가격·할인율을 보여줄 때 앵커가 사실에 근거하는지 먼저 확인하세요. 허위 정가는 신뢰를 잃을 뿐 아니라 다수 국가에서 규제 대상입니다.