WekeyLab 상세 노트 · 게임/UI 관찰

버튼을 누르기 전 3초가 게임을 기억하게 만든다

중요한 버튼을 누르기 전 사용자가 결과와 손실을 상상하는 순간을 CTA 설계 관점으로 정리한 게임/UI 노트입니다.

중요한 CTA 앞에서 성공 가능성 손실 회복 경로를 보여주는 결정 화면 구조
좋은 버튼은 사용자를 겁주는 것이 아니라 누른 뒤의 결과를 상상할 수 있게 만든다.

도입 장면

강화 버튼 앞에서 손가락이 잠깐 멈추는 순간이 있다. 성공하면 숫자가 오르고, 실패하면 모아 둔 재료가 줄어든다. 아직 아무 일도 일어나지 않았지만 사용자는 이미 성공 화면과 실패 화면을 번갈아 상상한다. 이 짧은 멈춤은 단순한 지연이 아니라 선택의 무게를 느끼는 시간이다.

문제 상황

중요한 버튼이 너무 가볍게 눌리면 결과가 좋아도 기억이 약하고, 결과가 나쁘면 불신이 커진다. 반대로 확인창만 여러 번 띄우면 사용자는 보호받는 것이 아니라 방해받는다고 느낀다. 버튼 앞의 3초는 겁을 주는 시간이 아니라 사용자가 무엇을 책임지는지 이해하는 시간이어야 한다.

핵심 관찰

선택이 기억에 남는 이유는 보상 크기만이 아니다. 결과가 되돌리기 어렵고, 손실 가능성이 있으며, 마지막 결정을 내가 했다는 감각이 있을 때 선택은 작은 사건이 된다. 좋은 CTA는 사용자를 밀어붙이지 않고 성공 가능성, 잃을 수 있는 것, 회복 경로를 함께 보여준다.

판단 기준

  1. 누르면 어떤 결과 범위가 생기는지 알 수 있는가?
  2. 실패하거나 취소했을 때 손실이 명확한가?
  3. 되돌릴 수 있는 행동과 되돌릴 수 없는 행동이 구분되는가?
  4. 확인 화면이 실제 판단 정보를 주는가, 아니면 형식적 방해인가?
  5. 사용자가 마지막 결정을 스스로 했다고 느낄 수 있는가?

게임/서비스 적용점

게임 강화, 아이템 교환, 유료 구매, 계정 이동, 중요한 설정 변경은 모두 버튼 하나가 이후 상태를 바꾸는 장면이다. 이때 “확인”만 묻는 화면보다 성공 가능성, 예상 손실, 다음 회복 방법을 함께 보여주는 화면이 낫다. 서비스에서도 결제, 삭제, 권한 변경처럼 되돌리기 어려운 행동은 버튼 앞에서 사용자가 결과를 상상할 수 있어야 한다.

나쁜 설계 예시

좋은 설계 예시

다음 실험 질문

같은 강화 버튼을 두 화면으로 나눠볼 수 있다. A안은 보상 수치와 확인 버튼만 보여준다. B안은 성공 가능성, 실패 시 손실, 회복 경로, 취소 가능성을 함께 보여준다. 이후 클릭률뿐 아니라 후회감, 재시도율, 결과 수용도, 재방문 의사를 비교하면 버튼 앞 정보가 기억과 신뢰에 어떤 영향을 주는지 볼 수 있다.

참고자료

  1. NN/g — Confirmation Dialogs Can Prevent User Errors
    되돌리기 어렵거나 중요한 행동에서 확인 화면이 사용자의 오류를 줄이는 방식.
  2. NN/g — 10 Usability Heuristics for User Interface Design
    오류 예방, 사용자 통제감, 시스템 상태 가시성 기준.
  3. The Decision Lab — Loss Aversion
    사람이 같은 크기의 이득보다 손실을 더 강하게 평가하는 경향.

이미지 정보: source_url original · license original · attribution not required