HIG(Human Interface Guidelines)/HIG - UI
[iOS - HIG] 31. Search Bars (검색창)
jake-kim
2021. 6. 1. 22:49
* UISearchController 구현 참고: https://ios-development.tistory.com/578
[iOS - swift] UI 컴포넌트 - UISearchController, tableView
* UISearchBar HIG 먼저 참고: https://ios-development.tistory.com/505 [iOS - HIG] 31. Search Bars (검색창) Search Bars UITextField가 아닌 SearchBar 사용 TextField는 사용자들이 기대하는 표준 검색 창..
ios-development.tistory.com
Search Bars

- UITextField가 아닌 SearchBar 사용
- TextField는 사용자들이 기대하는 표준 검색 창 모양이 아님을 주의

- Search bar는 텍스트 입력 시 clear버튼이 자동으로 내장되어 있고, 키보드에 "검색"이나 "search"버튼이 내장


- 대부분 검색창에는 cancel버튼이 존재하므로 적절한 타이밍에 표출 필요
- 사용자가 검색창을 탭할 때 텍스트필드에 포커스가 가는데, 이때 cancel 버튼이 생성

- 검색창에 적절한 Place holder와, 입력창 위에 한 줄 안내 문구를 prompt로 제공

Scope bar

- 검색 범위를 구체화 할 수 있도록 scope bar를 검색 표시 줄에 표출
- 단, scope bar가 없어도 되도록 검색 결과를 개선하는 것이 좋은 UI