๊ธ€ ์ž‘์„ฑ์ž: ๊ฐœ๋ฐœํ•˜๋Š” ํ›ˆ์ด
๐Ÿ’ก ๊ฐœ์ธ์ ์ธ ๊ณต๋ถ€๋ฅผ ๋ชฉ์ ์œผ๋กœ ๋ฒˆ์—ญํ•˜์—ฌ ๊ฐ„๋žตํ•˜๊ฒŒ ์ •๋ฆฌ๋งŒ ํ•œ ๊ธ€์ž…๋‹ˆ๋‹ค. ์ „๋ฌธ์„ ํฌํ•จํ•˜๊ณ  ์žˆ์ง€ ์•Š์œผ๋‹ˆ ์ž์„ธํ•œ ๋‚ด์šฉ์€ ๊ณต์‹๋ฌธ์„œ๋ฅผ ์ฝ์–ด๋ณด์‹œ๊ธธ ๊ถŒํ•ด๋“œ๋ฆฝ๋‹ˆ๋‹ค!
https://developer.apple.com/design/human-interface-guidelines/ios/views/alerts/
 

Alerts - Views - iOS - Human Interface Guidelines - Apple Developer

Alerts Alerts convey important information related to the state of your app or the device, and often request feedback. An alert consists of a title, an optional message, one or more buttons, and optional text fields for gathering input. Aside from these co

developer.apple.com

Alert

Alert๋Š” ์ค‘์š”ํ•œ ์ •๋ณด๋ฅผ ์ „๋‹ฌํ•˜๊ธฐ ์œ„ํ•ด์„œ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. Alerts๋Š” ์ œ๋ชฉ, ๋ฉ”์‹œ์ง€, ํ•˜๋‚˜ ์ด์ƒ์˜ ๋ฒ„ํŠผ๊ณผ ์ž…๋ ฅ ์˜์—ญ์„ ํฌํ•จํ•ฉ๋‹ˆ๋‹ค. ์ด ์š”์†Œ๋“ค์„ ์กฐํ•ฉํ•˜๋Š” ๊ฒƒ์„ ์ œ์™ธํ•˜๊ณ ๋Š” Alert์˜ ์™ธ๊ด€์€ ๋”ฐ๋กœ ์ปค์Šคํ„ฐ๋งˆ์ด์ฆˆ ํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค.

 

  • Alert๋Š” ์ตœ์†Œํ™”ํ•˜์„ธ์š”.
    • Alert๋Š” ์‚ฌ์šฉ์ž ๊ฒฝํ—˜์„ ๋ฐฉํ•ดํ•˜๊ธฐ ๋•Œ๋ฌธ์— ๊ตฌ๋งค๋ฅผ ํ™•์ •ํ•˜๊ฑฐ๋‚˜ ์‚ญ์ œ์™€ ๊ฐ™์€ ์ž‘์—…์„ ํ™•์ •ํ•˜๋Š” ์ค‘์š”ํ•œ ์ƒํ™ฉ์ด๋‚˜ ๋ฌธ์ œ๋ฅผ ์•Œ๋ฆฌ๋Š” ์•Œ๋ฆผ ์šฉ๋„๋กœ๋งŒ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค.
    • ์•Œ๋ฆผ์„ ์ตœ์†Œํ™”ํ•ด์•ผ๋งŒ ์•Œ๋ฆผ์ด ๋ฐœ์ƒํ–ˆ์„ ๋•Œ ์‹ฌ๊ฐํ•œ ๋ฌธ์ œ๊ฐ€ ์žˆ์Œ์„ ์ธ์ง€ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

Alert Titles and Messages

  • ์งง๊ณ  ์ถฉ๋ถ„ํ•œ ์„ค๋ช…์ด ๋˜๊ณ  ์—ฌ๋Ÿฌ ๋‹จ์–ด๋กœ ์ด๋ฃจ์–ด์ง„ ์•Œ๋ฆผ ์ œ๋ชฉ์„ ์„ ์ •ํ•˜์„ธ์š”.
    • ์งง์€ ์ œ๋ชฉ์ด ์‚ฌ๋žŒ๋“ค์ด ์ฝ๊ธฐ์— ๋” ์ข‹์Šต๋‹ˆ๋‹ค.
    • ํ•œ ๋‹จ์–ด๋กœ ์ด๋ฃจ์–ด์ง„ ์ œ๋ชฉ์€ ์ •๋ณด๋ฅผ ์ถฉ๋ถ„ํžˆ ์ „๋‹ฌํ•˜์ง€ ๋ชปํ•ฉ๋‹ˆ๋‹ค. ์งง์€ ๋ฌธ์žฅ์ด๋‚˜ ์งˆ๋ฌธ์„ ์‚ฌ์šฉํ•˜์„ธ์š”.
  • ํŒ๋‹จํ•˜๊ฑฐ๋‚˜ ๋‚ ์นด๋กœ์šด ์–ด์กฐ๋ฅผ ํ”ผํ•˜์„ธ์š”.
    • ์‚ฌ๋žŒ๋“ค์€ ์œ„ํ—˜ํ•œ ์ƒํ™ฉ์ด๋‚˜ ๋ฌธ์ œ๊ฐ€ ์ƒ๊ฒผ์„ ๋•Œ ์•Œ๋ฆผ์ด ๋ฐœ์ƒํ•œ๋‹ค๋Š” ๊ฒƒ์„ ์•Œ๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.
    • You, Me, My์™€ ๊ฐ™์ด ๊ณต๊ฒฉ์ ์œผ๋กœ ๋ฐ›์•„๋“ค์—ฌ์งˆ ์ˆ˜ ์žˆ๋Š” ํ‘œํ˜„์€ ์ง€์–‘ํ•˜์„ธ์š”.
  • ๋ฒ„ํŠผ์— ๋Œ€ํ•ด ์„ค๋ช…ํ•˜๋Š” ๊ฒƒ์„ ํ”ผํ•˜์„ธ์š”.
    • Alert์˜ ํ…์ŠคํŠธ์™€ ๋ฒ„ํŠผ ์ œ๋ชฉ์ด ๋ช…๋ฃŒํ• ์ˆ˜๋ก ๋ฒ„ํŠผ์˜ ๋ชฉ์ ์„ ์„ค๋ช…ํ•  ํ•„์š”๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค.

Alert Buttons 

  • ์ผ๋ฐ˜์ ์œผ๋กœ ๋‘ ๊ฐœ์˜ ๋ฒ„ํŠผ์ด ์‚ฌ์šฉ๋ฉ๋‹ˆ๋‹ค.
    • ๋‘ ๊ฐœ์˜ ๋ฒ„ํŠผ์€ ์‰ฌ์šด ์„ ํƒ์„ ํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•ฉ๋‹ˆ๋‹ค.
    • ํ•˜๋‚˜์˜ ๋ฒ„ํŠผ์€ ์‚ฌ์šฉ์ž์—๊ฒŒ ์ƒํ™ฉ์„ ํ†ต์ œํ•  ์ˆ˜ ์žˆ๋Š” ์„ ํƒ์„ ์ฃผ์ง€ ์•Š๊ณ , ์„ธ ๊ฐœ ์ด์ƒ์˜ ๋ฒ„ํŠผ์€ ์‚ฌ์šฉ์ž ๊ฒฝํ—˜์„ ํ•ด์นฉ๋‹ˆ๋‹ค.
    • ๋งŒ์•ฝ ์„ธ ๊ฐœ ์ด์ƒ์˜ ๋ฒ„ํŠผ์ด ํ•„์š”ํ•œ ์ƒํ™ฉ์ด๋ผ๋ฉด Action Sheet๋ฅผ ์‚ฌ์šฉํ•˜์„ธ์š”.
  • Alert ๋ฒ„ํŠผ์€ ๊ฐ„๊ฒฐํ•˜๊ณ  ๋…ผ๋ฆฌ์ ์ธ ์ œ๋ชฉ์„ ์‚ฌ์šฉํ•˜์„ธ์š”
    • ๊ฐ€์žฅ ์ข‹์€ ์ œ๋ชฉ์€ ํ•œ ๊ฐœ ํ˜น์€ ๋‘ ๊ฐœ์˜ ๋‹จ์–ด๋ฅผ ํฌํ•จํ•˜๊ณ  ์„ ํƒํ–ˆ์„ ๋•Œ์˜ ๊ฒฐ๊ณผ๋ฅผ ๋ณด์—ฌ์ฃผ๋Š” ์ œ๋ชฉ์ž…๋‹ˆ๋‹ค.
    • Title ์Šคํƒ€์ผ์„ ์‚ฌ์šฉํ•˜๊ณ , ๋งˆ์นจํ‘œ๋Š” ๋„ฃ์ง€ ๋งˆ์„ธ์š”.
    • ๋™์‚ฌ๊ฐ€ ๋™์‚ฌ๊ตฌ๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์ด ์ข‹์Šต๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค๋ฉด, ๋ชจ๋‘ ๋ณด๊ธฐ, ๋‹ต์žฅํ•˜๊ธฐ, ๋ฌด์‹œํ•˜๊ธฐ์ฒ˜๋Ÿผ์š”.
    • ๊ฐ„๋‹จํ•œ ํ™•์ธ์„ ์œ„ํ•ด "OK"๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์€ ์ข‹์ง€๋งŒ YES ๋‚˜ NO๋Š” ์‚ฌ์šฉ์„ ํ”ผํ•˜์„ธ์š”.
  • ์ทจ์†Œ ๋ฒ„ํŠผ ๋ผ๋ฒจ์„ ์ ์ ˆํ•˜๊ฒŒ ์‚ฌ์šฉํ•˜์„ธ์š”.
    • Alert๋ฅผ ์ทจ์†Œํ•˜๋Š” ๋ฒ„ํŠผ์˜ ๋ผ๋ฒจ์€ ํ•ญ์ƒ Cancel์ด์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.
  • ํ™ˆ ํ™”๋ฉด์œผ๋กœ ์ด๋™ํ•˜๋Š” ๊ฒƒ์œผ๋กœ Alert๋ฅผ ์ทจ์†Œํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•˜์„ธ์š”.
    • ์ทจ์†Œ ๋ฒ„ํŠผ์„ ํƒญ ํ•˜๋Š” ๊ฒƒ๊ณผ ๋™์ผํ•œ ํ–‰๋™์„ ํ™ˆ ํ™”๋ฉด์œผ๋กœ ์ด๋™ํ–ˆ์„ ๋•Œ ์ ์šฉ๋˜๋„๋ก ํ•˜์„ธ์š”.

'๐ŸŽ ์•„์ด-์˜ค-์—์Šค > ๐Ÿ“บ ํžˆ-๊ทธ' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

[HIG] Views - Popovers  (0) 2021.08.22
[HIG] Views - Collections  (0) 2021.08.21
[HIG] Views - Activity Views  (0) 2021.08.21
[HIG] Views - Action Sheets  (0) 2021.08.21
[HIG] Bars - Toolbars  (0) 2021.08.21