티스토리 뷰
모달은 종료하기 위한 명백한 행동(작업)이 필요한 일시적인 모드에서 컨텐츠를 표시하는 디자인 기술이다.
컨텐츠를 표시하는 모달은 아래와 같은 것을 할 수 있다.
- 사람들이 독립적인 작업 또는 밀접하게 연관된 옵션들의 집합에 집중하도록 돕는다.
- 사람들이 중요한 정보를 받고 필요한 경우 행동을 하게 한다.
다양한 시스템 정의 modal 경험을 가능하게 하기 위해, iOS는 alerts, activity views, share sheets, action sheets를 제공한다.
앱에서 custom 모달 컨텐츠를 표시하려면, 다음의 프레젠테이션 스타일중 하나를 사용해야 한다.
- Automatic : default 프레젠테이션 스타일을 사용한다.(일반적으로 sheet)
- Fullscreen : 이전 화면을 덮는 방식으로 닫기 버튼이 필요하다.
- Popover : 수평으로 규칙적인 환경에서는 팝오버를 제공하고 컴팩트한 환경에서는 시트로 제공한다.
- Page sheet and form sheet : 부분적으로 이전 뷰를 덮는다. (참조 : Sheets)
- Current context : 특정한 이전 뷰를 덮는다.
- Custom : custom container에서 컨텐츠를 보여주기 위해 custom 애니메이션을 사용한다.
개발 지침은 UIModalPresentationStyle 에서 확인 가능하다.
Note
fullscreen이 아닌 split view pane, popover, 기타 등등에서 모달 컨텐츠를 보여주기 위해 현재 컨텍스트 모달 뷰 스타일을 사용한다면, 컴팩트 환경에서 모달 컨텐츠를 보여줄때는 시트를 사용하여 전환해야한다.
- Use modality when it makes sense.
- 현재 작업과 다른 작업을 선택하거나 수행하는데 사용자들의 주의를 집중시키는게 중요한 경우에만 모달 경험을 만들어야한다.
- 모달 경험은 사람들이 그들의 현재 상황에서 벗어나게 하고 닫으려면 행동이 필요하므로 명확한 이점을 제공할때 사용하는것이 중요하다.
- Reserve alerts for delivering essential - and ideally - information
(필수적이고 이상적으로 실행가능한 정보를 제공하기 위한 alerts를 예약해야한다)- alert는 일반적으로 문제가 발생했을 때 나타난다.
- alert는 현재의 경험을 중단하고 닫으려면 탭해야 하기 때문에, 사람들이 침입이 정당하다고 느끼는 것이 중요하다.
- 참조 : Alerts
- In general, keep modal tasks simple, short, and narrowly focused.
- 모달 작업이 매우 복잡하면 사람들은 모달 컨텍스트에 들어갈 때 일시중단 했던 작업을 놓칠 수 있다.
- 앱 내에서 앱처럼 느껴지는 모달 경험을 만들지 않도록 해야한다.
- 특히 사람들이 기존의 작업으로 돌아가는 방법을 잊어버릴 수 있기 때문에, 모달 작업내에서 뷰의 계층구조를 보여주는 것을 주의해야한다.
- 모달 작업이 반드시 하위뷰를 포함해야한다면, 계층구조를 통한 단일경로와 완료하기 위한 명확한 경로를 제공해야한다.
- 작업 완료 이외의 다른 목적으로 완료버튼의 사용을 피해야한다.
- Consider using a fullscreen modal style for immersive content or a complex task.
- fullscreen 모달 경험은 방해를 최소화 하기 때문에, 비디오,사진, 카메라화면을 표시하거나 문서에 마크업 또는 사진 편집과 같은 다중 작업을 하기에 좋다.
- Always include a button that dismisses the modal view.
- 예를 들어, 완료, 취소를 사용할 수 있다.
- 버튼을 포함하면 모달 뷰는 보조기술에 액세스할 수 있고 닫으려는 제스처에 대한 대안을 제공한다.
- When necessary, help people avoid data loss by getting confirmation before closing a modal view.
- 사람들이 닫기 제스처 또는 버튼을 사용하든 상관없이 사용자 생성 컨텐츠가 손실되는 경우 상황을 표시하고, 해결방법을 제공하는 액션시트를 제공한다.
- Make it easy to identify a modal view's task.
- 사람들이 이전 컨텍스트로 부터 전환하여 모달 뷰로 들어갔을때, 그들은 바로 돌아가지 않을 수 있다.
- 모달뷰의 작업의 이름을 지정하는 제목 또는 작업을 묘사하거나 지침을 제공하는 추가 텍스트를 제공하면 앱에서 사람들이 자신의 위치를 유지하게 할 수 있다.
- Coordinate the modal view's appearance with your app.
- 예를들어, 모달뷰에서 네비게이션바를 사용한다면 앱 내의 네비게이션과 같은 모양이어야 한다.
- Choose a modal transition style that makes sense in your app.
- 너의 앱에 적합하고 일시적인 컨텍스트 전환에 대한 인식을 향상시키는 전환스타일을 사용해야한다.
- 기본전환은 모달 뷰를 하단에서 위로 수직으로 슬라이드하고 화면을 닫을 때 다시 아래로 슬라이드한다.
- 앱 전체에서 일관된 모달 전환 스타일을 사용해야한다.
- 참조
https://developer.apple.com/design/human-interface-guidelines/ios/app-architecture/modality/
Modality - App Architecture - iOS - Human Interface Guidelines - Apple Developer
Modality Modality is a design technique that presents content in a temporary mode that requires an explicit action to exit. Presenting content modally can: Help people focus on a self-contained task or set of closely related options Ensure that people rece
developer.apple.com
'HIG' 카테고리의 다른 글
| [HIG]App Architecture - Accessing User Data (0) | 2021.10.19 |
|---|---|
| [Human Interface Guidelines] App Architecture - Navigation (0) | 2021.10.12 |
| [Human Interface Guidelines] App Architecture - Loading (0) | 2021.10.06 |
| [Human Interface Guidelines] App Architecture - Onboarding (0) | 2021.10.06 |
| [Human Interface Guidelines] App Architecture - Launching (0) | 2021.10.05 |
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- apple
- storage
- 온라인저지
- HIG
- MVC
- 백준
- 부스트코스
- UIView
- Human Interface Guideline
- 분할정복
- 알고리즘
- 싱글톤
- 오토레이아웃
- Firebase
- Swift
- HumanInterfaceGuidelines
- 디자인패턴
- ios
- DP
- Human Interface Guidelines
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | ||||||
| 2 | 3 | 4 | 5 | 6 | 7 | 8 |
| 9 | 10 | 11 | 12 | 13 | 14 | 15 |
| 16 | 17 | 18 | 19 | 20 | 21 | 22 |
| 23 | 24 | 25 | 26 | 27 | 28 |
글 보관함