H.I.G: Human Interface Guideline(스위프트 하이) - Modality(2)

HIG: Human Interface Guideline (=사용자 인터페이스 지침서)

즉, 절대적으로 이 지침을 따라야 한다는 것이 아니라 앱 개발과 디자인에 있어 "권장"하는 내용이다.

무분별한 백지개발로 퀄리티가 낮은 앱이 개발되는 것을 예방하고, 어느 정도 일정한 패턴과 형식을 가진 앱을 개발하기를 바라는 마음에서 만들어진 지침이다.

 

https://www.youtube.com/playlist?list=PLLFDewH7eSVxGMERS4CrwkDXXYZoE5mVZ 

온라인 독서모임

오늘 공부한 내용은 '스위프트 하이 유튜브 온라인 독서모임'의 'Onboarding', 'Loading', 'Modality'이다.

현재 개발 중인 앱에서 고려했던, 앞으로 고려해야할 내용들이기에 우선적으로 공부하게 됐다.

 

ModalIty는 분량이 많아 내 포스트를 내가 보기 싫어 포스팅을 2개로 나눴다.

앞부분을 보고싶다면 링크로..

https://developer-eddy403.tistory.com/27

H.I.G: Human Interface Guideline(스위프트 하이) - Modality(1)

 

<요약>

6.  모달뷰를 언제든 종료할 수 있는 버튼을 넣어라. 

7. 모달뷰를 종료하기 전, 확인을 통해 사용자가 데이터를 잃지 않도록 만들어라. 

8. Popover 위에 카드를 나타내지 마라.

9. 웬만하면 modal task를 정의하는(identifiy) 타이틀을 보여줘라. 

10. 앱과 모달의 형태(appearance)를 맞게 사용해라.

11. 앱에 맞는 Modal transition style을 선택하고 앱 전반에 걸쳐 일관된 Modal transition style을 사용해라.

 

<Modality>

6. 모달뷰를 언제든 종료할 수 있는 버튼을 넣어라. 모달뷰는 아래로 스와이프하여 종료할 수는 있으나, 버튼은 종료 제스처(스와이프)의 대안으로 이용될 수 있다.(왜 굳이 그래야해? 라고 생각한다면, 종료버튼이 없는 화면을 부모님께 드려보자.)

 

7. 모달뷰를 종료하기 전, 확인을 통해 사용자가 데이터를 잃지 않도록 만들어라. 사용자가 종료제스처 또는 버튼을 눌렀을지라도, 그 행위가 사용자가 실행한 Contents(내용)의 손실로 이어진다면 사용자에게 문제를 해결할 수 있는 방법을 알려주고 상황을 설명하는 action sheet를 보여줘라.

 

8. Popover 위에 카드를 나타내지 마라. Popover 위에는 Alerts를 제외한 그 어떤 것도 나타낼 수 없다.

 

9. 웬만하면 modal task를 정의하는(identifiy) 타이틀을 보여줘라. 사용자가 Modal View에 들어왔을 때, 사용자는 이전 context에서 전환된 화면을 보기 때문이다. 새로운 context를 명확하게 하는 것도 좋다. 

 

10. 앱과 모달의 형태(appearance)를 맞게 사용해라. 예를 들어, modal view가 Navigation bar에 포함되면, Navigation bar와 같은 형태로 사용해야한다. (뜬금없는 곳에서 뜬금없는 형태로 나오게 하지 말라는 의미같다.)

 

11. 앱에 맞는 Modal transition style을 선택하고 앱 전반에 걸쳐 일관된 Modal transition style을 사용해라.