관리 메뉴

김종권의 iOS 앱 개발 알아가기

[iOS - HIG] 37. Alerts (알림) 본문

HIG(Human Interface Guidelines)/HIG - UI

[iOS - HIG] 37. Alerts (알림)

jake-kim 2021. 6. 8. 22:12

Alerts

  • 피드백 요청
  • 제목, 메세지, textField, 하나 이상의 button

경고 제목, 메시지

  • 경고의 빈도가 많으면 사람들이 경고를 진지하게 받아들이지 않으므로 크리티컬한 상황에서만 사용: ex) delete
  • 세로모드 뿐만이 아닌 가로모드에서도 경고 모양을 확인하고 스크롤 없이 모든 방향에서 잘 읽을 수 있도록 텍스트를 최적화
  • 사용자가 화면에서 읽어야하는 텍스트가 적을수록 좋으므로 짧고 설명이 포함된 여러 단어로 된 경고 제목으로 작성
    • 제목이 완전한 문장인 경우, 대문자와 마침표 사용
    • 제목이 불완전한 문장인 경우, 대문자는 사용하지만 마침표는 없이 작성
  • 메시지를 제공해야하는 경우 짧고, 마침표가 있는 완전한 문장 사용
  • 경고 텍스트와 버튼 제목이 명확하면 버튼의 기능을 설명할 필요가 없으므로, 경고 버튼을 사용하지 말것
    • 단 안내를 제공해야하는 드문 경우에는 탭 이라는 단어를 사용
    • 버튼의 시작은 대문자를 유지하고 버튼 제목을 따옴표로 묶지 말것

경고 버튼

  • 버튼이 두 개인 경고를 사용: 단일 버튼 경고는 정보를 알려주지만 상황을 제어할 수 없고, 3개 이상의 버튼이 있는 경고는 복잡성을 유발하고 스크롤 발생가능
    • 두 개 이상의 버튼이 필요한 경우 -> Action Sheet 사용
  • 경고 버튼에 예, 아니오의 문구가 아닌 동사나 동사구를 사용:
    • 가장 좋은 버튼 제목은 버튼 선택 결과를 설명하는 한두단어로 구성
    • 처음글자는 대문자를 사용하고 마침표를 사용하지 말것
    • 제목 및 메시지와 직접 관련된 동사 및 동사구를 사용: ex) 모두보기, 회신, 무시, OK
  • 일반적으로 사용자들이 선택하고 싶어하는 곳은 오른쪽이므로, 취소 버튼은 항상 왼쪽에 배치
  • 경고 버튼으로 인해 컨텐츠가 삭제되는 것과 같은 크리티컬한 내용에서는, Delete를 붉은 색으로 처리하고 Cancel버튼을 굵은 기본 버튼으로 표출
  • 사용자들이 홈 화면을 종료하여 알림을 취소 할 수 있도록 설계: 경고가 발생했을때 취소버튼을 누르지 않더라도, 종료되었을때 취소하는 로직이 실행되도록 설정

* 참고

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

Comments