Search
Duplicate

Pop-up buttons

A pop-up button displays a menu of mutually exclusive options.
팝업 버튼은 상호 배타적인 옵션 메뉴를 표시합니다.
After people choose an item from a pop-up button’s menu, the menu closes, and the button can update its content to indicate the current selection.
사람들이 팝업 버튼 메뉴에서 항목을 선택하면 메뉴가 닫히고 버튼은 현재 선택 사항을 나타내기 위해 콘텐츠를 업데이트할 수 있습니다.

Best practices

Use a pop-up button to present a flat list of mutually exclusive options or states. A pop-up button helps people make a choice that affects their content or the surrounding view. Use a pull-down button instead if you need to:
상호 배타적인 옵션이나 상태의 단순 목록을 표시하려면 팝업 버튼을 사용하세요. 팝업 버튼은 사람들이 콘텐츠나 주변 보기에 영향을 미치는 선택을 하는 데 도움이 됩니다. 다음이 필요한 경우 대신 풀다운 버튼을 사용하세요.
Offer a list of actions 작업 목록 제공
Let people select multiple items 사람들이 여러 항목을 선택하도록 허용
Include a submenu 하위 메뉴 포함
역자첨언
Provide a useful default selection. A pop-up button can update its content to identify the current selection, but if people haven’t made a selection yet, it shows the default item you specify. When possible, make the default selection an item that most people are likely to want.
유용한 기본 선택을 제공하십시오. 팝업 버튼은 콘텐츠를 업데이트하여 현재 선택 항목을 식별할 수 있지만 사람들이 아직 선택하지 않은 경우에는 지정한 기본 항목이 표시됩니다. 가능하다면 기본 선택 항목을 대부분의 사람들이 원할 것 같은 항목으로 만드십시오.
Give people a way to predict a pop-up button’s options without opening it. For example, you can use an introductory label or a button label that describes the button’s effect, giving context to the options.
사람들이 팝업 버튼을 열지 않고도 팝업 버튼의 옵션을 예측할 수 있는 방법을 제공하세요. 예를 들어 소개 라벨이나 버튼 효과를 설명하는 버튼 라벨을 사용하여 옵션에 대한 컨텍스트를 제공할 수 있습니다.
Consider using a pop-up button when space is limited and you don’t need to display all options all the time. Pop-up buttons are a space-efficient way to present a wide array of choices.
공간이 제한되어 있고 모든 옵션을 항상 표시할 필요가 없는 경우 팝업 버튼을 사용하는 것이 좋습니다. 팝업 버튼은 다양한 선택 항목을 표시하는 공간 효율적인 방법입니다.
If necessary, include a Custom option in a pop-up button’s menu to provide additional items that are useful in some situations. Offering a Custom option can help you avoid cluttering the interface with items or controls that people need only occasionally. You can also display explanatory text below the list to help people understand how the options work.
필요한 경우 팝업 버튼 메뉴에 커스텀 옵션을 포함시켜 일부 상황에서 유용한 추가 항목을 제공하십시오. 사용자 정의 옵션을 제공하면 사람들이 가끔씩만 필요로 하는 항목이나 컨트롤로 인해 인터페이스가 복잡해지는 것을 방지할 수 있습니다. 옵션 작동 방식을 사람들이 이해하는 데 도움이 되도록 목록 아래에 설명 텍스트를 표시할 수도 있습니다.
No additional considerations for iOS, macOS, or visionOS. Not supported in tvOS or watchOS.

iPadOS

Within a popover or modal view, consider using a pop-up button instead of a disclosure indicator to present multiple options for a list item. For example, people can quickly choose an option from the pop-up button’s menu without navigating to a detail view. Consider using a pop-up button in this scenario when you have a fairly small, well-defined set of options that work well in a menu.
팝오버 또는 모달 보기 내에서 목록 항목에 대한 여러 옵션을 표시하려면 공개 표시기 대신 팝업 버튼을 사용하는 것이 좋습니다. 예를 들어, 세부정보 보기로 이동하지 않고도 팝업 버튼 메뉴에서 옵션을 빠르게 선택할 수 있습니다. 메뉴에서 잘 작동하는 아주 작고 잘 정의된 옵션 세트가 있는 경우 이 시나리오에서는 팝업 버튼을 사용하는 것을 고려해 보십시오.
역자첨언

Change log

작성 날짜
작성자
수정사항
2023/10/10
하니
초기 번역
2023/12/25
하니
배포