๐ญย Search Bar๊ฐ ๋ฌด์์ด๋
Search Bars - Bars - iOS - Human Interface Guidelines - Apple Developer
Search Bar๋ ๋ง ๊ทธ๋๋ก ๊ฒ์์ฐฝ์
๋๋ค!
HIG์์ ๋งํ๋ Search Bar
- text field๊ฐ ์๋ search bar๋ฅผ ์ฌ์ฉ
- ํ
์คํธ ์
๋ ฅ ์ Clear ๋ฒํผ
- Cancel ๋ฒํผ์ ์ ์ ํ ํ์ด๋ฐ์ ๋ณด์ด๊ธฐ
- place holder๋ ์
๋ ฅ์ฐฝ ์์ ํ ์ค ์๋ด๋ฌธ๊ตฌ ํ์ ๋ฑ์ ํตํด ์ฌ์ฉ์์๊ฒ ์ ์ ํ ํํธ๋ฅผ ์ ๊ณต
- search bar ์๋ ๋์๋ ๋งํ ์ ๋ณด๋ฅผ ์ ๊ณต
UX ๋์์ธ ๊ฐ์ด๋์ ๋จ์ถ์ฑ
- ๊ฒ์ ์ ์ฐจ ์ค์ด๊ธฐ
- ์๋ ์์ฑ ๊ฒ์์ด, ์ต๊ทผ ๊ฒ์์ด, ์ฐ๊ด ๊ฒ์์ด, ๊ฒฐ๊ณผ ๋ด ์ฌ๊ฒ์, ๋ฌดํ ์คํฌ๋กค
- ํ์ด์ง ์ด๋ ์ต์ํ
- ํ์
ํ์ ์ต์ํ, ์กฐ์ ๊ธฐ๋ฅ์ ๊ฐํธ์ฑ
- ํผ ์
๋ ฅ ์ ์ฐจ ์ค์ด๊ธฐ
- ์ปค์ ์๋ ์ด๋, ๊ฒ์๋ฌผ ์ต์
์ ํ ํธ์, ์ซ์ ์
๋ ฅ ํธ์, ๋ํดํธ ๊ฐ ์ง์ , ์ง์ํ ์ธํฐํ์ด์ค, ์ฌ๋ผ์ด๋
- ๋ฉ๋ด/๊ธฐ๋ฅ ์ ํ์ ์ ์ฐจ ์ค์ด๊ธฐ
- ์ฃผ์ ์๋น์ค ๋ชจ์๋ณด๊ธฐ, ์ฆ๊ฒจ์ฐพ๊ธฐ
- ์ฌ์ฉ์์ ํ๋์ ๋ง์ถฐ ์์คํ
์ง์ํ๊ธฐ
- ๋ฐ๋ณตํ๋ ํ๋ํจํด, ์ด์ ์ ํ๋ ํ์๋ฅผ ๊ธฐ์ต
- ๋ฐ๋ก๊ฐ๊ธฐ
- ๋งํฌ, ๊ด๋ จ ์ฝํ
์ธ ๋ฐ๋ก๊ฐ๊ธฐ
- ์ฐ๋ ๋ฐ URL ๋ณต์ฌ