[iOS HIG] Human Interface Guidelines - App Architecture (4) Modality 정리

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

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

모달리티란 내용을 일시적으로 제공하는 모드이며, 해제하기 위해 명확한 액션을 취해줘야 하는 것을 의미한다. 시스템에서 제공하는 대표적인 것으로는 alert나 activity views, share sheets, action sheets 등이 있으며, 직접 커스텀한 모달 컨텐츠를 앱에 담고 싶으면 다음과 같은 스타일을 따르면 된다.

• Automatic: 보통 시트로 대표되는 디폴트 프레젠테이션 스타일을 사용한다.
• Fullscreen: 이전 뷰를 덮고, 해제하기 위한 버튼을 필요로 한다.
• Popover: 팝오버를 제공한다.
• Page sheet and form sheet: 이전 뷰를 부분적으로 덮는다.
• Current context: 이전 뷰 중 특정한 부분을 덮는다.
• Custom: 커스텀 컨테이너에 내용을 보여주기 위해 커스텀 애니메이션을 이용한다.

이외에 모달리티와 관련하여 참고할 사항들

• 모달리티를 사용해도 괜찮은 상황에만 사용하라: 선택을 하게 하거나 현재 태스크와 다른 작업을 수행하도록 해야 하는 등, 사용자의 주의를 집중시킬 필요가 있는 상황에만 모달리티를 제공하라. 모달리티는 사용자들이 현재 겪고 있는 맥락에서 벗어나게 하고, 해제하기 위해서는 따로 액션을 취해야 하기 때문에 명백히 필요한 상황에만 제공하는 것이 좋다.
• alert는 필수적이고 actionable한 정보를 전달하기 위해 아껴둬라: alert는 전형적으로 무엇인가 문제가 있을 때 나타난다. alert는 사용자가 겪고 있는 경험을 방해하는 것이며, 해제하기 위해서 따로 탭이 필요한 만큼 사용자들로 하여금 방해에 정당한 이유가 있다는 느낌을 받게 해줘야 한다.
• 모달 작업을 간단하고 짧고 작은 범위의 작업으로 제한하라: 모달 작업이 너무 복잡하면 사람들은 모달 이전에 하던 작업에 대해 감을 잃는다. 모달 작업이 앱 내의 앱이라는 생각이 들지 않도록 하라. 사용자들이 원래 하던 일로 돌아가는 것을 잊을 수 있기 때문에 모달 작업 내에 위계를 제공하는 게 좋다. 작업의 완료가 아닌 이상 Done 버튼을 사용하는 것은 피하라.
• 몰입감 있는 내용이나 복잡한 작업의 경우 모달을 풀스크린으로 제공하는 것을 고려해보라: 풀스크린 모달리티는 더 집중도를 높일 수 있기 때문에 비디오나 사진, 카메라 뷰를 보여주기에 적합하다. 또한 문서를 고치거나 사진을 편집하는 등의 다단계의 작업을 가능하게 한다.
• 모달 뷰를 해제하는 버튼을 늘 포함시켜라: Done이나 Cancel 등의 버튼을 사용하라.
• 모달 뷰를 닫기 전에 다시 한번 확인을 시킴으로써 사용자들이 데이터 손실을 피하도록 해야 할 때도 있다: 뷰를 닫기 위해 사용자가 해제 제스쳐나 버튼을 사용할 때, 해제 액션이 유저가 작성한 내용을 잃게 할 수 있다면 그 상황을 설명하고 사용자에게 선택권을 주는 액션 시트를 제공하라.
• 모달 뷰의 태스크가 무엇인지 알기 쉽게 만들어라: 사용자들이 모달 뷰에 접근할 때는 다른 행위를 하는 도중에 오는 것이고, 해당 행위로 바로 돌아가지 않을 수도 있다. 모달 뷰의 태스크에 대한 제목을 정해주거나 추가적인 설명을 덧붙인다면 사용자들이 앱에서의 자신의 위치를 알기 쉬울 것이다.
• 모달 뷰의 생김새를 앱에 맞게 조절하라: 모달 뷰에 네비게이션 바가 포함되어 있다면, 앱의 네비게이션 바와 생김새를 통일해야 한다.
• 앱과 어울리는 방식으로 모달 전환 스타일을 결정하라: 앱과 어울리는 모달 전환 스타일을 사용함으로써 일시적으로 맥락 전환이 일어나고 있음을 일깨워줘라. 일관된 모달 전환 스타일을 유지하라.