버튼에 문구를 열심히 쓴다.
“확인하기”, “자세히 보기”, “신청하기”.
그런데도 클릭이 안 된다.
이럴 때 우리는 이렇게 생각한다.
“문구가 별로였나?”
“좀 더 강한 말로 바꿔야 하나?”
하지만 문제는 대부분
버튼 안의 글자가 아니다.
사용자는 버튼을 ‘읽지’ 않는다
사용자는 화면을 볼 때
버튼을 문장처럼 읽지 않는다.
눈에 들어오는 흐름 속에서
이게 눌러도 되는 것인지,
다음 행동으로 이어지는지를
순간적으로 판단할 뿐이다.
그래서 버튼은
‘읽히는 대상’이 아니라
**‘보여지는 신호’**에 가깝다.
버튼이 안 눌리는 진짜 이유
버튼이 클릭되지 않을 때,
대부분은 이런 문제 중 하나다.
1) 버튼처럼 보이지 않는다
- 색이 배경과 비슷하거나
- 다른 텍스트와 구분이 안 되거나
- 그냥 글자처럼 보이는 경우
사용자는 그걸 버튼으로 인식하지 못한다.
2) 버튼이 맥락 없이 떠 있다
버튼이 아무 설명 없이
화면 중간에 덩그러니 있으면
사용자는 망설인다.
“이걸 누르면 뭐가 되지?”
이 질문에 답이 없으면
버튼은 그냥 지나쳐진다.
3) 시선의 흐름에 없다
사람은 위에서 아래로,
왼쪽에서 오른쪽으로
흐름을 따라 화면을 본다.
그 흐름 밖에 있는 버튼은
존재해도 보이지 않는다.
그래서 버튼에는 무엇이 필요할까
문구를 바꾸기 전에
먼저 이것부터 확인해보는 게 좋다.
✔ 버튼이 눈에 먼저 들어오는가
주변 요소보다 색, 크기, 여백이 분명한가.
✔ 버튼 앞에 맥락이 있는가
왜 이 버튼을 눌러야 하는지
앞 문장에서 이미 설명됐는가.
✔ 버튼이 흐름의 끝에 있는가
정보를 읽고
자연스럽게 도달하는 위치인가.
이 세 가지가 맞으면
버튼 문구는 짧아도 충분히 작동한다.
좋은 버튼은 설명하지 않는다
좋은 버튼은
“이걸 눌러주세요”라고 말하지 않는다.
이미 화면 전체가
그 버튼을 누르는 게
자연스럽다고 말해준다.
그래서 사용자는
버튼을 읽지 않아도
눌러야 할 순간을 안다.
📌 정리
사용자는 버튼을 읽지 않는다.
버튼이 있는 맥락과 흐름을 본다.
- 버튼이 버튼처럼 보이는지
- 왜 눌러야 하는지 이해되는지
- 시선의 끝에 놓여 있는지
이 세 가지만 정리돼도
클릭되지 않던 버튼은
전혀 다른 결과를 만든다.
버튼이 안 눌릴 때는
문구를 바꾸기 전에
화면 전체를 먼저 보자.