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 should feel natural and familiar, and shouldn’t dominate the interface or draw focus away from content. In iOS, there are three main styles of navigation.

사람들은 기대에 미치지 못할 때까지 앱의 네비게이션을 인식하지 못하는 경향이 있습니다. 당신의 임무는 앱 자체의 구조와 목적을 지원하는 방식으로 네비게이션을 구현하는 것입니다. 네비게이션은 자연스럽고 익숙한 느낌을 가져야하며 인터페이스를 지배하거나 텐츠로부터 초점을 떨어뜨려서는 안 됩니다. iOS에는 세 가지 주요 탐색 스타일이 있습니다.

Hierarchical Navigation(계층적탐색)

Make one choice per screen until you reach a destination. To go to another destination, you must retrace your steps or start over from the beginning and make different choices. Settings and Mail use this navigation style.

목적지에 도달 할 때까지 화면 당 하나의 선택을하십시오. 다른 목적지로 이동하려면 단계를 되돌아 가거나 처음부터 다시 시작해야하고 다른 선택을해야합니다. 설정 및 메일에서는이 탐색 스타일을 사용합니다.

Hierarchical Navigation

Flat Navigation(평면탐색)

Switch between multiple content categories. Music and App Store use this navigation style. 여러 컨텐츠 카테고리 사이에 전환하십시오. 음악과 App Store는이 탐색 스타일을 사용합니다.

Flat Navigation

Content-Driven or Experience-Driven Navigation(텐츠 기반 혹은 경험 기반 탐색)

Move freely through content, or the content itself defines the navigation. Games, books, and other immersive apps generally use this navigation style.

컨텐츠를 자유롭게 이동하거나 컨텐츠 자체가 탐색을 정의합니다. 게임, 책 및 기타 몰입 형 앱은 일반적으로이 탐색 스타일을 사용합니다.

Content-Driven or Experience-Driven Navigation

Some apps combine multiple navigation styles. For example, an app that uses flat navigation may implement hierarchical navigation within each category.

일부 앱은 여러 탐색 스타일을 결합합니다. 예를 들어 평면 탐색을 사용하는 앱은 각 카테고리 내에서 계층 적 탐색을 구현할 수 있습니다.

Always provide a clear path. People should always know where they are in your app and how to get to their next destination. Regardless of navigation style, it’s essential that the path through content is logical, predictable, and easy to follow. In general, give people one path to each screen. If they need to see a screen in multiple contexts, consider using an action sheet, alert, popover, or modal view. To learn more, see Action Sheets, Alerts, Popovers, and Modality.

항상 명확한 경로를 제공하십시오. 사람들은 앱에서의 위치와 다음 목적지로가는 방법을 항상 알아야합니다. 탐색 스타일에 관계없이 텐츠를 통과하는 경로는 논리적이고 예측 가능하며 따라 가기 쉬워야합니다. 일반적으로 사람들에게 각 화면에 하나의 경로를 제공하십시오. 여러 상황에서 화면을 볼 필요가 있다면 작업 시트, 경고, 팝업 또는 모달보기를 사용해보십시오.

Design an information structure that makes it fast and easy to get to content. Organize your information structure in a way that requires a minimum number of taps, swipes, and screens.

컨텐츠에 빠르고 쉽게 접근 할 수있는 정보 구조를 설계하십시오. 탭, 스 와이프 및 화면 수가 최소한으로 필요한 방식으로 정보 구조를 구성하십시오.

Use touch gestures to create fluidity. Make it easy to move through your interface with minimum friction. For example, you could let people swipe from the side of the screen to return to the previous screen.

터치 제스처를 사용하여 유동성을 창출하십시오. 최소한의 마찰로 인터페이스를 쉽게 움직일 수 있도록하십시오. 예를 들어, 사람들이 화면 옆면을 스와이프하여 이전 화면으로 돌아가게 할 수 있습니다.

Use standard navigation components. Whenever possible, use standard navigation controls such as page controls, tab bars, segmented controls, table views, collection views, and split views. Users are already familiar with these controls, and will intuitively know how to get around your app.

표준 탐색 컴포넌트는 사용하십시오. 가능하면 페이지 컨트롤, 탭바, 세그먼트 컨트롤, 테이블뷰, 컬렉션뷰 및 스플릿뷰와 같은 표준 탐색 컨트롤을 사용하십시오. 사용자는 이미 이러한 컨트롤에 익숙하며 앱을 어떻게 벗어나야하는지 직관적으로 알 수 있습니다.

Use a navigation bar to traverse a hierarchy of data. The navigation bar’s title can show the current position in the hierarchy, and the back button makes it easy to return to the previous location. For specific guidance, see Navigation Bars.

탐색 모음을 사용하여 데이터 계층 구조를 탐색합니다. 탐색 모음의 제목은 계층 구조의 현재 위치를 표시 할 수 있으며 뒤로 단추를 사용하면 이전 위치로 쉽게 돌아갈 수 있습니다.

Use a tab bar to present peer categories of content or functionality. A tab bar lets people quickly and easily switch between categories, regardless of the current location. For specific guidance, see Tab Bars.

탭바를 사용하여 컨텐츠 또는 기능의 동등한 카테고리를 표시 할 수 있습니다. 탭바는 사람들이 현재 위치에 관계없이 카테고리를 쉽고 빠르게 전환 할 수 있게합니다.

Use a page control when you have multiple pages of the same type of content. A page control clearly communicates the number of pages available and which one is currently active. The Weather app uses a page control to show location-specific weather pages. For specific guidance, see Page Controls.

동일한 유형의 텐츠가 여러 페이지 인 경우 페이지 컨트롤 사용하십시오. 페이지 컨트롤은 사용 가능한 페이지 수와 현재 활성화 된 페이지 수를 명확하게 전달합니다. 날씨 앱은 페이지 컨트롤을 사용하여 특정 위치의 날씨 페이지를 표시합니다.

Tip. Segmented controls and toolbars don’t enable navigation. Use a segmented control to organize information into different categories. Use a toolbar to provide controls for interacting with the current context. For additional information on these types of elements, see Segmented Controls and Toolbars.

세크먼트 컨트롤과 툴바는 탐색을 활성화하지 않습니다. 세그먼트 컨트롤을 사용하여 정보를 여러 범주로 구성 할 수 있습니다. 툴바를 사용하여 현재 컨텍스트와 상호 작용할 수있는 컨트롤을 제공하십시오.

Navigation - App Architecture - iOS - Human Interface Guidelines - Apple Developer