brunch

You can make anything
by writing

C.S.Lewis

by Lawn Mar 20. 2023

[HIG] Edit menus

선택한 콘텐츠를 손쉽게 변경하는 편집메뉴

본 문서는 Apple의 Human Interface Guideline(이하 HIG) 문서를 한글로 번역한 것입니다. iOS 생태계 내에서 HIG를 읽으시는 분들이 번역본이 없어 불편함을 겪는 것을 알게 되었고, 이에 한글로 번역을 하게 되었습니다. iOS 커뮤니티 Async Swift에서 자율적으로 모인 9명이 함께 번역했으며, 일체의 상업적인 목적을 띄지 않습니다. 이 문서를 학습에 적극적으로 이용해 주시돼, 상업적인 용도로 이용하시는 것은 지양해 주시기 바랍니다. 감사합니다.

Introduction

편집 메뉴(edit menu)를 사용하면 복사, 선택, 번역 및 조회와 같은 관련 명령을 제공할 뿐만 아니라 현재 화면에서 선택한 콘텐츠를 변경할 수 있습니다.

편집 메뉴(edit menu)의 명령은 텍스트 외에도 이미지, 파일, 연락처 카드, 차트 또는 지도 위치와 같은 개체 등 다양한 유형의 선택 가능한 콘텐츠에 적용할 수 있습니다. iOS 16 및 iPadOS 16부터는 시스템이 선택한 항목의 데이터 유형을 자동으로 감지하여 편집 메뉴(edit menu)에 관련 작업을 추가할 수 있습니다. 예를 들어 주소를 선택하면 길 찾기와 같은 편집 메뉴 항목이 활성화될 수 있습니다.

편집 메뉴(edit menu)는 플랫폼마다 형태와 작동 방식이 약간 다를 수 있습니다.

iOS에서 편집 메뉴(edit menu)는 화면에서 콘텐츠를 선택하기 위해 길게 터치하거나 두 번 탭할 때 표시되는 간결한 가로 목록으로 명령을 표시합니다.

iPadOS에서는 편집 메뉴(edit menu)가 표시되는 방식에 따라 다르게 보입니다. 터치 인터랙션을 사용하여 메뉴를 표시할 때는 익숙한 가로로 간결한 모양이 사용됩니다. 반면 키보드나 포인팅 장치를 사용하여 메뉴를 표시하는 경우에는 편집 메뉴(edit menu)가 세로형 레이아웃을 사용하여 상단에 서너 개의 중요한 명령이 일렬로 표시됩니다.

macOS에서는 편집 작업 중에 표시되는 콘텍스트 메뉴(context menu)와 메뉴 표시줄에 있는 앱의 Edit menu를 통해 편집 명령에 접근할 수 있습니다.

tvOS 및 watchOS 환경에서는 콘텐츠 편집이 거의 이루어지지 않으므로 편집 메뉴(edit menu)가 제공되지 않습니다.

역자설명 : 하단의 이미지는 편집메뉴(edit menu)의 예시입니다.

(좌) 가로형 편집메뉴 (우) 세로형 편집메뉴

Best practices

시스템이 제공하는 편집 메뉴(edit menu)를 사용하는 것이 더 좋습니다. 사람들은 시스템이 제공하는 구성 요소의 콘텐츠와 동작에 익숙하기 때문에 동일한 명령을 표시하는 사용자 지정 메뉴를 만드는 것은 사용자들에게 혼란스러움을 줄 수 있습니다. 표준 편집 메뉴 명령 목록은 UIResponderStandardEditActions을 참고하세요.

사람들에게 익숙한 시스템 정의 인터렉션을 사용해 편집 메뉴(edit menu)를 표시하는 것이 좋습니다. 예를 들어, 사람들은 터치스크린을 길게 터치하거나 연결된 trackpad 또는 키보드로 이중 클릭을 사용하는 것에 익숙합니다. 편집 메뉴(edit menu)를 표시하는 인터렉션은 플랫폼에 따라 다를 수 있지만, 사람들은 일반적으로 작업을 수행하기 위해 새로운 인터렉션 방법을 배워야 하는 것을 좋아하지 않습니다.

현재 콘텍스트와 관련된 명령을 활성화하고, 적용할 수 없는 명령은 제거하거나 흐리게 표시하세요. 예를 들어, 아무것도 선택되지 않은 경우 복사 또는 잘라내기와 같이 선택이 필요한 옵션이 표시되지 않도록 합니다. 마찬가지로 붙여 넣을 항목이 없는 경우 붙여 넣기 옵션이 표시되지 않도록 하세요.

사용자 지정 명령은 시스템이 제공하는 관련 명령 근처에 나열하세요. 예를 들어, 사용자 지정 서식 편집 명령을 제공하는 경우 시스템이 제공하는 서식 섹션의 동작 뒤에 사용자 지정 서식 동작을 나열하여 사람들이 원하는 순서를 유지할 수 있습니다. 너무 많은 사용자 지정 명령으로 사람들에게 거부감을 주지 않도록 조심하세요.

필요하다면, 사람들이 편집할 수 없는 텍스트를 선택하고 복사할 수 있도록 하세요. 사람들은 이미지 설명이나 소셜 미디어 상태와 같은 정적 콘텐츠를 메시지, 노트 또는 웹 검색에 붙여 넣고 싶어 할 수 있습니다. 일반적으로 콘텐츠의 텍스트는 복사할 수 있지만 레이블은 복사할 수 없도록 하는 것이 좋습니다.

가능한 경우 실행 취소 및 다시 실행(undo and redo)을 지원하세요. 모든 메뉴와 마찬가지로 편집 메뉴(edit menu)도 실행 취소 및 복귀(undo and redo)를 사용하여 이전 상태로 쉽게 복구할 수 있습니다. 가이드라인은 Undo and redo를 참고하세요.

일반적으로 편집 메뉴(edit menu) 항목과 같은 기능을 수행하는 다른 컨트롤을 제공하지 않는 것이 좋습니다. 사람들은 편집 메뉴(edit menu)에서 익숙한 편집 명령을 선택하거나 표준 키보드 단축키를 사용하기를 원합니다. 중복된 조작 방법을 제공하면 인터페이스가 복잡해져 사람들이 불편함을 느낄 수 있습니다.

필요하다면 다양한 유형의 삭제 명령을 차별화해서 보여주세요. 예를 들어, 삭제 메뉴 항목은 삭제 키를 누르는 것과 동일하게 동작하지만, 잘라내기 메뉴 항목은 선택한 콘텐츠를 삭제하기 전에 시스템 클립보드에 복사합니다.

Content

사용자 지정 명령에 대한 짧은 레이블을 만드세요. 명령이 수행하는 작업을 간결하게 설명하는 동사 또는 짧은 동사 구문을 사용하는 것이 좋습니다. 가이드라인은 Labels을 참고하세요.

Platform considerations

Not supported in tvOS or watchOS.

iOS, iPadOS

편집 메뉴(edit menu)가 두 가지 스타일에서 전부 잘 작동하는지 확인하세요. 멀티 터치 제스처(Multi-Touch gestures)를 사용해 편집 메뉴(edit menu)를 표시할 때는 시스템에서 간결한 가로 스타일을 표시하고, 키보드 또는 포인팅 장치를 사용하여 편집 메뉴(edit menu)를 표시할 때는 세로 스타일을 표시합니다. 세로 메뉴 레이아웃 사용에 대한 가이드라인은 Menus > iOS, iPadOS을 참고하세요.

필요하다면 편집 메뉴(edit menu)의 배치를 조정하세요. 사용 가능한 공간에 따라 메뉴의 기본 위치는 포인터 또는 선택된 항목의 위 또는 아래에 있습니다. 또한 시스템은 해당 콘텐츠를 가리키는 시각적인 표시를 보여줍니다. 메뉴의 모양이나 포인터는 변경할 수 없지만 메뉴의 위치는 변경할 수 있습니다. 예를 들어, 메뉴가 중요한 콘텐츠나 인터페이스의 일부를 가리지 않도록 메뉴를 이동해야 할 수 있습니다.