HIG 번역) Bars - Search Bars

Search Bars

A search bar allows people to search through a large collection of values by typing text into a field. A search bar can be displayed alone, or in a navigation bar or content view. When displayed in a navigation bar, a search bar can be pinned to the navigation bar so it's always accessible, or it can be collapsed until the user swipes down to reveal it.

Search bar는 사용자가 field에 텍스트를 입력하여, 많은 collection의 values를 검색할 수 있도록 합니다. Search bar는 혼자 보이거나, navigation bar 또는 content view 안에 나타날 수 있습니다. Navigation bar 안에 나타날 때, search bar는 navigation bar에 고정되어 항상 접근할 수 있거나, 사용자가 다시 보기 위해 swipe down 하기 전까지 사라지게 할 수도 있습니다. 

Use a search bar instead of a text field to implement search. A text field doesn’t have the standard search bar appearance that people expect.

Text field에 검색을 구현하는 대신 search bar를 사용하세요. Text field는 사용자들이 기대하는 표준적인 search bar 형태를 갖고 있지 않습니다.

Enable the Clear button. Most search bars include a Clear button that erases the contents of the field.

Clear button을 활성화하세요. 대부분의 search bars는 field의 콘텐츠를 지우는 clear button을 포함하고 있습니다.

Enable the Cancel button when appropriate. Most dedicated search bars include a Cancel button that immediately terminates the search.

적절하게 Cancel button을 활성화하세요. 대부분의 전용 search bars는 검색을 즉시 종료하는 Cancel button을 포함합니다.

If necessary, provide hints and context in a search bar. A search bar's field can contain placeholder text—like “Search Clothing, Shoes and Accessories” or simply “Search”—as a reminder of the context being searched. A succinct, one-line prompt with appropriate punctuation can also appear directly above a search bar to provide guidance. Stocks uses a prompt to let people know they can enter a company name or stock symbol.

필요하다면, search bar 안에 hints와 context를 제공하세요. Search bar의 field에는 "옷, 신발 및 액세서리를 검색하세요" 또는 간단하게 "검색하세요" 등의 placeholder 텍스트를 검색하려는 context를 상기시키기 위한 것으로 포함할 수 있습니다. 적절한 구두점을 가진 간결한 한 줄의 prompt도 가이드를 제공하기 위해 search bar 위에 나타날 수 있습니다. 주식 앱은 사용자가 회사 이름이나 주식 기호를 입력할 수 있다는 것을 알리기 위해서 prompt를 사용합니다.

Consider providing helpful shortcuts and other content below a search bar. Use the area under a search bar to help people get to content faster. Safari, for example, shows your bookmarks as soon as you tap the search field. Select one to go right to it without entering any search terms. Stocks shows a list of results as you type into the search field. Tap one at any time without typing any more characters.

도움이 되는 단축키 및 search bar 밑에 다른 콘텐츠 제공을 고려하세요. 사용자가 콘텐츠를 빠르게 얻는 것을 돕기 위해 search bar 아래 영역을 사용하세요. 예를 들어, 사파리 앱은 검색 창을 누르자마자 북마크를 보여줍니다. 검색어를 입력하지 않고 바로 이동하기 위해서 하나를 선택하세요. 주식 앱은 검색 창에 입력하면 결과의 목록을 보여줍니다. 문자를 더 입력하지 않고 언제든지 하나를 누르세요.

For developer guidance, see UISearchController and UISearchBar.

UISearchController 및 UISearchBar와 관련된 개발자 가이드는 다음 문서를 참조하세요.

Scope Bars

A scope bar can be added to a search bar to let people refine the scope of a search.

Scope bar는 사용자가 검색의 범위를 정제하기 위해서 search bar에 추가될 수 있습니다.

Favor improving search results over including a scope bar. A scope bar can be useful when there are clearly defined categories in which to search. However, it’s best to improve search results so scoping isn’t necessary.

Scope bar 포함하는 것을 넘어 검색 결과를 개선하도록 하세요. Scope bar는 검색할 카테고리가 명확하게 정의된 경우 유용할 수 있습니다. 하지만, 범위를 정하는 게 필요하지 않도록 검색 결과를 개선하는 것이 가장 좋은 방법입니다.

For developer guidance, see UISearchBar.

UISearchBar와 관련된 개발자 가이드는 다음 문서를 참조하세요.

---

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

감사합니다!