티스토리 뷰
사람들은 앱이 그들의 기대에 미치지 않을 때까지 앱의 네비게이션을 인식하지 못하는 경향이 있다. 너의 작업은 앱 자체에 주의를 기울이지 않고, 앱이 가진 구조와 목적을 지원하는 방법으로 네비게이션을 구현하는 것이다. 네비게이션은 자연스럽고 친근하게 느껴져야하며, 인터페이스를 지배하거나 컨텐츠로 부터 집중을 멀어지게하면 안된다. iOS에서, 세가지의 주요 네비게이션 스타일이 있다.
Hierarchical Navigation
목적지에 도달할 때까지 화면마다 하나의 선택을 해야한다. 다른 목적지로 가려고 하면, 반드시 되돌아가거나 처음부터 다시 시작하여 다른 선택을 해야한다. 설정과 메일은 이 네비게이션 스타일을 사용한다.
Flat Navigation
다중 컨텐츠 카테고리들 사이에서 전환한다. Music 및 App Store는 이 네비게이션 스타일을 사용한다.
Content-Driven or Experience-Driven Navigaton
컨텐츠를 자유롭게 이동하거나 컨텐츠 자체가 네비게이션을 정의한다. 게임, 책, 그리고 몰입형 앱들이 일반적으로 이 네비게이션 스타일을 사용한다.
몇몇 앱을 다중 네비게이션 스타일을 결합한다. 예를 들어 flat 네비게이션을 사용한 앱은 각 카테고리에서 hierarchical 네비게이션을 사용해 앱을 구현할 수 있다.
- Always provide a clear path.
- Design an information structure that makes it fast and easy to get to content.
- 최소한의 taps, swipes, 그리고 screens을 요구하는 방법으로 정보구조를 구성해야한다.
- Use touch gesture to create fluidity. (fluidity : 유동성)
- 최소한의 마찰로 인터페이스를 쉽게 이동할 수 있다.
- 예를 들어, 사람들이 이전 화면으로 돌아가기 위해 화면 측면을 swipe하게 할 수 있다.
- Use standard navigation components.
- 가능하다면 page controls, tab bars, segmented controls, table views, collection views 그리고 split views와 같은 표준 네비게이션 컨트롤을 사용해야한다.
- 사용자는 이미 이러한 컨트롤에 친숙하고, 앱을 탐색하는 방법을 직관적으로 알 수 있다.
- Use a navigation bar to traverse a hierarchy of data.
- 네비게이션바의 제목은 hierarchy에서 현재의 위치를 보여주고 뒤로가기 버튼은 이전위치로 쉽게 돌아 갈 수 있게 한다.
- 참조 : Navigation Bars
- Use a tab bar to present peer categories of content or functionality.
- tab bar는 현재의 위치와 상관없이 사람들이 빠르고 쉽게 카테고리들 사이에서 전환하게 해준다.
- 참조 : Tab Bars
- On iPad, use a split view instead of a tab bar.
- Split views는 tab bar와 동일한 빠른 네비게이션을 제공하는 동시에 대형 디스플레이를 더 잘 사용하게 한다.
- 참조 : Split Views
- Use a page control when you have multiple pages of the same type of content.
- 페이지 컨트롤은 사용 가능한 페이지 수와 현재 활성화된 페이지를 명확하게 전달한다.
- 날씨 앱은 위치별 날씨 페이지를 보여주기위해서 페이지 컨트롤을 사용한다.
- 참조 : Page Controls
- TIP
- Segmented controls와 toolbars은 네비게이션을 활성화하지 않는다.
- 다른 카테고리로 정보를 구성하기 위해서 segmented control을 사용한다.
- toolbar을 사용하여 현재의 컨텍스트와 상호작용하기 위한 컨트롤을 제공한다.
- 참조 : Segmented Controls, Toolbars
https://developer.apple.com/design/human-interface-guidelines/ios/app-architecture/navigation/
Navigation - App Architecture - iOS - Human Interface Guidelines - Apple Developer
Navigation People tend to be unaware of an app’s navigation until it doesn’t meet their expectations. Your job is to implement navigation in a way that supports the structure and purpose of your app without calling attention to itself. Navigation shoul
developer.apple.com
'HIG' 카테고리의 다른 글
| [HIG]App Architecture - Settings (0) | 2021.10.22 |
|---|---|
| [HIG]App Architecture - Accessing User Data (0) | 2021.10.19 |
| [Human Interface Guidelines] App Architecture - Modality (0) | 2021.10.11 |
| [Human Interface Guidelines] App Architecture - Loading (0) | 2021.10.06 |
| [Human Interface Guidelines] App Architecture - Onboarding (0) | 2021.10.06 |
- Total
- Today
- Yesterday
- Human Interface Guideline
- storage
- 분할정복
- 백준
- HumanInterfaceGuidelines
- ios
- UIView
- 싱글톤
- Firebase
- 알고리즘
- Swift
- DP
- 온라인저지
- Human Interface Guidelines
- 오토레이아웃
- 디자인패턴
- apple
- 부스트코스
- MVC
- HIG
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |