본문 바로가기
Human Interface Guidelines/글

HIG 번역) Bars - Sidebars

by jum0 2020. 10. 26.

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.

사이드바 스타일의 목록을 사용하고 split view의 primary column 속에 위치시켜 사이드바를 만들 수 있습니다. 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.

올바른 사이드 모양을 적용하세요. 사이드바를 만들기 위해서, collection view list 레이아웃의 사이드바 모양을 사용하세요. 개발자 가이드는 다음 문서를 참조하세요.

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.

사이드바의 제목은 명확하고 간결하게 만드세요. 불필요하며 장황한 단어는 생략하세요. 예를 들어, 메일 앱은 각 수신함의 제목에서 메일이라는 단어를 생략하고, Flagged와 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.

일반적으로, 사이드바 내에서 2개보다 많은 계층을 보여주는 것은 지양하세요. 데이터 계층이 두 단계보다 더 깊어질 때, split-view 인터페이스의 supplementary column에서 리스트 뷰를 사용하세요.

For developer guidance, see UICollectionLayoutListConfiguration.

개발자 가이드는 다음 문서를 참조하세요.


수정해야 할 부분이 있다면 알려주세요!

감사합니다!

반응형

댓글