brunch

You can make anything
by writing

C.S.Lewis

by Lawn Jan 26. 2023

[HIG] Going full screen

사람들이 집중할 수 있는 전체화면 모드

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

Introduction

iPhone, iPad 그리고 Mac은 사람들이 집중할 수 있는 환경을 제공하는 전체 화면 모드를 제공하며, 사람들이 시스템이나 앱 컨트롤을 사용하기 전까지 전체 화면 모드를 숨겨둡니다.

Best Practices

적절한 상황에 전체화면 모드를 사용하세요. 사람들은 게임, 미디어 감상, 몰입형 작업을 할 때 전체화면 모드를 사용합니다. 하지만 모든 앱에서 전체화면 모드가 적절한 것은 아닙니다. 예를 들어 macOS의 계산기는 간편하게 계산하고 나온 값을 다른 곳에 붙여 넣기 때문에 전체 화면 모드를 지원할 필요가 없습니다.

사람들이 전체 화면 모드를 종료하지 않고 작업을 할 수 있도록 필수 앱을 손쉽게 사용하게 하세요. 예를 들어 전체 화면 모드의 미디어 재생 시 재생 컨트롤을 지속적으로 사용할 수 있도록 하거나 사용자들이 필요할 때 쉽게 사용할 수 있어야 합니다.

일반적인 경우 iPadOS 또는 macOS 앱이 전체 화면 모드에 있는 동안 사람들에게 Dock을 나타낼 수 있도록 하세요. 사람들이 앱 또는 기타 Dock 항목을 빠르게 열 수 있도록 Dock에 대한 접근성을 유지하는 것이 중요합니다. 화면의 가장자리에서 사용자 경험을 제공하는 몰입형 게임은 예외입니다.

역자 설명 : 화면의 가장자리에서 제공하는 사용자 경험의 예시로, 게임을 컨트롤하는 조이스틱이나 버튼이 화면의 하단 및 가장자리에 있는 경우가 있습니다.

출처 - 블레스 모바일

필요한 경우 전체 화면 공간을 활용하도록 인터페이스를 조정하세요. 전체 화면 모드에서 활용할 수 있는 공간이 많습니다. macOS와 같은 경우 전체 화면 모드로 전환될 때 창의 너비와 높이가 모두 커집니다. 이런 인터페이스 공간을 잘 활용하기 위해 인터페이스의 비율을 미묘하게 조정하고 싶을 수 있습니다. 이러한 조정이 앱에서 필요한 경우 어색할 수 있는 인터페이스 전환을 피하고, 사용자들이 변화를 즉시 인식할 수 있도록 하세요.

사용자가 원하는 시점에 전체 화면 모드를 종료할 수 있도록 하는 것이 좋습니다. 사람들은 일반적으로 다른 앱으로 전환하거나 영화나 게임 재생과 같은 몰입형 경험이 끝났을 때 갑자기 전체 화면 모드가 종료되면 당황스러울 겁니다.

Platform consideration

Not supported in tvOS or watchOS.

iOS, iPadOS

적절한 경우에 홈 인디케이터를 자동으로 숨기는 것을 제공하세요. 자동 숨기기를 사용하면 사람들이 몇 초 동안 화면을 터치하지 않으면 인디케이터가 사라지고 터치하면 다시 나타납니다. 비디오 또는 사진 슬라이드쇼 재생과 같은 시각적인 경험 혹은 게임 플레이 중에만 이 기능을 제공하세요.

macOS

시스템에서 제공하는 전체 화면 환경을 사용하세요. 시스템이 제공하는 전체 화면을 사용하면 전체 화면 창이 모든 상황에서 잘 작동합니다. 개발자 가이드라인은 toggleFullScreen(_:)을 참고하세요.

사용자 정의 전체 화면 사용하는 경우 전체 화면 창 콘텐츠를 가리지 않도록 시스템 정의 영역을 따르세요. 예를 들어, 일부 Mac 모델에는 화면 상단 중앙의 영역을 차지하는 카메라 하우징이 있습니다. 시스템이 제공하는 전체 화면을 사용하면 이 영역이 자동으로 적용됩니다. 사용자 정의 전체 화면 환경을 사용하는 경우 콘텐츠를 배치할 때 시스템 정의 영역을 고려해야 합니다. macOS는 맞춤형 전체 화면 환경을 사용할 때 콘텐츠를 배치하는 데 도움이 되는 두 가지 방법을 제공합니다.

safeAreaInsets 프로퍼티는 화면의 안전 영역을 정의하는 위쪽, 아래쪽, 왼쪽 및 오른쪽 값이 포함됩니다. 상단 값을 사용해서 화면 상단에서 콘텐츠가 가려지지 않도록 하세요.

auxiliaryTopLeftArea 및 auxiliaryTopRightArea 프로퍼티는 카메라 하우징의 왼쪽과 오른쪽과 안전 영역 외부의, 가려지지 않은 영역을 나타내는 화면 상단의 직사각형을 정의합니다.

작업에 필요한 경우 툴바를 계속 보여주고, 콘텐츠에 집중해야 할 때 툴바를 숨기세요. 툴바를 항상 표시하거나 사람들이 포인터를 화면 상단으로 이동할 때만 나타나도록 전체 화면 창을 설정할 수 있습니다. 예를 들어 캘린더는 항상 툴바를 표시하여 필수적인 탐색 및 일정 관리기능을 빠르게 사용할 수 있습니다. 반면 미리 보기는 도구 모음을 숨겨 사람들이 콘텐츠를 읽거나 보는 데 집중할 수 있도록 합니다. 메뉴 표시줄은 일반적으로 사람들이 표시하지 않는 한 전체 화면 모드에서 숨겨집니다.

항상 사람들이 미션 컨트롤(Mission Control)을 사용할 수 있도록 하세요. 앱 사용에 집중하고 있는 경우에도 사람들은 미션 컨트롤(Mission Control)을 호출하여 열려 있는 다른 창, 전체 화면 앱, 데스크톱 및 스페이스를 미리 보고 탐색할 수 있기를 원합니다. 앱에서 지원하는 경험의 유형에 관계없이 사람들이 미션 컨트롤(Mission Control)에 들어가기 위해 사용하는 키보드 단축키와 제스처를 사용할 수 있도록 하세요.

역자설명 : 미션 컨트롤(Mission Control)은 우리가 Mac을 사용할 때 제스처 또는 Control + ️ 등을 사용해 스페이스를 등록해 간편하게 스페이스를 넘기는 것을 말합니다.

출처 - Apple Support

사람들이 전체 화면에서 떠난 뒤 다시 돌아왔을 때 중단한 부분부터 다시 시작할 수 있도록 하세요. 예를 들어, 게임이나 슬라이드쇼는 사람들이 앱을 떠날 때 자동으로 일시 중지되어 사용자가 다시 앱을 시작할 때 콘텍스트를 유지합니다.

전체 화면 모드에서 사용할 보조 윈도를 구성하세요. 보조 윈도를 전체 화면 콘텐츠 위에 표시하려면 적절한 구성이 필요합니다. 개발자 가이드라인은 fullScreenAuxiliary를 참고하세요.

사람들이 앱에 있는 동안 파일에 접근을 해야 할 경우 전체 화면 모드에서 접근할 수 있는 편리한 방법을 제공하세요. 사람들이 파일 열기, 이미지 가져오기, 파일 저장 또는 유사한 상호 작용을 수행하기 위해 전체 화면 모드를 종료하도록 하지 않는 것이 좋습니다. 예를 들어 현재 모드에 관계없이 사람들이 앱에서 이미지를 열 수 있도록 하는 앱 내 이미지 브라우저를 구현할 수 있습니다.