[HIG] Bars - Search Bars

💡 개인적인 공부를 목적으로 번역하여 간략하게 정리만 한 글입니다. 전문을 포함하고 있지 않으니 자세한 내용은 공식문서를 읽어보시길 권해드립니다!

https://developer.apple.com/design/human-interface-guidelines/ios/bars/search-bars/

Search Bars - Bars - iOS - Human Interface Guidelines - Apple Developer

Search Bars 

검색 바는 사람들이 텍스트를 입력하여 여러 값들을 검색할 수 있도록 합니다. 검색 바는 화면에 홀로 위치할 수도 있고, 내비게이션 바 내부나 컨텐츠 뷰에 위치할 수도 있습니다. 내비게이션 바 내부에 표시할 때는 검색 바가 고정되어 항상 접근이 가능하도록 하거나 사용자가 스와이프로 내릴 때까지 숨겨둘 수도 있습니다.

• 검색을 구현할 때는 텍스트 필드보다는 검색 바를 사용하세요. 
  • 텍스트 필드는 사용자들이 기대하는 표준의 검색바 모양을 가지고 있지 않습니다.
• 클리어 버튼을 활성화하는 것이 좋습니다. 
  • 대부분의 검색 바는 필드에 입력된 내용을 모두 지우는 클리어 버튼을 포함합니다.
• 상황에 따라 취소 버튼을 활성화하는 것이 좋습니다. 
  • 대부분의 좋은 검색 바들은 취소 버튼을 포함하여 검색을 즉시 중단할 수 있도록 합니다.
• 필요하다면 힌트 텍스트와 컨텍스트를 제공할 수 있습니다.
  • 검색 바의 필드는 "Search Clothing, Shoes and Accessories" 나 간단한 "Search" 같은 placeholder를 포함할 수 있습니다.
  • 간결하고 적절한 구두점을 포함하는 한 줄짜리 프롬프트가 검색 바 위에 위치하여 검색에 대한 가이드를 제공할 수도 있습니다. Stock 앱에서는 이런 프롬프트를 사용하여 사용자들이 회사의 이름이나 주식 기호를 사용하여 검색할 수 있음을 알립니다.
• 검색바 하단에 유용한 바로가기나 다른 컨텐츠들을 제공하도록 하는 것을 고려해보세요.
  • 검색 바 하단의 영역을 이용하여 사용자들이 컨텐츠를 더 빠르게 얻을 수 있도록 할 수 있습니다.
  • 예를 들어, 사파리에서는 검색 필드에 탭을 함과 동시에 북마크들을 보여줍니다. 이 중 하나를 선택하면 검색어를 입력하지 않고도 곧바로 원하는 곳에 접근할 수 있습니다.
  • 주식 앱 역시도 검색어를 입력할 때마다 결과 리스트를 보여주어 더 이상 문자를 입력하지 않고도 결과를 선택할 수 있도록 합니다.
  • 개발자 가이드: UISearchController / UISearchBar

Scope Bars

스코프 바는 검색 바에 추가되어 사용자들이 검색의 범위를 설정할 수 있도록 합니다.

 

• 스코프 바를 이용하는 것보다 검색 결과를 개선하는 것이 더 선호됩니다.
  • 스코프 바는 검색 대상의 카테고리를 정의할 때 유용하게 사용될 수 있습니다. 하지만, 검색 결과를 개선하여 스코프 바가 필요 없어지는 것이 가장 좋습니다.