같은 크기의 이익보다 잃을 가능성이 선택에 더 크게 작용할 수 있습니다.
<div class="loss"><div class="badge">SAME 10 CREDITS</div><div class="row"><span>GAIN 10</span><i class="gain"></i></div><div class="row"><span>LOSE 10</span><i class="lose"></i></div><div class="note">WORDING CHANGES THE FRAME</div></div>@media(min-width:700px){body>div{transform:scale(1.45)}}.loss{width:min(86%,520px);font:800 clamp(10px,max(2vmin,1vw),16px)/1.1 sans-serif}.badge{display:inline-block;background:var(--accent-2);color:#211b19;padding:6px 9px;letter-spacing:.08em;transform:rotate(-3deg)}.row{display:flex;align-items:center;gap:12px;margin:clamp(12px,4vmin,28px) 0}.row span{width:clamp(58px,16vmin,115px)}.row i{display:block;height:clamp(19px,5vmin,38px);background:var(--fg);animation:bar 4s ease-in-out infinite alternate}.row .gain{width:48%}.row .lose{background:var(--accent);width:75%;animation-delay:-1s}.note{color:var(--muted);letter-spacing:.08em;font-size:clamp(10px,max(1.6vmin,1vw),12px)}@keyframes bar{from{transform:scaleX(.65);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}손실 회피는 같은 결과라도 무엇을 얻는지보다 무엇을 잃는지에 민감하게 반응하는 경향입니다. 보유 중인 혜택이 끝난다는 표현은 새로운 혜택을 얻는다는 표현과 다른 판단을 유도할 수 있습니다.
데모는 같은 10 크레딧을 획득과 소멸의 두 문장으로 바꾸고, 주의를 끄는 막대 길이를 대비합니다. 막대는 개념을 설명하는 예시이며 실제 전환율이나 효과 크기를 뜻하지 않습니다.
손실을 부풀리거나 존재하지 않는 손실을 만들어서는 안 됩니다. 실제 만료 조건을 먼저 확인하고, 실험에서는 두 문구의 정보량과 대상 집단을 같게 두세요.
실제 만료·반납 조건을 안내할 때 표현을 비교합니다. 근거 없는 불안 조성은 피하세요.