HIG-App Architecture-Modality
✅ Modality
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 receive critical information and, if necessary, act on it
Presentaion Styles
- Automatic. 기본 프리젠테이션 스타일(일반적으로 sheet)을 사용합니다.
- Fullscreen. 이전 뷰를 덮고 닫기 버튼을 필요로 한다.
- Popover. 수평적인 경우는 Popover, compact 한 경우 sheetd을 나타낸다.
- Page sheet and form sheet. 부분적으로 이전 뷰를 덮는다.
- Current context. 특정의 이전 뷰를 덮는다.
- Custom. custom animation을 사용하여 custom container를 나타낸다.
Use modality when it makes sense.
- 현재 작업과 다른 작업을 선택하거나 수행하는 데 사람들의 주의를 집중시키는 것이 중요한 경우에만 모달 환경을 만듭니다.
- 모달 경험은 사람들을 현재 상황에서 벗어나게 하고 해제할 조치가 필요하므로 명확한 이점을 제공할 때만 사용하는 것이 중요합니다.
Reserve alerts for delivering essential — and ideally actionable — information.
필수적이고 이상적으로는 실행 가능한 정보를 제공하기 위해 알림을 예약하세요. 일반적으로 경고는 문제가 발생했기 때문에 나타납니다. 경고는 현재 경험을 중단하고 해제하려면 탭해야 하기 때문에 사람들이 침입이 정당하다고 느끼는 것이 중요합니다. 지침은 경고를 참조하십시오 .
- 사용자의 정상적인 행동에 대한 결과로는 alert을 사용하면 안된다.
- 스와이프 해서 지웠는데 "정말 지우시겠습니까"하고 alert 나오는 것과 같은
- Alert은 미안한데 이건 꼭 하고 넘어가야돼 정도면 쓴다
In general, keep modal tasks simple, short, and narrowly focused.
- 모달 작업이 너무 복잡하면 사람들이 모달 컨텍스트에 들어갔을 때 일시 중단한 작업을 놓칠 수 있습니다.
- 앱 내에서 앱처럼 느껴지는 모달 환경을 만들지 않도록 주의하세요.
- 특히 모달 작업 내에서 보기의 계층 구조를 표시하는 것에 주의하십시오. 사람들은 원래 작업으로 되돌아가는 방법을 잊어버릴 수 있기 때문입니다.
- 모달 작업에 하위 보기가 포함되어야 하는 경우 계층 구조를 통한 단일 경로와 완료에 대한 명확한 경로를 제공하십시오.
- 작업 완료 이외의 다른 목적으로 완료 버튼을 사용하지 마십시오.
- 2중 3중 으로 모달이 올라오면 done이란 버튼을 쓰지 말고 Add, Remove와 같이 해당 모달의 목적을 쓰자.
Consider using a fullscreen modal style for immersive content or a complex task.
몰입형 콘텐츠나 복잡한 작업에는 전체 화면 모달 스타일을 사용하는 것이 좋습니다. 전체 화면 모달 환경은 산만함을 최소화하므로 비디오, 사진 또는 카메라 보기를 표시하거나 문서에 마크업 또는 사진 편집과 같은 다단계 작업을 수행하는 데 적합합니다.
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.
앱에 적합한 모달 전환 스타일을 선택하세요. 앱과 조화를 이루고 일시적인 컨텍스트 전환에 대한 인식을 높이는 전환 스타일을 사용하세요. 기본 전환은 모달 보기를 화면 하단에서 위로 수직으로 슬라이드하고 닫힐 때 다시 아래로 슬라이드합니다. 앱 전체에서 일관된 모달 전환 스타일을 사용하세요.
