κ°œλ°œν•˜λŠ” ν›ˆμ΄ 2021. 8. 21. 22:56
πŸ’‘ 개인적인 곡뢀λ₯Ό λͺ©μ μœΌλ‘œ λ²ˆμ—­ν•˜μ—¬ κ°„λž΅ν•˜κ²Œ μ •λ¦¬λ§Œ ν•œ κΈ€μž…λ‹ˆλ‹€. 전문을 ν¬ν•¨ν•˜κ³  μžˆμ§€ μ•ŠμœΌλ‹ˆ μžμ„Έν•œ λ‚΄μš©μ€ κ³΅μ‹λ¬Έμ„œλ₯Ό μ½μ–΄λ³΄μ‹œκΈΈ κΆŒν•΄λ“œλ¦½λ‹ˆλ‹€!
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λ₯Ό μ·¨μ†Œν•  수 μžˆλ„λ‘ ν•˜μ„Έμš”.
    • μ·¨μ†Œ λ²„νŠΌμ„ νƒ­ ν•˜λŠ” 것과 λ™μΌν•œ 행동을 ν™ˆ ν™”λ©΄μœΌλ‘œ μ΄λ™ν–ˆμ„ λ•Œ μ μš©λ˜λ„λ‘ ν•˜μ„Έμš”.