제스처 내비게이션

왜 제스처인가

전면 화면 스마트폰이 보편화되면서 iOS와 안드로이드는 물리 버튼 대신 아래에서 위로 쓸어 올리기, 가장자리에서 밀어 뒤로 가기 같은 시스템 제스처를 표준으로 삼았어요. 제스처는 화면 공간을 차지하지 않고 익숙해지면 빨라요. 브래그던과 동료들(2011)은 걷거나 화면을 보지 않는 상황에서 화면 가장자리 기반 제스처가 작은 버튼보다 덜 방해받는다는 결과를 보고했어요. 엄지가 편한 엄지 영역 안에서 시작하는 제스처라면 한 손 사용에도 유리해요.

보이지 않는 명령의 함정

노먼과 닐슨(2010)은 제스처가 화면에 보이지 않아 발견하기 어렵고, 앱마다 의미가 달라 일관성이 깨진다고 비판했어요. 노먼(2013)의 말로 하면 '기표'가 없는 거예요. 워브록과 동료들(2009)은 사용자가 직접 떠올린 제스처를 모아 합의도가 높은 동작을 고르는 방법을 제안했는데, 자연스러운 제스처일수록 배우기 쉬웠어요. 또 앱의 가로 스와이프가 시스템의 '가장자리에서 뒤로 가기'와 겹치면 의도치 않게 화면을 빠져나가는 문제가 생겨요.

잘 쓰는 법과 접근성

중요한 기능은 제스처만으로 두지 말고 눈에 보이는 버튼이나 메뉴로도 제공하세요. 처음 쓸 때 살짝 움직이는 힌트 애니메이션이나 손잡이 표시로 제스처가 있다는 단서를 주면 좋아요. WCAG 2.2의 2.5.1 기준은 여러 손가락이나 경로를 그리는 제스처에 한 번의 탭 같은 단일 포인터 대안을 요구해요. 이는 손 떨림이 있거나 보조기기를 쓰는 사람을 위한 웹 접근성의 기본이고, 결국 모든 사용자에게도 도움이 돼요. 주요 이동은 하단 내비게이션 같은 보이는 구조로 보완하는 게 안전해요.

자주 묻는 질문

제스처만으로 기능을 제공해도 되나요?

권장하지 않아요. 발견성이 낮고 접근성 기준상 단일 포인터 대안이 필요하므로 보이는 버튼도 함께 두세요.

앱 스와이프가 시스템 뒤로 가기와 겹치면 어떻게 하나요?

가로 스와이프 영역을 화면 가장자리에서 떼어 두거나, 플랫폼이 제공하는 제스처 제외 영역 설정을 사용하세요.

출처 검토일: 2026-10-27

참고문헌

1. Wobbrock, J. O., Morris, M. R., & Wilson, A. D. (2009). User-defined gestures for surface computing. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (pp. 1083–1092). ACM. 사용자에게 직접 제스처를 만들게 해 합의도를 측정한 연구라, 자연스러운 제스처를 고를 때 참고하면 도움이 돼요.
2. Bragdon, A., Nelson, E., Li, Y., & Hinckley, K. (2011). Experimental analysis of touch-screen gesture designs in mobile environments. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (pp. 403–412). ACM. 걷거나 화면을 보지 않을 때 제스처와 버튼을 비교해, 이동 중 사용성을 볼 때 참고하면 도움이 돼요.
3. Norman, D. A., & Nielsen, J. (2010). Gestural interfaces: A step backward in usability. Interactions, 17(5), 46–49. 제스처가 보이지 않아 발견성과 일관성이 떨어진다는 비판이라, 숨은 제스처의 위험을 볼 때 참고하면 도움이 돼요.
4. Norman, D. A. (2013). The design of everyday things (Revised and expanded ed.). Basic Books. 어포던스와 기표(signifier) 개념을 정리한 고전이라, 제스처를 알리는 단서를 설계할 때 참고하면 도움이 돼요.
5. Bergstrom-Lehtovirta, J., & Oulasvirta, A. (2014). Modeling the functional area of the thumb on mobile touchscreen surfaces. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (pp. 1991–2000). ACM. 엄지가 닿는 영역 모델이라, 가장자리 스와이프의 시작 위치를 정할 때 참고하면 도움이 돼요.
6. Google. (n.d.). Gestures. Material Design 3. 탭·스와이프·드래그 등 안드로이드 제스처의 공식 정의라, 플랫폼 관습을 확인할 때 참고하면 도움이 돼요.
7. World Wide Web Consortium. (2023). Understanding Success Criterion 2.5.1: Pointer gestures. In Understanding WCAG 2.2. 여러 손가락·경로 기반 제스처에 단일 포인터 대안을 요구하는 기준이라, 접근성을 점검할 때 참고하면 도움이 돼요.