[접근성연구·모바일] 옆 버튼이 눌리는 이유

작은 타겟이 만드는 오작동 관찰

〈디지털 접근성 연구 016〉 — 이 글은 규정이 아니라 하나의 연구 관점입니다. 인용 수치·기준은 출처와 함께, 미확정 영역은 그렇다고 밝혀 작성합니다.

들어가며 — '내가 잘못 눌렀나'

모바일을 쓰다 보면 누구나 겪는 순간이 있습니다. 분명 이 버튼을 누르려 했는데, 옆 버튼이 눌립니다. 삭제를 누르려다 공유가 눌리고, 다음을 누르려다 취소가 눌립니다. 그 순간 대부분의 사용자는 이렇게 생각합니다. '내가 잘못 눌렀나.'

우리는 이 자책에 동의하지 않습니다. 많은 경우 그것은 사용자의 실수가 아니라, 화면이 만든 오작동입니다. 앞 편(015)에서 우리는 터치 타겟의 크기와 간격 기준을 다뤘습니다. 이번 편은 그 기준이 지켜지지 않았을 때 실제로 무슨 일이 벌어지는지를, 공공·민간 모바일 화면에서 관찰한 장면들을 통해 살펴봅니다. 특정 기관을 지목하지 않고, 되풀이되는 패턴을 익명으로 정리합니다.

오작동은 단순한 짜증으로 끝나지 않습니다. 어떤 오작동은 되돌릴 수 없는 결과로 이어지고, 어떤 오작동은 사용자가 자기를 탓하며 그 서비스를 떠나게 만듭니다. 그래서 우리는 '옆 버튼이 눌리는' 현상을 가볍게 보지 않습니다.

1. 오작동이 생기는 메커니즘

옆 버튼이 눌리는 데는 분명한 물리적 이유가 있습니다. 우연이 아니라, 구조가 만든 결과입니다.

손가락 끝은 넓적한 면입니다. 화면에 닿을 때 그 면은 여러 픽셀을 동시에 덮습니다. 만약 두 버튼이 손가락 접촉면보다 가깝게 붙어 있으면, 한 번의 터치가 두 버튼 영역에 걸칩니다. 시스템은 둘 중 하나를 선택해야 하고, 그 선택은 보통 '접촉 중심점이 어느 버튼 영역에 있는가'로 결정됩니다. 사용자가 의도한 버튼의 가장자리를 눌렀고 중심점이 옆 버튼 쪽으로 살짝 넘어갔다면, 옆 버튼이 눌립니다.

여기에 변수가 더해집니다. 사용자는 자기 손가락에 가려 버튼을 보지 못합니다. 어디를 정확히 눌렀는지 모른 채, '대략 이쯤'을 누릅니다. 버튼이 크고 간격이 넓으면 이 '대략'으로도 충분합니다. 버튼이 작고 붙어 있으면 '대략'은 오작동이 됩니다. 즉 오작동은 사용자의 부주의가 아니라, '대략의 정확도'로는 감당할 수 없는 촘촘함에서 비롯됩니다.

1-1. 오작동이 생기는 네 고리를 한 장으로

옆 버튼이 눌리는 일은 하나의 원인이 아니라 네 고리가 이어진 결과입니다. 각 고리를 끊으면 오작동이 줄어드는 자리를 한 표로 정리합니다.

고리	무슨 일이 일어나나	끊는 손질
① 손가락은 면	여러 픽셀을 동시에 덮음	버튼을 면보다 크게
② 가림	누른 자리를 눈으로 못 봄	간격으로 여유 확보
③ 중심점 판정	중심이 옆으로 넘으면 옆 버튼	버튼 사이 거리 벌림
④ '대략' 누름	정확한 겨냥 자체가 불가	큰 크기+넓은 간격으로 '대략' 허용

표가 보여 주듯, 오작동은 네 고리 중 어느 하나만의 문제가 아니라 '손가락은 면이다'(①)라는 출발점이 ④의 '대략 누름'까지 이어진 사슬입니다. 우리는 이 사슬에서 가장 끊기 쉬운 고리가 ③(간격)이라고 봅니다 — 버튼 크기를 못 키우는 화면에서도, 사이를 벌리는 것은 비교적 적은 공간으로 가능하기 때문입니다.

2. 관찰 장면 ① — 목록의 한 줄 위

가장 자주 관찰된 장면은 촘촘한 목록입니다. ○○ 안내 목록에서, 사용자는 원하는 항목보다 한 줄 위나 아래를 눌렀습니다.

목록의 각 줄은 그 자체로 누름 영역입니다. 그런데 줄간격이 좁으면, 손가락 하나가 두 줄을 함께 덮습니다. 사용자가 '세 번째 줄'을 누르려 해도, 손가락 면이 두 번째 줄까지 걸치면 두 번째 줄이 열릴 수 있습니다. 특히 줄마다 글자만 있고 줄 사이 여백이 거의 없는 빽빽한 목록에서 이 일이 잦았습니다.

이 오작동의 결과는 '엉뚱한 페이지로 이동'입니다. 사용자는 자기가 원한 정보 대신 다른 정보를 보게 되고, 뒤로 돌아와 다시 정확한 줄을 겨냥해야 합니다. 한 번에 끝날 일이 두세 번의 시도가 됩니다. 손이 떨리는 사용자에게는 이 반복이 훨씬 길어졌습니다.

3. 관찰 장면 ② — 동의 단계의 작은 네모들

두 번째로 자주 본 장면은 동의·약관 화면입니다. ○○ 신청의 동의 단계에서, 여러 개의 작은 체크박스가 빽빽하게 위아래로 놓여 있었습니다.

체크박스는 그 자체가 작습니다. 게다가 동의 항목들은 줄을 바짝 붙여 나열되는 경향이 있어, 위 항목의 체크박스와 아래 항목의 체크박스가 손가락 하나 거리 안에 들어옵니다. 사용자가 두 번째 항목에 체크하려다 첫 번째나 세 번째에 체크하는 장면이 반복됐습니다.

여기서 추가로 관찰된 것은, 글자가 누름 영역이 아니었다는 점입니다. 체크박스 옆의 긴 약관 글자를 눌러도 체크가 되지 않았습니다. 누를 수 있는 곳은 작은 네모뿐이었습니다. 만약 글자까지 누름 영역이었다면 실질 크기가 훨씬 커졌을 테지만, 그렇지 않아 사용자는 좁은 네모만 정확히 겨냥해야 했습니다.

4. 관찰 장면 ③ — 닫기와 그 옆

세 번째 장면은 팝업·배너의 닫기 버튼입니다. 화면 위에 뜬 안내 팝업의 오른쪽 위, 작은 × 표시 바로 곁에 다른 링크나 버튼이 있는 경우가 많았습니다.

사용자는 팝업을 닫으려고 × 를 눌렀습니다. 그런데 × 가 작고, 바로 옆에 '자세히 보기'나 광고 링크가 붙어 있어, 손가락이 × 대신 그 링크를 눌렀습니다. 팝업은 닫히지 않고, 의도하지 않은 페이지가 열렸습니다. 한 손으로 폰을 쥔 채 엄지로 화면 가장자리의 작은 × 를 누르는 일은, 손이 안정적인 사용자에게도 까다로웠습니다.

이 장면이 특히 문제적인 이유는, '빠져나가려는 동작'이 오히려 사용자를 더 깊이 끌고 들어간다는 데 있습니다. 닫으려다 광고를 열고, 다시 닫으려다 또 다른 것을 누르는 — 그 작은 × 하나가 사용자를 화면에 가두는 셈입니다.

5. 관찰 장면 ④ — 흔들리는 환경

네 번째로, 같은 화면도 '환경'에 따라 오작동률이 크게 달라지는 것을 관찰했습니다. 사무실 책상에 폰을 놓고 누를 때는 멀쩡하던 화면이, 흔들리는 버스나 지하철에서는 자주 빗나갔습니다.

흔들리는 차량 안에서 손잡이를 한 손으로 잡고 다른 손으로 폰을 조작할 때, 손가락의 안정성은 크게 떨어집니다. 차가 흔들리는 순간 손가락도 함께 흔들리고, 정밀한 겨냥이 어려워집니다. 이때 버튼이 작고 붙어 있으면, 흔들림 한 번에 옆 버튼이 눌립니다.

이 관찰은 한 가지를 분명히 합니다. 오작동은 사용자의 손 능력만의 문제가 아니라 환경의 문제이기도 하다는 것입니다. 평소엔 정밀한 손도, 흔들리는 환경에서는 떨리는 손이 됩니다. 모바일은 본래 '움직이며 쓰는' 기기인데, 정작 그 움직임을 견디지 못하는 촘촘한 화면이 많았습니다. 큰 버튼과 넓은 간격은, 바로 이 흔들림을 흡수하는 여유이기도 합니다.

5-1. 네 장면을 한 장으로 — 무엇이 같고 다른가

네 장면(목록·체크박스·닫기·흔들림)은 서로 다른 화면에서 일어났지만, 뿌리가 겹칩니다. 한 표로 모아 공통 원인과 결과를 비교합니다.

장면	직접 원인	빗나간 결과	더 취약한 사용자
① 목록 한 줄 위	좁은 줄간격	엉뚱한 페이지 이동	손 떨림
② 동의 체크박스	작은 네모+글자 누름 불가	잘못된 항목 체크	정밀도 낮은 손
③ 닫기와 그 옆	작은 ×+인접 링크	닫기 실패·광고 열림	한 손 조작
④ 흔들리는 환경	작은 버튼+흔들림	무작위 오작동	모든 사용자(이동 중)

표가 보여 주듯, 네 장면의 직접 원인은 모두 **'작음' 또는 '붙어 있음'**으로 수렴합니다. 결과는 다르지만(이동·오체크·닫기 실패), 원인은 015편이 다룬 크기·간격 두 축에서 벗어나지 않습니다. 우리는 이 표를 '오작동은 화면마다 제각각'이라는 인상을 깨는 장치로 봅니다 — 겉보기는 달라도, 손볼 곳은 결국 크기와 간격입니다.

6. 오작동의 비용은 균일하지 않다

모든 오작동이 같은 무게는 아닙니다. 어떤 오작동은 가볍고, 어떤 오작동은 무겁습니다. 그 차이는 '눌린 버튼이 무엇이었나'에 달려 있습니다.

엉뚱한 정보 페이지가 열린 정도라면, 뒤로 돌아가면 됩니다. 번거롭지만 회복 가능합니다. 그러나 '삭제', '제출', '결제', '취소' 같은 버튼이 잘못 눌리면 이야기가 다릅니다. 작성하던 내용이 사라지거나, 의도하지 않은 신청이 완료되거나, 진행하던 일이 취소됩니다. 되돌리기 어려운 결과입니다.

특히 위험한 것은 위험한 버튼과 안전한 버튼이 붙어 있는 경우입니다. '저장' 옆에 '삭제'가, '다음' 옆에 '취소'가 바짝 붙어 있으면, 작은 빗나감이 큰 손실로 이어집니다. 우리는 오작동을 볼 때 단순히 '얼마나 자주 빗나가는가'만이 아니라, '빗나갔을 때 얼마나 잃는가'를 함께 봐야 한다고 생각합니다. 자주 빗나가도 손실이 작은 곳보다, 가끔 빗나가도 손실이 큰 곳이 더 위험할 수 있습니다.

6-1. 오작동의 무게 — 빈도×손실로 보기

오작동의 위험은 '빈도'와 '손실'의 곱으로 가늠하는 편이 정확합니다. 네 칸으로 나눠 보면, 무엇을 먼저 손봐야 하는지가 드러납니다.

빈도 ＼ 손실	손실 작음(되돌림 쉬움)	손실 큼(되돌리기 어려움)
자주 빗나감	🔸 번거로움(목록 오이동)	❌ 최우선(촘촘한 제출·삭제)
가끔 빗나감	🟢 견딜 만함	⚠️ 위험(드물지만 결제·삭제 오작동)

표가 일러 주듯, '얼마나 자주 빗나가나'만 보면 오른쪽 아래(가끔이지만 치명적) 칸을 놓칩니다. 결제·삭제·제출 버튼은 자주 눌리지 않더라도 한 번의 빗나감이 되돌릴 수 없는 손실을 낳습니다. 우리는 '저장 옆 삭제'처럼 위험 버튼이 안전 버튼과 인접한 자리를, 빈도가 낮아도 최우선 점검 대상으로 둡니다.

7. 사용자는 자기를 탓한다

관찰에서 가장 마음에 남은 것은, 오작동이 일어났을 때 사용자의 반응이었습니다. 대부분 화면을 탓하지 않고 자기를 탓했습니다. "아이고, 또 잘못 눌렀네", "내가 손이 둔해서" 같은 말이 자연스럽게 나왔습니다.

이 자책에는 비용이 따릅니다. 첫째, 사용자는 점점 위축됩니다. 누를 때마다 조심하게 되고, 자신감이 줄고, 조작 속도가 느려집니다. 둘째, 반복되면 그 서비스 자체를 '나와 안 맞는 것'으로 여기게 됩니다. "이건 나한테 어렵다"며 떠나거나, 디지털 기기 전반에 대한 두려움이 커집니다.

우리는 이것을 심각하게 봅니다. 화면이 만든 오작동을 사용자가 자기 탓으로 받아들이면, 문제의 원인은 영원히 가려지기 때문입니다. 화면은 그대로인데 사용자만 위축됩니다. 그래서 우리는 '옆 버튼이 눌리는' 현상을 사용자의 부주의가 아니라 설계의 신호로 읽자고 제안합니다. 같은 자리에서 여러 사용자가 같은 실수를 한다면, 그것은 사용자의 문제가 아니라 그 자리의 문제입니다.

8. 관찰에서 끌어낸 패턴

여러 장면을 겹쳐 보면, 오작동이 자주 생기는 자리에는 공통된 패턴이 있었습니다. 정리하면 이렇습니다.

첫째, 간격이 거의 없는 곳입니다. 버튼이나 링크가 1~2픽셀 거리로 붙어 있는 자리에서 오작동이 집중됐습니다. 둘째, 누름 영역이 시각적 크기보다 좁은 곳입니다. 작은 아이콘에 추가 누름 영역이 없거나, 체크박스의 글자가 누름 영역이 아닌 경우입니다. 셋째, 위험한 동작과 안전한 동작이 인접한 곳입니다. 넷째, 한 손 조작에서 엄지가 닿기 어려운 가장자리에 작은 버튼이 있는 곳입니다.

이 패턴들은 우연이 아니라, 화면을 만들 때 '커서 기준'으로 설계하고 '손가락 기준'으로 검증하지 않았을 때 생기는 전형적 결과로 보입니다. 데스크탑 화면을 모바일로 옮기며 크기·간격을 그대로 둔 경우에도 비슷한 문제가 관찰됐습니다.

패턴	어떻게 알아보나	왜 위험한가
간격이 거의 없음	버튼·링크가 1~2px 거리	한 터치가 둘에 걸림
누름 영역＜시각 크기	글자·둘레가 반응 안 함	보여도 닿지 않음
위험＋안전 인접	삭제 옆 저장 등	빗나감이 손실로
가장자리 작은 버튼	엄지 사각지대에 작게	한 손 조작 시 빗나감

8-1. 흔한 반론과 우리의 답 — 그리고 한계

'옆 버튼이 눌리는 건 사용자 부주의'라는 통념에는 반론도 따라옵니다. 우리는 그 반론을 적어 두고 답합니다.

흔한 반론	일부 타당한 점	우리의 답
"사용자가 조심하면 된다"	주의는 도움이 됨	같은 자리서 여럿이 빗나가면 자리 문제(§7)
"오작동은 드물다"	빈도는 낮을 수 있음	드물어도 손실 크면 위험(§6-1)
"되돌리면 되지 않나"	회복 가능한 경우도 있음	삭제·결제는 되돌리기 어려움
"확인 팝업 띄우면 된다"	일부 방어는 됨	팝업 남발은 또 다른 오작동·피로 유발

반론들이 짚는 '주의·확인'은 보조 수단으로는 유효합니다. 다만 우리는 그것을 근본 손질(크기·간격)을 대신하는 것이 아니라 보완하는 것으로 봅니다. 이 글의 한계도 분명히 합니다 — 여기 옮긴 장면은 관찰 사례일 뿐 오작동률을 수치로 측정한 것이 아니며, 어느 화면이 얼마나 자주 빗나가는지는 실제 사용 로그나 사용성 테스트로만 확정할 수 있습니다.

9. 관찰을 점검으로 잇기

관찰은 그 자체로 끝나면 아깝습니다. 같은 오작동을 줄이려면, 관찰에서 본 패턴을 점검의 눈으로 옮겨야 합니다. 다음 편(017)이 그 점검을 본격적으로 다루지만, 여기서는 관찰이 가리키는 방향만 짚어 둡니다.

먼저 간격을 본다는 방향입니다. 버튼의 크기만 보지 말고, 옆 버튼과의 거리를 함께 봅니다. 둘째, 누름 영역의 실제 경계를 본다는 방향입니다. 보이는 크기가 아니라, 실제로 어디까지 눌러야 반응하는지를 확인합니다. 셋째, 위험한 버튼의 이웃을 본다는 방향입니다. 삭제·제출 같은 버튼 옆에 무엇이 붙어 있는지, 빗나갔을 때 무슨 일이 벌어지는지를 살핍니다. 넷째, 흔들리는 환경을 상상하며 본다는 방향입니다. 책상이 아니라 버스 안에서도 이 버튼을 정확히 누를 수 있을지를 가늠합니다.

이 네 방향은 모두 '손가락의 입장'에서 화면을 다시 보는 일입니다. 우리는 이것이 오작동을 줄이는 출발점이라고 봅니다.

이 네 방향 가운데 '간격을 본다'와 '누름 영역의 경계를 본다'는, 사람 눈보다 기계가 더 잘하는 일이기도 합니다. ViewCheck 같은 자동 점검은 인접한 두 컨트롤 사이의 거리와 각 요소의 실제 크기를 화면 좌표에서 수치로 뽑아내, '여기는 8px밖에 안 떨어져 있다'처럼 사람이 눈대중으로는 놓치는 촘촘함을 표로 보여 줄 수 있습니다. 다만 '이 버튼이 위험한가'(삭제인지 정보인지)나 '흔들리는 환경에서 어떨까'라는 판단은 사람의 맥락 이해가 필요합니다. 우리는 자동 점검을 '간격·크기의 1차 선별', 사람을 '위험도·맥락의 최종 판정'으로 나누는 역할 분담을 제안합니다.

점검 방향	기계가 잘하는 부분	사람이 해야 하는 부분
간격 본다	인접 거리 수치 전수 측정	어디부터 벌릴지 우선순위
누름 영역 경계	실제 크기·반응 영역 추출	라벨 포함 여부 판단
위험 버튼 이웃	인접 컨트롤 목록화	위험/안전 의미 구분
흔들림 상상	(불가)	사용 맥락 추정

10. 한 장 요약 — 빗나감은 신호다

길었던 관찰을 한자리에 모읍니다. 다섯 줄로 줄이면 이렇습니다.

첫째, 옆 버튼이 눌리는 것은 우연이 아니라 구조의 결과다. 손가락 면보다 가까이 붙은 버튼은 한 번의 터치에 함께 걸린다. 둘째, 오작동은 환경에 따라 달라진다. 흔들리는 차량에서는 멀쩡한 손도 빗나간다. 셋째, 오작동의 비용은 균일하지 않다. 위험한 버튼과 안전한 버튼이 붙어 있을 때 빗나감은 손실이 된다. 넷째, 사용자는 화면이 아니라 자기를 탓한다. 그래서 원인이 가려지고 사용자만 위축된다. 다섯째, 같은 자리의 반복된 실수는 그 자리의 신호다. 사용자의 부주의가 아니라 설계로 읽어야 한다.

핵심 명제	한 줄 정리	근거의 성격
빗나감은 구조의 결과	면이 두 버튼에 걸침	연구 관점·물리
환경이 오작동을 키움	흔들리면 멀쩡한 손도 빗나감	관찰
비용은 균일하지 않음	빈도×손실로 본다	연구 관점
사용자는 자기를 탓함	원인이 가려짐	관찰
반복된 실수는 자리의 신호	사람 아닌 화면 의심	연구 관점

이 다섯 줄의 바탕에는 하나의 태도가 있습니다 — 사용자의 실수를 보면 먼저 화면을 의심하는 태도입니다. 여러 사람이 같은 곳에서 같이 빗나간다면, 빗나가는 것은 사람이 아니라 그 자리입니다. 표의 오른쪽 열이 일러 주듯, 이 글은 손가락의 물리(통설), 우리의 관찰, 그리고 연구 관점이 섞여 있으며, 우리는 그 출처를 구분해 두려 합니다.

맺으며 — 탓을 화면으로 돌려주기

"내가 잘못 눌렀네." 모바일을 쓰는 많은 사람이 하루에도 몇 번씩 하는 이 말은, 사실 화면이 해야 할 반성입니다. 손가락이라는 도구의 한계를 고려하지 않은 크기와 간격이, 사용자를 거듭 빗나가게 하고, 사용자는 그 빗나감을 자기 탓으로 받아들입니다.

우리는 이 탓을 화면 쪽으로 돌려주자고 제안합니다. 화면을 의심하는 순간, 비로소 고칠 곳이 보이기 때문입니다. 버튼을 키우고, 간격을 벌리고, 누름 영역을 넓히고, 위험한 버튼을 안전한 버튼에서 떼어 놓는 것 — 이 단순한 손질들이, '잘못 누르는 사용자'를 '제대로 누르는 사용자'로 바꿉니다. 다음 편에서는 이 관찰을 자가점검의 관점으로 옮겨, '우리 버튼은 손가락에 충분한가'를 직접 확인하는 방법을 다루겠습니다.

다음 편 예고 (017): [접근성연구·모바일] 우리 버튼은 손가락에 충분한가 — 터치 타겟의 크기와 간격을 직접 점검하는 방법을, 자가진단의 관점에서 다룹니다.

---

참고한 공개 자료(출처):

• WCAG 2.2 성공 기준 2.5.8 Target Size (Minimum) — 크기·간격(spacing) 조건 (W3C WAI), 정확한 수치는 원문 확인 권장
• WCAG 2.1 성공 기준 2.5.5 Target Size (Enhanced)
• 한국형 웹 콘텐츠 접근성 지침(KWCAG 2.2) — 컨트롤 크기·간격 관련 항목
• 목표 크기·거리와 조작 오류율의 관계(피츠의 법칙 등 일반 인터랙션 원리, 통설)