๐Ÿ’ญย Search Bar๊ฐ€ ๋ฌด์—‡์ด๋ƒ

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

Search Bar๋Š” ๋ง ๊ทธ๋Œ€๋กœ ๊ฒ€์ƒ‰์ฐฝ์ž…๋‹ˆ๋‹ค!

HIG์—์„œ ๋งํ•˜๋Š” Search Bar

  1. text field๊ฐ€ ์•„๋‹Œ search bar๋ฅผ ์‚ฌ์šฉ
  2. ํ…์ŠคํŠธ ์ž…๋ ฅ ์‹œ Clear ๋ฒ„ํŠผ
  3. Cancel ๋ฒ„ํŠผ์„ ์ ์ ˆํ•œ ํƒ€์ด๋ฐ์— ๋ณด์ด๊ธฐ
  4. place holder๋‚˜ ์ž…๋ ฅ์ฐฝ ์œ„์— ํ•œ ์ค„ ์•ˆ๋‚ด๋ฌธ๊ตฌ ํ‘œ์‹œ ๋“ฑ์„ ํ†ตํ•ด ์‚ฌ์šฉ์ž์—๊ฒŒ ์ ์ ˆํ•œ ํžŒํŠธ๋ฅผ ์ œ๊ณต
  5. search bar ์•„๋ž˜ ๋„์›€๋  ๋งŒํ•œ ์ •๋ณด๋ฅผ ์ œ๊ณต

UX ๋””์ž์ธ ๊ฐ€์ด๋“œ์˜ ๋‹จ์ถ•์„ฑ

  1. ๊ฒ€์ƒ‰ ์ ˆ์ฐจ ์ค„์ด๊ธฐ
  2. ํŽ˜์ด์ง€ ์ด๋™ ์ตœ์†Œํ™”
  3. ํผ ์ž…๋ ฅ ์ ˆ์ฐจ ์ค„์ด๊ธฐ
  4. ๋ฉ”๋‰ด/๊ธฐ๋Šฅ ์„ ํƒ์˜ ์ ˆ์ฐจ ์ค„์ด๊ธฐ
  5. ์‚ฌ์šฉ์ž์˜ ํ–‰๋™์— ๋งž์ถฐ ์‹œ์Šคํ…œ ์ง€์›ํ•˜๊ธฐ
  6. ๋ฐ”๋กœ๊ฐ€๊ธฐ
  7. ์—ฐ๋™ ๋ฐ URL ๋ณต์‚ฌ