🎨 03 디자인 카타 "가이드 텍스트 위치 어디에 노출하는 것이 더 유용할까요?"

Q. 가이드 텍스트 위치 어디에 노출하는 것이 더 유용할까요?

나의 선택: B

B안을 선택한 이유

• B는 알림 아이콘이랑 붉은색 박스를 써서 사용자 시선도 잘 끌리고, 실제로 안내문처럼 보여서 문제 상황이 더 명확하게 전달된다고 느낌.

• "Please connect wallet!"이라는 문장으로 지금 무슨 문제가 발생했는지를 먼저 알려주고, 버튼은 그 문제를 해결하기 위한 행동으로 연결돼서 정보 전달 흐름이 더 자연스럽게 느껴짐.

• 버튼이 비활성화되어 있는 것도 지갑을 연결해야 이 버튼이 활성화 된다는 걸 직관적으로 이해할 수 있어서, 사용자 입장에서 혼란 없이 다음 행동을 추측할 수 있을 것 같음.

A안을 선택하지 않은 이유

• A는 버튼 안에 "Connect Wallet!"이라는 문구가 들어가 있는데, 이게 행동을 유도하는 문장인지, 문제 상황을 알리는 문장인지 혼란스러울 수 있다고 생각.

• 버튼은 원래 사용자가 어떤 행동을 하도록 유도하는 역할(=CTA)인데, 여기선 문제 상황 설명까지 같이 들어가니까 전달하고자 하는 메시지가 좀 뒤섞인 느낌.

• 디자인적으로도 버튼 색이 빨간색이고 느낌표까지 들어가니까, 오류나 경고처럼 보이기도 해서 눌러도 되는지 살짝 부담스러울 수 있을 것 같음.

• CTA는 보통 사용자가 자연스럽게 클릭하도록 긍정적이거나 중립적인 느낌을 주는 게 중요한데, A는 그런 면에서 조금 경직된 느낌.

추가 고려사항 – 가이드 문구의 위치
가이드 문구가 화면 위에 뜨는 게 좋은지, 아래에 뜨는 게 좋은지는 사용자의 행동 흐름에 따라 달라질 수 있다고 생각했음.

• 만약 사용자가 숫자 입력 전에 지갑을 먼저 연결해야 하는 구조라면,
  → 가이드는 상단에 위치해서 먼저 눈에 띄게 안내하는 게 더 효과적.

• 반대로, 사용자가 Swap CTA 버튼을 누르려 할 때 지갑 연결이 필요한 상황이라면,
  → 가이드는 버튼 근처에 아래쪽에 배치해서, 행동을 시도한 직후에 바로 피드백을 주는 게 자연스럽다고 생각.

"사용자가 언제 어떤 행동을 하게 되는가?"에 따라 가이드 위치를 전략적으로 다르게 설정하는 게 사용자 경험을 훨씬 더 부드럽게 만들 수 있다고 생각.