항목에 딱 맞는 메뉴
컨텍스트 메뉴는 화면 전체가 아니라 지금 손가락 아래 있는 항목에 대한 동작만 보여줘요. 애플(n.d.)은 iOS에서 길게 누르면 미리보기와 함께 메뉴가 뜨도록 하고, 머티리얼(Google, n.d.)도 항목 옆 메뉴를 안내해요. 캘러핸과 동료들(1988)은 손가락 주변에 원형으로 펼친 메뉴가 줄 메뉴보다 빠를 수 있다고 보였고, 커텐바크와 벅스턴(1993)은 익숙해지면 방향만으로 고르는 마킹 메뉴를 연구했어요.
숨어 있다는 문제
길게 누르기는 화면에 아무 표시가 없어서 가버(1991)가 말한 숨겨진 행동 유도가 돼요. 많은 사용자가 이런 메뉴가 있다는 걸 몰라요. 그래서 중요한 동작은 컨텍스트 메뉴에만 두면 안 되고, 보이는 버튼이나 '⋯' 더보기 버튼, 바텀 시트로도 갈 수 있어야 해요. 어포던스가 약한 만큼 지름길로만 쓰는 게 안전해요. 스와이프 액션과 같은 동작을 담아 일관성을 맞추면 좋아요.
항목과 순서 정하기
시어스와 슈나이더만(1994)은 자주 쓰는 항목을 위에 모으면 선택이 빨라진다고 보였어요. 컨텍스트 메뉴도 가장 자주 쓰는 동작을 위에, 삭제처럼 위험한 동작은 아래에 빨간색으로 떼어 둬요. 항목은 짧게 유지하고 하위 메뉴는 피해요. 웹에서는 W3C의 메뉴 버튼 패턴(n.d.)처럼 역할과 키보드 동작을 지정하고, 화면낭독기 사용자는 길게 누르기 대신 접근성 동작으로도 열 수 있어야 해요.
자주 묻는 질문
- 컨텍스트 메뉴와 더보기 메뉴는 같은 건가요?
- 비슷한 내용을 담을 수 있지만, 더보기 메뉴는 눈에 보이는 버튼으로 열려 발견이 쉬워요. 둘을 함께 두는 경우가 많아요.
- 컨텍스트 메뉴에 몇 개 항목이 적당한가요?
- 정해진 수는 없지만 짧을수록 좋아요. 자주 쓰는 몇 개만 두고 나머지는 상세 화면으로 보내요.
출처 검토일: 2026-10-27
참고문헌
- Apple. (n.d.). Context menus. Human Interface Guidelines. 길게 눌러 여는 iOS 컨텍스트 메뉴의 공식 지침이라, 항목 수와 미리보기를 정할 때 참고하면 도움이 돼요.
- Google. (n.d.). Menus. Material Design 3. 안드로이드 메뉴의 배치와 항목 구성 지침이라, 더보기 메뉴와 함께 설계할 때 참고하면 도움이 돼요.
- Callahan, J., Hopkins, D., Weiser, M., & Shneiderman, B. (1988). An empirical comparison of pie vs. linear menus. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (pp. 95–100). ACM. 원형 메뉴가 선형 메뉴보다 빠를 수 있다는 실험이라, 손가락 주변에 메뉴를 펼치는 설계를 볼 때 참고하면 도움이 돼요.
- Kurtenbach, G., & Buxton, W. (1993). The limits of expert performance using hierarchic marking menus. In Proceedings of the INTERACT '93 and CHI '93 Conference on Human Factors in Computing Systems (pp. 482–487). ACM. 익숙해지면 메뉴를 보지 않고 방향만으로 고르는 마킹 메뉴 연구라, 숙련자 지름길을 설명할 때 참고하면 도움이 돼요.
- Sears, A., & Shneiderman, B. (1994). Split menus: Effectively using selection frequency to organize menus. ACM Transactions on Computer-Human Interaction, 1(1), 27–51. 자주 쓰는 항목을 위로 모으면 빨라진다는 연구라, 컨텍스트 메뉴 항목 순서를 정할 때 참고하면 도움이 돼요.
- Gaver, W. W. (1991). Technology affordances. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (pp. 79–84). ACM. 숨겨진 행동 유도 개념이라, 길게 누르기가 잘 발견되지 않는 이유로 참고하면 도움이 돼요.
- World Wide Web Consortium. (n.d.). Menu button pattern. ARIA Authoring Practices Guide. 메뉴를 여는 버튼의 역할과 키보드 동작을 다뤄, 웹에서 접근 가능한 메뉴를 만들 때 참고하면 도움이 돼요.