🚨 Alerts

🚨 Alert는 app이나 device와 관련한 중요한 정보를 전달하고 가끔은 유저에게 feedback을 요청하기도 합니다

alert 구성요소는 아래와 같습니다

• 제목
• 한 개 이상의 버튼
• (선택) 메시지
• (선택) input을 받는 text field

이 요소들은 설정이 가능한반면, alert의 외형은 정적이고 customize할 수 없습니다

✔ Alert를 띄우는 것을 최소화하라

alert는 유저 경험을 방해하므로, 어떤 문제가 발생했다거나 (삭제같은)파괴적인 action에 대한 확인차원 등 중요한 상황에서만 사용되어야 합니다
alert의 빈도가 잦지 않게 함으로써 유저들은 이런 경고들을 좀 더 심각하게 받아들이게 됩니다
각 alert가 치명적인 정보와 유용한 선택지를 제공하도록 해야 합니다

✔ both orientation 모두에서 alert의 외형을 확인하라

alert는 landscape/portrait 모드에 따라 다르게 보여질지도 모릅니다
별도로 scroll하지 않고도 어떤 orientation에서든 잘 읽히도록 alert의 text를 최적화해야 합니다

📰 제목 / 메시지

✔ 제목: 짧고, 서술형으로, 여러단어로

우선, 유저가 읽어야 할 text가 적을수록 잘 읽히므로 짧게 만듭니다
메시지에 쓸 말을 제목에 적어서 길게 만들지 말아야 합니다.

한 단어로 된 제목은 유용한 정보를 거의 담지 못합니다
그러므로 질문을 하거나 짧은 문장 형태의 제목을 고려합니다
가능한 한, 제목은 한 줄로 끝내는게 좋습니다

만약 제목이 완전한 문장이라면, sentence-style capitalization(문장 통째로 대문자로 쓰는 것)을 사용하고 문장 끝에 적절한 문장부호를 사용하세요 (ex. ~합니다.)

✔ 메시지: 짧고, 완전한 문장으로

메시지는 scroll없이 한 두줄에 맞도록 충분히 짧게 만들어야 합니다
이것도 문장 통째로 대문자 쓰고 문장 끝에 적절한 부호를 사용합니다

✔ 비난, 비판, 모욕적인 표현 금지

사람들은 alert가 어떤 문제나 위험상황을 알리려는 것임을 알고 있습니다. (유저는 이미 부정적인 상태)
그렇다고 착하지만 애매한 표현을 쓰기보단, 부정적이더라도 직접적인 표현을 친절한 톤으로 전달하는게 낫습니다
대명사를 쓰면 때때로 거만하게 보일 수 있으니 쓰지 마세요

✔ Alert 버튼 설명 금지

기본적으로 alert의 text와 버튼의 제목들이 명확하다면, 버튼에 대해 설명할 필요가 없을 것입니다
정말 드물게 별도의 설명을 제공해야만 하는 경우라면, 설명에 "tap"이라는 단어를 사용하고 버튼을 언급할 때는 대문자로 표현하며 버튼 제목을 따옴표로 묶지 마세요
(뭐가 이렇게 자세해...)

🍥 버튼

✔ 일반적으로, 2개를 씁니다

alert를 2개 버튼으로 제공하여 두 개의 대안 중 쉽게 선택할 수 있습니다

1개짜리 버튼은 정보를 전달할 순 있지만, 상황에 대한 제어권은 주지 않습니다

3개 이상의 버튼은 alert를 복잡하게 만들고 길다보니 scroll을 요구하여 유저 경험을 나쁘게 만들 수 있습니다

만약 3개 이상의 선택지가 필요하다면, alert대신 action sheet를 사용하는걸 고려합니다

✔ 버튼 제목: 간결하고 논리적이게

가장 좋은 버튼 제목은 각 선택의 결과를 묘사하는 1~2개 단어로 구성하는 것입니다

여느 버튼 제목들이 그러하듯이, title-style capitalization(첫 글자만 대문자)를 사용하고 마침표를 찍지 않습니다

가능한 한, 동사 1~2개나 동사구를 사용합니다
(alert 제목/메시지와 직접적으로 관련된)
예로, View all, Reply, Ignore가 있습니다

간단한 수락을 표현하려면 OK를 사용합니다

Yes나 No는 피합니다

✔ 버튼 위치: 사람들은 오른쪽 버튼을 좋아합니다

일반적으로, 사람들은 우측에 있는 버튼을 가장 편하게 누릅니다

우리는 보통 유저가 "수락"하길 원하므로 이것을 우측에 놓고 취소 버튼은 좌측에 놓아야 합니다

✔ 취소 버튼은 "Cancel"이라고 이름 붙혀야 합니다

alert의 action을 취소하는 버튼은 "Cancel"이라고 이름 붙혀야 합니다

✔ 파괴적인 버튼은 따로 표시하라

만약 alert 버튼의 결과가 파괴적이라면(data를 지운다던지) 버튼의 스타일을 "Destructive"라고 설정해야 합니다
이렇게 설정하면 시스템에 의해 적절하게 formatting됩니다 (빨간색 칠)

추가로, 사람들이 안전하게 파괴적인 action을 피할 수 있도록 Cancel 버튼을 제공하고 이게 default라는 것이 티가 나도록 Bold처리합니다

✔ 홈화면으로 나가면 alert 취소 버튼을 누른 효과를 주어라

alert가 보여졌을 때, 아이폰 홈화면에 접근하는 행위는 어떠한 선택도 하지 않고 app을 나가는 것이 됩니다

우리는 이 행위가 취소 버튼을 누르는 것과 동일한 효과를 만들도록 해야 합니다
(즉, 취소버튼처럼 alert가 별도의 action없이 dismiss되도록)

만약 alert에 취소 버튼이 따로 없다면, app을 나가면 취소 action을 하도록 구현하는 것을 고려하세요