Context menus
A context menu provides access to functionality that’s directly related to an item, without cluttering the interface.
컨텍스트 메뉴는 인터페이스를 복잡하게 만들지 않고 항목과 직접 관련된 기능에 액세스할 수 있습니다.
Although a context menu provides convenient access to frequently used items, it’s hidden by default, so people might not know it’s there. To reveal a context menu, people generally choose a view or select some content and then perform an action, using the input modes their current configuration supports. For example:
컨텍스트 메뉴를 사용하면 자주 사용하는 항목에 편리하게 액세스할 수 있지만 기본적으로 숨겨져 있기 때문에 사용자는 해당 항목이 있는지 모를 수 있습니다. 컨텍스트 메뉴를 표시하려면 일반적으로 보기를 선택하거나 일부 내용을 선택한 다음 현재 환경설정에서 지원하는 입력 모드를 사용하여 작업을 수행합니다. 예를 들어:
•
The system-defined touch or pinch and hold gesture in visionOS, iOS, and iPadOS
•
visionOS, iOS, iPadOS에서 시스템 정의 터치 또는 핀치 앤 홀드 제스처
•
Pressing the Control key while clicking a pointing device in macOS and iPadOS
•
macOS 및 iPadOS에서 포인팅 장치를 클릭한 상태에서 제어(control)키 누르기
•
Using a secondary click on a Magic Trackpad in macOS or iPadOS
•
MacOS 또는 iPadOS에서 Magic Trackpad 보조 클릭 사용(역자 주 : 두 손 가락으로 트랙패드 터치)
Prioritize relevancy when choosing items to include in a context menu. A context menu isn’t for providing advanced or rarely used items; instead, it helps people quickly access the commands they’re most likely to need in their current context. For example, the context menu for a Mail message in the Inbox includes commands for replying and moving the message, but not commands for editing message content, managing mailboxes, or filtering messages.
컨텍스트 메뉴에 포함할 항목을 선택할 때 관련성의 우선순위를 지정하십시오. 컨텍스트 메뉴는 고급 또는 거의 사용되지 않는 항목을 제공하기 위한 것이 아니며, 사용자가 현재 상황에서 가장 필요할 수 있는 명령에 빠르게 액세스할 수 있도록 도와줍니다. 예를 들어 받은 문서의 메일 메시지에 대한 컨텍스트 메뉴에는 메시지에 회신 및 이동 명령은 포함되지만 메시지 내용 편집, 편지함 관리 또는 메시지 필터링 명령은 포함되지 않습니다.
→ 우선순위를 지정하여 필요한 명령에 빠르게 엑세스할 수 있도록 해야 한다.
Aim for a small number of menu items. A context menu that’s too long can be difficult to scan and scroll.
메뉴 항목을 만드는데 초점을 맞추십시오. 너무 긴 컨텍스트 메뉴는 스캔 및 스크롤이 어려울 수 있습니다.
Support context menus consistently throughout your app. If you provide context menus for items in some places but not in others, people won’t know where they can use the feature and may think there’s a problem.
앱 전체에서 일관성 있게 컨텍스트 메뉴를 지원하십시오. 같은 앱에서 어떤 곳에서는 항목에 대한 컨텍스트 메뉴를 제공하고, 다른 곳에서는 제공하지 않는다면, 사람들은 해당 기능을 사용할 수 있는 위치를 제대로 알 수 없고, 문제가 있다고 생각할 수 있습니다.
→ 앱 전체에서 제공하는 컨텍스트 메뉴는 어디에서 접근하든 일관성이 있어야 한다.
Always make context menu items available in the main interface, too. For example, in Mail in iOS and iPadOS, the context menu items that are available for a message in the Inbox are also available in the toolbar of the message view. In macOS, an app’s menu bar menus list all the app’s commands, including those in various context menus.
메인 인터페이스에서도 항상 컨텍스트 메뉴 항목을 사용할 수 있도록 하십시오. 예를 들어, iOS 및 iPadOS의 메일에서는 받은 문서에서 메시지에 사용할 수 있는 컨텍스트 메뉴 항목을 메시지 보기의 도구 모음에서도 사용할 수 있습니다. macOS에서는 앱의 메뉴 모음 메뉴에 다양한 컨텍스트 메뉴를 포함하여 앱의 모든 명령이 나열됩니다.
→ 메인 인터페이스에서도 항상 컨텍스트 메뉴 항목을 사용할 수 있어야 한다.
If you need to use submenus to manage a menu’s complexity, keep them to one level. A submenu is a menu item that reveals a secondary menu of logically related commands. Although submenus can shorten a context menu and clarify its commands, more than one level of submenu complicates the experience and can be difficult for people to navigate. If you need to include a submenu, give it an intuitive title that helps people predict its contents without opening it. For guidance, see Submenus.
하위 메뉴를 사용하여 메뉴의 복잡성을 관리해야 한다면 한 단계로 유지하십시오. 하위 메뉴는 논리적으로 관련된 명령의 보조 메뉴를 나타내는 메뉴 항목입니다. 하위 메뉴는 컨텍스트 메뉴를 줄이고 명령을 명확히 할 수 있지만, 한 단계 이상의 하위 메뉴는 경험을 복잡하게 만들고 사람들이 탐색하기 어려울 수 있습니다. 하위 메뉴를 포함해야 한다면 열지 않고도 내용을 예측할 수 있도록 도와주는 직관적인 제목을 지정하십시오. 자세한 내용은 하위 메뉴를 참조하십시오.
역자 첨언
Hide unavailable menu items, don’t dim them. Unlike a regular menu, which helps people discover actions they can perform even when the action isn’t available, a context menu displays only the actions that are relevant to the currently selected view or content. The exceptions are the Cut, Copy, and Paste menu items, which you can show as unavailable if they don’t apply to the current context.
사용할 수 없는 메뉴 항목을 숨기고 회색으로 만들지 마십시오. 일반적인 메뉴는 특정 작업이 사용할 수 없을 때도 해당 작업을 발견할 수 있도록 돕지만, 컨텍스트 메뉴는 현재 선택된 뷰 또는 콘텐츠와 관련된 작업만 표시합니다. 예외는 현재 컨텍스트에 적용되지 않는 경우 사용할 수 없는 상태로 보일 수 있는 Cut, Copy 및 Paste 메뉴 항목입니다.
Aim to place the most frequently used menu items where people are likely to encounter them first. When a context menu opens, people often read it starting from the part that’s closest to where their finger or pointer revealed it. Depending on the location of the selected content, a context menu might open above or below it, so you might also need to reverse the order of items to match the position of the menu.
가장 자주 사용하는 메뉴 항목을 사람들이 처음 접하는 위치에 먼저 배치하도록 하십시오. 컨텍스트 메뉴가 열리면 사람들은 손가락이나 포인터가 표시한 위치에 가장 가까운 부분부터 시작하여 읽는 경우가 많습니다. 선택한 컨텐츠의 위치에 따라 컨텍스트 메뉴가 위 또는 아래로 열리므로 메뉴의 위치와 일치하도록 항목의 순서를 뒤집어야 할 수도 있습니다.
→ 포인터 또는 손가락에서 가까운 부분부터 가장 많이 사용하는 것을 배치해야 한다.
역자 첨언
Show keyboard shortcuts in your app’s main menus, not in context menus. Context menus already provide a shortcut to task-specific commands, so it’s redundant to display keyboard shortcuts too.
컨텍스트 메뉴가 아닌 앱의 기본 메뉴에 바로 가기 키를 표시하십시오. 컨텍스트 메뉴는 이미 작업별 명령에 대한 바로 가기를 제공하므로 바로 가기 키를 표시하는 것도 중복됩니다.
→ 컨텍스트 메뉴는 작업별 명령에 대한 바로가기를 제공하기 때문에, 앱의 기본 메뉴에 키보드 단축키를 표시해야 한다.
역자 첨언
Follow best practices for using separators. As with other types of menus, you can use separators to group items in a context menu and help people scan the menu more quickly. In general, you don’t want more than about three groups in a context menu. For guidance, see Menus.
구분선 사용 모범 사례를 따르십시오. 다른 유형의 메뉴와 마찬가지로 구분선을 사용하여 컨텍스트 메뉴의 항목을 그룹화하고 사용자가 메뉴를 더 빠르게 스캔할 수 있도록 도와줍니다. 일반적으로 컨텍스트 메뉴에서 그룹을 세 개 이상 사용하지는 않습니다. 자세한 내용은 메뉴를 참조하십시오.
→ 구분선을 사용하여 메뉴의 항목을 그룹화하고 사용자가 메뉴를 더 빠르게 스캔할 수 있도록 해야 한다.
역자 첨언
In iOS, iPadOS, and visionOS, warn people about context menu items that can destroy data. If you need to include potentially destructive items in your context menu — such as Delete or Remove — list them at the end of the menu and identify them as destructive (for developer guidance, see destructive). The system can display a destructive menu item using a red text color.
iOS, iPadOS 및 visionOS에서는 사용자에게 데이터를 삭제할 수 있는 컨텍스트 메뉴 항목에 대해 경고하십시오. 컨텍스트 메뉴에 잠재적으로 파괴적인 항목(예: 삭제 또는 제거)을 포함해야 하는 경우 메뉴 끝에 해당 항목을 나열하고 파괴적인 항목으로 식별할 수 있도록 합니다(개발자 안내 참조). 시스템은 빨간색 텍스트 색상을 사용하여 파괴적인 메뉴 항목을 표시할 수 있습니다.
→ 데이터가 삭제될 수 있는 경우, 메뉴 항목을 특별하게 표시해야 한다.
A context menu seldom displays a title. In contrast, each item in a context menu needs to display a short label that clearly describes what it does. For guidance, see Menus > Labels.
컨텍스트 메뉴는 제목을 거의 표시하지 않습니다. 대조적으로 컨텍스트 메뉴의 각 항목은 자신이 하는 일을 명확하게 설명하는 짧은 레이블을 표시해야 합니다. 자세한 내용은 메뉴 > 레이블을 참조하십시오.
→ 컨텍스트 메뉴는 제목을 표시하진 않지만, 각 항목에 항목을 설명하는 짧은 레이블을 표시해야 한다.
역자 첨언
In iOS, iPadOS, and visionOS, include a symbol or interface icon with each command in a context menu. A symbol or icon reinforces the meaning of a command, helping people instantly understand its function. In cases where there are multiple commands that need to use the same symbol, consider omitting all symbols for these commands to avoid repeating the symbol too often. A macOS context menu generally doesn’t include symbols.
iOS, iPadOS, visionOS에서는 컨텍스트 메뉴에 각 명령과 함께 기호 또는 인터페이스 아이콘을 포함합니다. 기호 또는 아이콘은 명령의 의미를 강화하여 사람들이 명령의 기능을 즉시 이해할 수 있도록 도와줍니다. 동일한 기호를 사용해야 하는 명령이 여러 개인 경우에는 기호를 너무 자주 반복하지 않도록 이러한 명령에 대해 모든 기호를 생략하는 것을 고려하십시오. macOS 컨텍스트 메뉴에는 일반적으로 기호가 포함되어 있지 않습니다.
→ iOS, iPadOS 등에서는 아이콘을 포함해서 사용자들이 명령의 기능을 잘 이해할 수 있도록 도와주십시오.
No additional considerations for tvOS. Not supported in watchOS.
tvOS에 대한 추가 고려 사항은 없습니다. watchOS에서는 지원되지 않습니다.
Include a title in a context menu only if doing so clarifies the menu’s effect. For example, when people select multiple Mail messages and tap the Mark toolbar button, the resulting context menu displays a title that states the number of selected messages, reminding people that the command they choose affects all the messages they selected.
컨텍스트 메뉴에 제목을 포함하십시오. 이렇게 하는 경우 메뉴의 효과를 명확히 할 수 있습니다. 예를 들어, 사용자가 여러 개의 이메일 메시지를 선택하고 '표시(Mark)' 툴바 버튼을 누를 때, 결과로 나타나는 컨텍스트 메뉴에는 선택한 메시지의 수를 나타내는 제목을 표시합니다. 이를 통해 사용자에게 선택한 모든 메시지에 영향을 미치는 명령임을 상기시킵니다.”
→ 컨텍스트 메뉴가 가져올 효과를 명확하게 하기 위해 제목을 표시하세요.
역자 첨언
Provide either a context menu or an edit menu for an item, but not both. If you provide both features for the same item, it can be confusing to people — and difficult for the system to detect their intent. See Edit menus.
항목에 대한 컨텍스트 메뉴 또는 편집 메뉴를 제공할 수 있지만 둘 다 제공할 수 없습니다. 동일한 항목에 대해 두 기능을 모두 제공할 경우 사용자가 혼동할 수 있으며 시스템이 사용자의 의도를 감지하기 어려울 수 있습니다.
→ 특정 항목에 대해 컨텍스트 메뉴, 편집 메뉴 둘 다 제공되지만, 한 꺼번에 제공할 수 없다.
In iPadOS, consider using a context menu to let people create a new object in your app. iPadOS lets you reveal a context menu when people perform a long press on the touchscreen or use a secondary click with an attached trackpad or keyboard. For example, Files lets people create a new folder by revealing a context menu in an area between existing files and folders.
iPadOS에서는 컨텍스트 메뉴를 사용하여 사람들이 앱에 새 개체를 만들 수 있도록 하는 것을 고려해 볼 수 있습니다. iPadOS에서는 사람들이 터치스크린을 길게 누르거나 트랙패드 또는 키보드가 부착된 보조 클릭을 사용할 때 컨텍스트 메뉴를 표시할 수 있습니다. 예를 들어, 파일을 사용하면 사람들이 기존 파일과 폴더 사이의 영역에 컨텍스트 메뉴를 표시하여 새 폴더를 만들 수 있습니다.
→ iPadOS에서는 앱에 새로운 파일 또는 폴더를 컨텍스트 메뉴에서 만들 수 있도록 하는 것을 고려해보세요.
In iOS and iPadOS, a context menu can display a preview of the current content near the list of commands. People can choose a command in the menu or — in some cases — they can tap the preview to open it or drag it to another area.
iOS 및 iPadOS에서 컨텍스트 메뉴는 명령 목록 근처에 현재 내용의 미리 보기를 표시할 수 있습니다. 사용자는 메뉴에서 명령을 선택하거나, 미리 보기를 눌러 열거나 다른 영역으로 끌 수 있습니다.
Prefer a graphical preview that clarifies the target of a context menu’s commands. For example, when people reveal a context menu on a list item in Notes or Mail, the preview shows a condensed version of the actual content to help people confirm that they’re working with the item they intend.
컨텍스트 메뉴의 명령 대상을 명확히 보여주는 그래픽 미리보기를 보여주도록 하세요. 예를 들어, 사용자가 Notes 또는 메일의 목록 항목에 컨텍스트 메뉴를 표시할 때 미리보기는 사용자가 원하는 항목을 사용 중인지 확인할 수 있도록 실제 내용을 축약하여 보여줍니다.
→ 컨텍스트 메뉴의 실제 내용을 축약해서 보여주는 미리보기를 지원해야 한다.
Ensure that your preview looks good as it animates. As people reveal a context menu on an onscreen object, the system animates the preview image as it emerges from the content, dimming the screen behind the preview and the menu. It’s important to adjust the preview’s clipping path to match the shape of the preview image so that its contours, such as the rounded corners, don’t appear to change during animation. For developer guidance, see UIContextMenuInteractionDelegate.
미리보기가 애니메이션 중에도 잘 보이도록 보장하십시오. 사용자가 화면 상 객체에서 컨텍스트 메뉴를 표시하면 시스템은 미리보기 이미지를 내용에서 나오면서 화면 뒷배경과 메뉴를 어둡게 표시하는 애니메이션을 제공합니다. 중요한 점은 미리보기의 클리핑 경로를 조정하여 미리보기 이미지의 모양과 일치시켜야 합니다. 예를 들어, 둥근 모서리와 같은 미리보기 이미지의 윤곽이 애니메이션 중에 변하지 않도록 해야 합니다. 개발자 지침은 UIContextMenuInteractionDelegate를 참조하십시오.
→ 애니메이션 중에도 미리보기가 잘 보이도록 해야 한다.
On a Mac, a context menu is sometimes called a contextual menu.
Mac에서는 컨텍스트 메뉴를 contextual menu라고 부르기도 합니다.
Consider using a context menu instead of a panel or inspector window to present frequently used functionality. Minimizing the number of separate views or windows your app opens can help people keep their space uncluttered.
자주 사용하는 기능을 제공하기 위해 패널이나 인스펙터 창 대신 컨텍스트 메뉴를 사용하는 것을 고려하십시오. 앱을 여는 별도의 보기나 창의 수를 최소화하면 사람들이 공간을 깔끔하게 유지하는 데 도움이 될 수 있습니다.
→ 컨텍스트 메뉴에서 자주 사용하는 기능을 보여줄 수 있도록 해야 한다.
In general, avoid letting a context menu’s height exceed the height of the window. In visionOS, a window includes system-provided components above and below its top and bottom edges, such as window-management controls and the Share menu, so a context menu that’s too tall could obscure them. As you consider the number of items to include, be guided by the ways people are likely to use your app. For example, people who use an app to accomplish in-depth, specialist tasks often expect to spend time learning a large number of sophisticated commands and might appreciate contextual access to them. On the other hand, people who use an app to perform a few simple actions may appreciate short contextual menus that are quick to scan and use.
일반적으로 컨텍스트 메뉴의 높이가 창의 높이를 초과하지 않도록 하십시오. visionOS에서 창은 관리 컨트롤 및 공유 메뉴와 같이 상단 및 하단 가장자리 위와 아래에 시스템에서 제공하는 구성 요소를 포함하므로 너무 높은 컨텍스트 메뉴가 해당 구성 요소를 모호하게 만들 수 있습니다. 포함할 항목의 수를 고려할 때 사람들이 앱을 사용할 가능성이 높은 방법을 안내받으십시오. 예를 들어 전문적인 심층 작업을 수행하기 위해 앱을 사용하는 사람들은 종종 많은 수의 정교한 명령을 배우는데 시간을 보낼 것으로 예상하고 명령에 대한 상황별 액세스를 감사할 수 있습니다. 반면에 앱을 사용하여 몇 가지 간단한 작업을 수행하는 사람들은 스캔 및 사용이 빠른 짧은 상황별 메뉴를 감사할 수 있습니다.
→ 창안에서 여는 컨텍스트 메뉴가 창의 높이를 초과하지 않도록 항목의 수를 고려해야 한다.
In versions of watchOS before watchOS 7, people could press firmly on the display to open a hidden menu of actions relevant to the current screen. In watchOS 7 and later, watchOS apps elevate important items out of such menus and into the relevant screen or a settings screen.
watchOS 7 이전 버전에서는 디스플레이를 눌러 현재 화면과 관련된 숨겨진 동작 메뉴를 열 수 있습니다. watchOS 7 이후, watchOS 앱들은 중요한 항목을 해당 화면 또는 설정 화면에서 동작 메뉴를 볼 수 있습니다.
작성 날짜 | 작성자 | 수정사항 |
2023/10/04 | 배찌 | 초기 번역 |
2023/12/12 | 배찌 | 12월 업데이트본 번역 수정 |