애플 휴먼 인터페이스 가이드라인(37) Bars -3 Sidebars

Sidebars
사이드바

A sidebar provides app-level navigation and quick access to top-level collections of content in your app. Selecting an item in the sidebar allows people to navigate to a specific piece of content. For example, the sidebar in Mail shows a list of all mailboxes. People can select a mailbox to access its list of messages, and select a specific message to display in the content pane.
사이드바는 앱 레벨의 네비게이션을 제공해 앱 내 최상위 단계의 콘텐츠까지 빠르게 접근할 수 있도록 합니다. 사이드바의 한 아이템을 고르면 그 특정 콘텐츠로 이동할 수 있습니다. 메일 앱의 사이드바는 모든 메일함 목록을 보여줍니다. 사용자들은 메일함을 선택해 해당 메일함의 메세지 목록으로 접근할 수 있고, 특정 메세지를 눌러 콘텐츠 영역에 띄울 수 있습니다.

You create a sidebar by using a sidebar-style list and placing it in the primary column of a split view. For related guidance, see Split Views.

사이드바 스타일 리스트를 사용해 사이드바를 만들고, 스플릿 뷰의 첫번째 컬럼에 배치할 수 있습니다. 가이드는 스플릿 뷰 에서 확인하세요.

 

Apply the correct appearance to a sidebar. To create a sidebar, use the sidebar appearance of a collection view list layout. For developer guidance, see UICollectionLayoutListConfiguration.Appearance.

사이드바의 적절한 모습을 적용하세요. 사이드바를 만들기 위해선 콜렉션 뷰 리스트 레이아웃을 사용해야 합니다.

 

Use a sidebar to organize information at the app level. A sidebar is a good way to flatten your information hierarchy and provide access to several peer information categories or modes at the same time. Use a sidebar for quick navigation to the key parts of the app or top-level collections of content like folders and playlists.

정보를 앱 레벨에서 정리할 때 사이드바를 사용하세요. 사이드바는 정보 위계를 간단하게 하고, 같은 위계의 정보 카테고리나 모드에 접근할 수 있게 합니다. 앱의 주요한 부분이나, 폴더, 플레이리스트 같이 위계가 있는 콘텐츠 모음에 빠르게 접근할 수 있도록 사이드바를 사용하세요.

 

Whenever possible, let people customize the contents of a sidebar. Because a sidebar provides the navigation for your app, you can use it to provide shortcuts for people to get quickly to the content they care about. It’s best when the user can decide which items are most important.

가능하다면, 사용자들이 사이드바의 콘텐츠를 직접 바꿀 수 있도록 하세요. 사이드바는 앱의 지도 역할을 하니, 사용자들 자신이 신경쓰는 콘텐츠로 빠르게 이동하는 지름길을 제공할 수 있을 것입니다.  사용자들이 어떤 아이템이 가장 중요한지 결정하게 만드는 것이 가장 좋습니다.

 

Don't prevent people from hiding the sidebar. Allow people to hide the sidebar to create more room for their content, and to show the sidebar again using the built-in edge swipe gesture. Avoid making the sidebar hidden by default.

사용자들이 사이드바를 숨기는걸 막지 마세요. 사용자들이 사이드바를 숨겨 콘텐츠를 볼 수 있는 더 많은 공간을 확보하도록 하고, 내장된 가장자리 스와이프 제스처를 사용해 다시 사이드바를 보여주세요. 사이드바는 기본적으로 보여져야 합니다.

 

Keep titles in the sidebar clear and concise. Omit unnecessary and redundant words. For example, Mail omits the word Messages from the title of each mailbox, using more concise terms like Flagged and Drafts.

사이드바의 타이틀은 명확하고 간결해야 합니다. 불필요하거나 쓸데없는 단어는 빼세요. 예를 들어, 메일 앱에선 "메세지" 라는 단어를 모두 뺐으며, 더 간단하게 "보관" "미전송" 같은 단어를 사용합니다.

 

In general, refrain from exposing more than two levels of hierarchy within a sidebar. When a data hierarchy is deeper than two levels, use a list view in the supplementary column of a split-view interface.

For developer guidance, see UICollectionLayoutListConfiguration.

일반적인 경우, 사이드바에선 두 레벨을 초과하는 위계를 보여주지 마세요. 데이터 위계가 2단계를 넘는다면, 스플릿 뷰의 인터페이스에 리스트 뷰를 사용해 보강하세요.