brunch

You can make anything
by writing

C.S.Lewis

by Lawn Feb 24. 2023

[HIG] Activity views

사용자의 작업공간 액티비티 뷰

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

Introduction

액티비티 뷰(activity view)는 공유 시트(share sheet)라고도 하며, 사용자가 현재 상황에서 수행할 수 있는 작업 공간을 제공합니다.

액티비티 뷰(activity view)는 자주 사용하는 앱에 빠르게 접근할 수 있을 뿐만 아니라 메시지 보내기, 복사 및 인쇄 작업과 같이 공유할 수 있는 작업들을 보여줍니다. 일반적으로 사용자는 페이지나 문서를 보는 동안 항목을 선택한 후에 액티비티 버튼을 선택하여 공유 시트(share sheet)를 사용합니다. 기기 및 방향에 따라 액티비티 뷰(activity view)가 시트 또는 팝업으로 나타날 수 있습니다.

역자설명 : 하단의 이미지는 ‘액티비티 뷰(activity view)’와 해당 뷰의 인터페이스인 ‘공유 시트(share sheet)’의 예시입니다.

사용자가 앱 또는 게임 내에서 공유 시트(share sheet)를 열 때, 공유 시트(share sheet)에서 나타낼 수 있는 특정 작업을 제공할 수 있습니다. 예를 들어 사진 앱은 사진 복사, 앨범에 추가 및 위치 조정과 같은 작업을 제공합니다. 기본적으로 시스템은 여러 앱이나 시스템에서 전반적으로 사용할 수 있는 작업(예: 파일 추가(Add to Files) 또는 에어플레이(AirPlay))을 하기 전에 앱에서 할 수 있는 작업을 나열합니다. 작업 목록을 편집하여 가장 많이 사용하는 작업을 표시하고 새 작업을 추가할 수 있습니다.

또한 앱 익스텐션(app extensions)을 만들어서 사용자가 다른 앱에서 사용할 수 있는 커스텀 공유 및 작업 활동을 제공할 수도 있습니다. (앱 익스텐션은 사용자가 제공하는 코드로, 사용자가 앱 외부에서 설치하고 사용할 수 있습니다.) 예를 들어 커스텀 공유 작업(share activity)을 만들어 사용자가 특정 소셜 미디어 서비스와 함께 웹 페이지를 공유하는 데 도움을 주는 작업을 만들어 사용할 수 있습니다. MacOS에서 액티비티 뷰(activity view)를 제공하지 않더라도 Mac에서 사용자가 사용할 수 있는 공유 및 작업 앱 익스텐션(app extensions)을 만들 수 있습니다. 자세한 내용은 Share and action extensions을 참고하세요.

Best practices

액티비티 뷰(activity view)에서 기존에 시스템이 제공하는 기능과 중복된 기능을 제공하지 않는 것이 좋습니다. 예를 들어, 인쇄 작업을 액티비티 뷰(activity view)에서 중복해서 제공하는 것은 불필요하고 사용자들이 혼란스러움을 느낄 수 있습니다. 기존 작업과 유사한 앱 자체의 기능을 제공해야 하는 경우에는 커스텀 제목을 함께 제공하는 것이 좋습니다. 예를 들어, 은행 거래 내역을 인쇄하기 위해서 "거래 인쇄"와 같이 사람들이 해당 기능이 어떤 작업을 하는지 쉽게 이해할 수 있도록 도와주는 제목을 사용해야 합니다.

앱에 따라 커스텀한 항목의 기능을 나타내는 기호(symbol)를 사용하세요. SF Symbols은 액티비티 뷰(activity view) 안에서 항목에 대한 개념을 사용자들에게 전달하는 데 사용할 수 있는, 종합적이며 설정 가능한 기호 세트를 제공합니다. 커스텀 인터페이스 아이콘을 만들어야 하는 경우 약 70x70픽셀 크기의 영역에 중심을 맞추는 것이 좋습니다. 자세한 내용은 Icons을 참고하세요.

각 사용자 지정 작업에 대해 간결하게 설명하는 제목을 작성합니다. 제목이 너무 길면 시스템이 제목을 잘라낼 수 있습니다. 해당 작업이 무엇을 하는지 명확하게 전달하는 단일 동사나 짧은 동사구를 사용하는 것이 좋습니다. 제목에 회사 또는 제품 이름을 포함하지 않는 것이 좋습니다. 반대로, 공유 시트(share sheet)는 공유 작업을 나타내는 아이콘 아래에 공유 작업의 제목(일반적으로 회사 이름)을 표시하는 것이 좋습니다.

작업이 현재 상황에 적합한지 확인합니다. 액티비티 뷰(activity view)에서 시스템이 제공한 작업의 순서를 변경할 수는 없지만, 앱에 적용되지 않는 작업을 지원하지 않을 수 있습니다. 예를 들어, 앱 내에서 인쇄 작업이 필요 없는 경우 인쇄 작업을 지원하지 않을 수 있습니다. 또한 지정된 시간에 사용자 지정 작업을 표시하도록 하여 구분할 수 있습니다.

공유 버튼(Share button)을 사용하여 액티비티 뷰(activity view)를 보여줍니다. 사람들은 공유 버튼(Share button)을 선택할 때, 액티비티 뷰(activity view)를 사용하는 것에 익숙합니다. 기존의 친숙한 방법 외에 다른 접근 방법을 제공함으로써 사람들을 혼란스럽게 하는 것을 피하는 것이 좋습니다.

Share and action extensions

공유 익스텐션(share extensions)은 사람들에게 사용 맥락에서 정보를 공유할 수 있는 편리한 방법을 제공하며, 앱, 소셜 미디어 계정 및 기타 서비스에서 정보를 연결합니다. 공유 익스텐션(share extensions)을 통해 사용자는 현재 사용 맥락에서 벗어나지 않고 책갈피 추가, 링크 복사, 정렬된 이미지 편집 또는 선택한 텍스트를 다른 언어로 표시하는 등의 작업을 할 수 있습니다.

시스템은 플랫폼에 따라서 공유 및 작업 익스텐션(share and action extensions)을 다르게 표시합니다:

iOS와 iPadOS에서는 사용자가 작업 버튼(Action button)을 선택할 때 나타나는 공유 시트(share sheet)에 공유 및 작업 익스텐션(share and action extensions)이 표시됩니다.

MacOS에서 사용자는 도구 모음(toolbar)에서 공유 버튼(Share button)을 클릭하거나 상황에 맞는 메뉴에서 공유를 선택하여 공유 익스텐션(share extensions)에 접근합니다. 사용자는 ‘메일 작성 창에 추가하는 이미지’와 같이 특정 유형이 포함된 내용 위에 포인터를 놓고, 도구 모음 버튼(toolbar)을 클릭하거나 Finder 창에서 빠른 수행(quick action)을 선택하여 작업 익스텐션(share extensions)에 접근할 수 있습니다.

필요한 경우, 사용자에게 친숙한 커스텀 인터페이스(custom interface)를 만듭니다. 공유 익스텐션(share extension)의 경우, 시스템에서 제공하는 컴포지션 뷰(composition view)를 선호합니다. 사람들이 이미 알고 있는 일관된 공유 환경을 제공하기 때문입니다. 작업 익스텐션(action extension)의 경우 앱 이름을 포함하는 것이 좋습니다. 인터페이스를 보여야 하는 경우, 앱의 인터페이스 요소를 포함하여 익스텐션(extension)과 앱이 관련되어 있다는 것을 사람들이 이해할 수 있도록 도와주는 것이 좋습니다.

간소화된 인터렉션을 사용하세요. 사람들은 익스텐션(extensions) 기능을 간결하게 사용하기를 원합니다. 예를 들어, 공유 익스텐션(share extension)은 한 번의 탭 또는 클릭으로 이미지를 즉시 소셜 미디어 계정에 게시할 수 있습니다.

익스텐션(extension) 위에 모달 뷰(modal view)를 배치하지 않는 것이 좋습니다. 기본적으로 시스템은 모달 뷰(modal view) 안에서 익스텐션(extension)을 표시합니다. 익스텐션(extension) 상단에 경고(alert)를 표시해야 할 수도 있지만, 추가적인 모달 뷰(modal view)는 표시하지 않는 것이 좋습니다.

필요한 경우, 익스텐션(extension)이 가진 목적을 나타내는 이미지를 제공합니다. 공유 익스텐션(share extension)은 자동적으로 앱 아이콘을 사용하여, 앱이 해당 기능을 지원한다는 것을 알려줍니다. 작업 익스텐션(action extension)의 경우, 기호(symbol)를 사용하거나 작업을 명확하게 식별하는 인터페이스 아이콘을 만드는 것이 좋습니다.

앱을 통해 작업의 진행 상황을 보여주는 것이 좋습니다. 액티비티 뷰(activity view)는 사용자가 공유 또는 작업 익스텐션(extension)에서 작업(share or action extension)을 완료하면 즉시 해제됩니다. 작업이 시간이 많이 걸리는 경우 백그라운드에서 작업을 계속하며, 사용자가 앱의 상태를 확인할 수 있는 방법을 앱에서 제공합니다. 알림(notification)을 사용하여 사람들에게 진행사항을 알릴 수도 있지만, 작업이 완료되었다는 이유만으로 알림(notification)을 보내지 않는 것이 좋습니다.