Notice
Recent Posts
Recent Comments
Link
관리 메뉴

김종권의 iOS 앱 개발 알아가기

[iOS - HIG] 7. 화면전환 (앱의 구조, iOS의 세 가지 navigation style) 본문

HIG(Human Interface Guidelines)/HIG - UI

[iOS - HIG] 7. 화면전환 (앱의 구조, iOS의 세 가지 navigation style)

jake-kim 2021. 5. 9. 02:29

화면전환 스타일의 종류

  • Hierarchical Navigation > NavigationViewController
    • 목적지에 도달할 때까지 화면 당 하나를 선택하는 방식
    • 다른 목적지로 이동하려면 back하여 되돌아왔던 길을 돌아가고 다시 시작하여 다른 선택하여 이동
    • ex) 설정, 메일 앱

  • Flat Navigation > TabBarController
    • 여러 콘텐츠 카테고리간 전환
    • ex) 음악, App Store

  • Content Driven or Experience-Driven Navigation
    • 콘텐츠를 자유롭게 이동 or 콘텐츠 자체가 탐색을 정의
    • ex) 몰입형 앱 - 게임, 도서

Navigation 주의할 점

  • swipe back 기능을 넣어서 편의를 줄것
  • 사용자가 익숙하며 직관적으로 알고 있는 표준 탐색 컴포넌트를 사용할 것: PageControl, Tab Bar, Segment Control, TableView, CollectionView
  • NavigationBar에 현재 화면에 해당되는 위치를 사용자에게 알릴 수 있도록 표출

  • peer-category인 경우, TabBar를 사용

  • 콘텐츠 유형이 같은 여러 페이지가 있는 경우 PageControl 사용

* 참고

developer.apple.com/design/human-interface-guidelines/ios/app-architecture/navigation/

Comments