[HIG] App Architecture - Modality

💡 개인적인 공부를 목적으로 번역하여 간략하게 정리만 한 글입니다. 전문을 포함하고 있지 않으니 자세한 내용은 공식문서를 읽어보시길 권해드립니다!

https://developer.apple.com/design/human-interface-guidelines/ios/app-architecture/modality/

Modality - App Architecture - iOS - Human Interface Guidelines - Apple Developer

Modality

모달은 임시적인 화면으로 사용자들이 현재 작업에서 중요한 정보나 행동을 전달받고 결정할 수 있도록 합니다. iOS에서는 Alert, Activity View, Action Sheet가 모달을 사용합니다. iOS 13 이상부터는 커스텀 모달을 만들기 위해 아래와 같은 스타일을 지원합니다.

Sheet

Sheet 스타일은 카드모양으로 생성되며 이 영역을 제외한 다른 모든 영역을 어둡게 만들어 사용자와의 상호작용을 차단합니다. 현재 카드 뒤로 부모뷰의 상단이나 이전 카드를 보여주어서 사용자들이 카드를 열기 전에 하던 작업을 기억할 수 있도록 합니다. 사용자들은 카드를 상단에서 하단으로 스와이프하거나, 버튼을 눌러서 카드를 종료시킬 수 있습니다.

Full Screen

Full screen 스타일은 화면 전체를 덮습니다. 영상, 사진 등 복작하고 몰입해야 하는 작업에 사용하는 것이 좋습니다. 사용자들은 버튼을 눌러 모달에서 빠져나올 수 있습니다.

디자인 가이드라인

• 알림은 중요한 정보를 전달하는 용도로만 사용하세요.
• 모달에서 하는 작업은 단순하고 간단한 작업이 되도록 하세요.
  • 너무 복잡한 작업은 사용자들이 모달에 진입하기 전에 하던 작업에 대해 잊어버리게 합니다.
• 모달 뷰를 종료하는 버튼을 항상 포함하세요.
• 모달 뷰를 종료하기 전에 확인을 받아 데이터가 지워지는 것을 피하세요.
  • 어떤 방식이든 모달에서 진행중이던 작업이 삭제될 수 있다면 Action Sheet를 통해 상황을 전달하고 사용자가 선택할 수 있도록 하세요.
• 모달에서 진행하는 작업을 의미하는 제목을 선정하는 것이 일반적입니다.
• 모달 뷰의 디자인을 앱의 디자인과 일치하도록 하세요.

개발자 가이드: UIViewController / UIPresentationController.