[iOS-HIG] Modality

Modality

Modality는 명시적인 작업이 필요한 콘텐츠를 임시 모드로 표시하는 설계 기법이다.

콘텐츠를 자동으로 표시하면 다음을 수행할 수 있다.

 

- 사람들이 독립적인 작업 또는 밀접하게 관련이 있는 task에 집중할 수 있도록 도와준다. (ex,메일 보내기(Modal View))

- 사람들이 중요한 정보를 받도록 경고를하고 필요한 경우 조치를 취할 수 있게 도와준다. (ex, 경고 문구(Alert))

iOS는 다양한 modal경험을 위해 Alerts, Activity Views(or Share sheets, ex.공유버튼), and Action Sheets(ex.사진 찍기 or 앨범에서 선택 Sheets) 를 제공 한다.

앱에서 사용자 지정 modal content를 표시하려면 다음의 스타일 중 하나를 사용할 수 있다.

 

- Automatic : 기본 프리젠테이션 스타일(일반적인 sheet)

- Fullscreen : 이전 보기를 덮으며, 취소하려면 단추가 필요하다. (위 이미지의 메일쓰기 느낌)

- Popover : Conpact한 환경에서의 시트를 제공

- Page sheet and form sheet : 이전 뷰를 부분적으로 다룬다. 자세한 내용은 Sheets 참조

- Current context : 특정 이전 보기를 포함 한다.

- Custom : 사용자 지정 애니메이션을 사용하여 사용자 지정 컨테이너에 content를 표시 한다.

developer guidance는 UIModal PresentationStyle 참조

 

Use modality when it makes sense. 

집중해야하는 순간에 modality를 써라. 사람들의 주의를 현재 업무와 다른 선택을 하거나 업무를 수행하는 데 집중하는 것이 매우 중요한 경우에 modal을 써라. modal을 쓰면 사람들의 task를 단계로 쪼개기 좋다.

(ex, 로그인, 로그인을 하나의 페이지가 아닌 modal로 만드는 것도 좋다.) 

오직 확실한 장점이 있을 때 써라.

 

Reserve alerts for delivering essential — and ideally actionable — information.

핵심적인 내용, actionable을 한 내용을 전달할 때 써라. 

뭔가 문제가 생겼을 때 alerts 사용. alerts는 불쾌한 경험으로 최대한 쓰지 않는다.

Alerts는 현재 경험을 방해하고 무시하려면 탭을 눌러야 하기 때문에 사람들이 정당하다고 느끼게 하는 것이 중요하다.

Alerts에서는 강하게 용어들을 사용해야 한다.

자세한 내용은 Alerts 참조

 

In general, keep modal tasks simple, short, and narrowly focused.

일반적으로 modal task는 단순하고 짧고, 포커싱해야 한다.

modal task가 너무 복잡하면 사람들은 무슨 작업을 했는지 잊어버린다.

modal task에 하위 보기가 포함되어야 하는 경우 명확한 완료를 가진 단일 경로로 제공하여라.

task 완료 이외의 작업에는 완료 단추를 사용하지 않도록 한다.

 

Consider using a fullscreen modal style for immersive content or a complex task.

몰입형 콘텐츠(게임,비디오 등) 또는 복잡한 작업을 fullscreen modal로 사용하는 것은 고려해야 한다.

fullscreen modal은 산만함을 최소화하므로 multistep task같은 작업을 수행할 수 있다.

 

Always include a button that dismisses the modal view.

언제든 modal view를 나갈 수 있게 만들어라.

 

When necessary, help people avoid data loss by getting confirmation before closing a modal view.

필요한 경우, modal view를 닫기 전에 확인을 받아서 데이터 손실을 방지할 수 있다.

 

Make it easy to identify a modal view’s task.

modal view의 작업을 쉽게 식별할 수 있어야 한다. 유저가 낯설어하니 modal view의 이름이나 제목을 친절하게 설명하라.

 

Coordinate the modal view’s appearance with your app.

앱에 있는 navigation bar와 너무 동떨어진 디자인을 하지 마라.

 

Choose a modal transition style that makes sense in your app.

modal 전환 스타일은 적합한 것을 사용하라.

 

+ Don't display a card that appears on top of a popover.

(popover위에 어떠한 것도 올릴 수 없다. alerts는 가끔..?) popover위에는 card 올리는 것을 지양.

 

Fdeveloper guidance는 UIViewController and UIPresentationController.를 참조

 

 

 

 

 

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

 

※ 문서를 번역한 것이 아닌 문서를 읽고 제 생각을 정리한 글 입니다.

잘못된 설명이나 이해가 있다면 댓글로 달아주시면 감사하겠습니다!!☺️