HIG

iOS Human Interface Guidelines 읽어보기! - App Architecture/Modality

jangsilverbaby 2021. 11. 27. 22:22

앱 아키텍처(App Architecture)

모달리티(Modality)

모달리티는 종료하기 위해 명시적인 작업이 필요한 콘텐츠를 임시 모드로 표시하는 설계 기법입니다. 콘텐츠를 모달로 표시하면 다음을 수행할 수 있습니다:

 

  • 사람들이 독립적인 작업이나 밀접하게 관련된 옵션 세트에 집중할 수 있도록 돕습니다.
  • 사람들이 중요한 정보를 받도록 하고 필요한 경우 조치를 취합니다.

 

다양한 시스템 정의 모달 경험을 가능하게 하기 위해 iOS는 alerts, activity views, share sheets, action sheets를 제공합니다. 앱에서 커스텀 모달 콘텐츠를 표시하려면 다음 프레젠테이션 스타일 중 하나를 사용할 수 있습니다.

 

  • 자동(Automatic). 기본 프리젠테이션 스타일(일반적으로 시트)을 사용합니다.
  • 전체 화면(Fullscreen). 이전 뷰를 덮기 때문에 취소하려면 닫기 버튼이 필요합니다.
  • 팝오버(Popover). 수평으로 규칙적인 환경에서는 팝오버를 제공하고 컴팩트한 환경에서는 시트를 제공합니다.
  • 페이지 시트 및 양식 시트(Page sheet and form sheet). 이전 뷰를 부분적으로 가립니다. 지침은 Sheets를 참조하십시오 .
  • 현재 컨텍스트(Current context). 특정한 이전 뷰를 가립니다.
  • 커스텀(Custom). 커스텀 애니메이션을 사용하여 커스텀 컨테이너에 콘텐츠를 표시합니다.

개발자 지침은 UIModalPresentationStyle을 참조하십시오 .

 

참고
현재 컨텍스트 모달 뷰 스타일을 사용하여 분할 뷰 창, 팝업 또는 전체 화면이 아닌 다른 뷰 내에 모달 컨텐츠를 표시하는 경우, 컴팩트 환경에서 모달 컨텐츠를 표시할 때 시트를 사용하는 것으로 전환하십시오.

 

적합할 때 모달리티를 사용하십시오. 현재하는 작업과는 다른 작업을 선택하거나 수행하는 데 사용자의 주의를 집중시켜야 하는 경우에만 모달 환경을 만드십시오. 모달 경험은 해제하기 위해 행동을 취해야 하므로 확실한 이점을 제공할 때만 사용하는 것이 중요합니다.

 

필수적이고 이상적으로 실행 가능한 정보를 제공하기 위해 알림을 예약하십시오. 일반적으로 알림은 문제가 발생하면 나타납니다. 알림은 현재 경험을 중단할 뿐만 아니라 해제하려면 탭해야 하기 때문에, 사람들이 침입이 정당하다고 느끼는 것이 중요합니다. 지침은  Alerts를 참조하십시오 .

 

일반적으로 모달 작업은 단순하고 짧고 좁게 초점을 유지하십시오. 모달 작업이 너무 복잡하면 사람들이 모달 컨텍스트에 들어갔을 때 일시 중단한 작업을 보지 못할 수 있습니다. 앱 내에서 앱처럼 느껴지는 모달 경험을 만들지 않도록 주의하세요. 특히 사람들은 원래 작업으로 되돌아가는 방법을 잊어버릴 수 있기 때문에 모달 작업 내에서 뷰의 계층 구조를 표시하는 것에 주의하십시오. 모달 작업에 하위 뷰가 포함되어야 하는 경우 계층을 통과하는 단일 경로와 명확한 완료 경로를 제공하십시오. 작업 완료 이외의 다른 목적으로 완료 버튼을 사용하지 마십시오.

 

몰입형 콘텐츠나 복잡한 작업에는 전체 화면 모달 스타일을 사용하는 것이 좋습니다. 전체 화면 모달 경험은 방해를 최소화하므로 비디오, 사진 또는 카메라 뷰를 표시하거나 문서에 마크업 또는 사진 편집과 같은 다단계 작업을 수행하는 데 적합합니다.

 

항상 모달 뷰를 닫는 버튼을 포함하십시오. 예를 들어 완료 또는 취소를 사용할 수 있습니다. 버튼을 포함하면 모달 뷰가 보조 기술에 접근할 수 있고 해제 제스처에 대한 대안을 제공합니다.

 

필요한 경우 모달 뷰를 닫기 전에 동의를 얻어 사람들이 데이터 손실을 방지하도록 돕습니다. 사람들이 보기를 닫기 위해 닫기 제스처를 사용하든 버튼을 사용하든 관계없이 작업으로 인해 사용자가 생성한 콘텐츠가 손실될 수 있는 경우 상황을 설명하고 해결 방법을 제공하는 작업 시트를 제공합니다.

 

모달 뷰의 작업을 쉽게 식별할 수 있습니다. 사람들이 모달 뷰에 들어가면 이전 컨텍스트에서 벗어나 바로 되돌아가지 않을 수 있습니다. 모달 뷰의 작업 이름을 지정하는 제목을 제공하거나 작업을 설명하는 등 안내을 제공하는 추가 텍스트를 제공하면 사용자가 앱에서 자신의 위치를 ​​유지하도록 도울 수 있습니다.

 

모달 뷰의 모양을 앱과 조정합니다. 예를 들어 모달 뷰에 탐색 모음이 포함된 경우 앱의 탐색 모음과 동일한 모양을 사용해야 합니다.

 

앱에 적합한 모달 전환 스타일을 선택하세요. 앱과 조화를 이루고 일시적인 컨텍스트 전환에 대한 인식을 향상시키는 전환 스타일을 사용하십시오. 기본 전환은 모달 뷰를 화면 하단에서 위로 수직으로 슬라이드하는 것이고 다시 아래로 슬라이드하면 닫힙니다. 앱 전체에서 일관된 모달 전환 스타일을 사용하세요.

 

개발자 지침은 UIViewController 및 UIPresentationController를 참조하십시오 .

 

 

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