[iOS] Human Interface Guidelines - Views - Alerts 정리

안녕하세요 Hani입니다.

이번에는 HIG의 Views - Alerts를 알아볼 거예요. ☺️

 

 

 

Alert는 앱이나 디바이스의 상태에 관한 중요한 정보를 전달하는 뷰예요.

타이틀, 메세지, 버튼, 텍스트필드만 Alert를 구성하는 요소가 될 수 있습니당.

 

Alert를 사용하기 위해선 몇 가지 지켜야 할 사항이 있어요. 🧐

 

 

Minimize alerts.

Alert는 UX를 방해하기 때문에 중요한 정보만 전달할 때만 사용해야해요.

또한 정말 필요할 때만 사용해야 사용자가 Alert을 통해 문제의 심각성을 알 수 있습니다.

 

 

Use an action sheet — not an alert — to offer choices related to an intentional action.

선택사항을 제공할 때는 Alert가 아니라 Action Sheet를 사용해야해요.

Alert는 확인, 취소 이외의 선택사항을 제공하는 뷰가 아니기 때문이에욥.

 

 

Avoid scrolling alerts when possible.

Alert를 스크롤하지 않도록 타이틀과 메세지를 짧게만들어야 합니다.

 

---

Alert Titles and Messages

Write short, descriptive, multiword alert titles.

Alert에 들어가는 타이틀은 짧은 것이 좋지만 한 단어로 Alert를 설명하는 것이 어렵기 때문에

명확하게 정보를 제공할 수 있도록 여러 단어로 타이틀을 구성해야해요.

단, 구구절절 말하는 게 아니라 간결하게..

 

완전한 문장이면 sentence-style capitalization을 따르고 적절한 ending punctuation(. ? !)를 찍어야 합니다.

불완전한 문장은 title-style capitalization을 따르고 ending punctuation를 사용하지 않아요.

 

capitalization 가이드라인은 나중에 다뤄보겠습니다.. 🥺

(라고 하지만 이렇게 해두면 보통 안다루더라)

 

 

If you must provide a message, write short, complete sentences.

Alert에 들어가는 메세지는 한두줄의 완전한 문장으로 서술해야합니당.

위에서 언급했듯이 스크롤하지 않도록 짧게 만들어야 함을 기억해주세욥.

 

완전한 문장이기 때문에 sentence-style capitalization ⭕️ + ending punctuation ⭕️

 

 

Be direct, and use a neutral, approachable tone.

Alert는 문제나 심각한 상황에 대하여 설명하는 뷰이기 때문에

완곡한 표현을 써서 문제의 심각성을 숨기지 않아야 해요.

 

그렇다고 비난하는 투로 말하는 것도 안되겠죠? ☺️

 

 

Avoid explaining the alert buttons.

버튼은 타이틀만 보고도 어떤 기능을 하는 버튼인지 알 수 있어야 해요.

추가 설명은 ❌

 

---

Alert Buttons

Create succinct, logical button titles.

버튼은 한두 단어로 된 타이틀을 갖도록 만들어야 해요.

타이틀과 메세지에 관련된 동사(Verb)나 동사구(Verb Phrase)가 선호됩니다.

확인을 위해서 OK는 되지만 Yes / No는 금지..!

 

불완전한 문장이니까 title-style capitalization ⭕️ + ending punctuation ❌

 

 

Place buttons where people expect them.

취소 버튼을 Alert의 버튼 중에서 가장 leading, bottom에 위치시켜야합니다.

trailng, top 쪽에 있을 수록 유저가 가장 많이 누를 버튼이라고 하네욥.

 

 

Identify destructive buttons.

삭제같은 작업은 UIAlertAction.Style의 destructive 스타일을 적용하여 버튼에 특별하게 표시되도록 만들어야 합니다.

 

 

Let people cancel an alert by exiting to the Home screen.

홈 화면으로 이동하는 것으로도 Alert를 취소할 수 있도록 만들어주세용.

 

---

References

https://help.apple.com/applestyleguide/#/apsgb744e4a3?sub=apdca93e113f1d64

https://developer.apple.com/design/human-interface-guidelines/ios/views/alerts/