Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- map
- Protocol
- clean architecture
- 애니메이션
- Refactoring
- uitableview
- UITextView
- Clean Code
- swiftUI
- MVVM
- tableView
- swift documentation
- Human interface guide
- 스위프트
- SWIFT
- 리펙토링
- 리펙터링
- Xcode
- 클린 코드
- rxswift
- ribs
- Observable
- ios
- RxCocoa
- 리팩토링
- UICollectionView
- HIG
- uiscrollview
- combine
- collectionview
Archives
- Today
- Total
김종권의 iOS 앱 개발 알아가기
[iOS - HIG] 37. Alerts (알림) 본문
Alerts
- 피드백 요청
- 제목, 메세지, textField, 하나 이상의 button
경고 제목, 메시지
- 경고의 빈도가 많으면 사람들이 경고를 진지하게 받아들이지 않으므로 크리티컬한 상황에서만 사용: ex) delete
- 세로모드 뿐만이 아닌 가로모드에서도 경고 모양을 확인하고 스크롤 없이 모든 방향에서 잘 읽을 수 있도록 텍스트를 최적화
- 사용자가 화면에서 읽어야하는 텍스트가 적을수록 좋으므로 짧고 설명이 포함된 여러 단어로 된 경고 제목으로 작성
- 제목이 완전한 문장인 경우, 대문자와 마침표 사용
- 제목이 불완전한 문장인 경우, 대문자는 사용하지만 마침표는 없이 작성
- 메시지를 제공해야하는 경우 짧고, 마침표가 있는 완전한 문장 사용
- 경고 텍스트와 버튼 제목이 명확하면 버튼의 기능을 설명할 필요가 없으므로, 경고 버튼을 사용하지 말것
- 단 안내를 제공해야하는 드문 경우에는 탭 이라는 단어를 사용
- 버튼의 시작은 대문자를 유지하고 버튼 제목을 따옴표로 묶지 말것
경고 버튼
- 버튼이 두 개인 경고를 사용: 단일 버튼 경고는 정보를 알려주지만 상황을 제어할 수 없고, 3개 이상의 버튼이 있는 경고는 복잡성을 유발하고 스크롤 발생가능
- 두 개 이상의 버튼이 필요한 경우 -> Action Sheet 사용
- 경고 버튼에 예, 아니오의 문구가 아닌 동사나 동사구를 사용:
- 가장 좋은 버튼 제목은 버튼 선택 결과를 설명하는 한두단어로 구성
- 처음글자는 대문자를 사용하고 마침표를 사용하지 말것
- 제목 및 메시지와 직접 관련된 동사 및 동사구를 사용: ex) 모두보기, 회신, 무시, OK
- 일반적으로 사용자들이 선택하고 싶어하는 곳은 오른쪽이므로, 취소 버튼은 항상 왼쪽에 배치
- 경고 버튼으로 인해 컨텐츠가 삭제되는 것과 같은 크리티컬한 내용에서는, Delete를 붉은 색으로 처리하고 Cancel버튼을 굵은 기본 버튼으로 표출
- 사용자들이 홈 화면을 종료하여 알림을 취소 할 수 있도록 설계: 경고가 발생했을때 취소버튼을 누르지 않더라도, 종료되었을때 취소하는 로직이 실행되도록 설정
* 참고
https://developer.apple.com/design/human-interface-guidelines/ios/views/alerts/
'HIG(Human Interface Guidelines) > HIG - UI' 카테고리의 다른 글
[iOS - HIG] 39. Pages (페이지) (0) | 2021.06.10 |
---|---|
[iOS - HIG] 38. Collection (컬렉션뷰) (0) | 2021.06.09 |
[iOS - HIG] 36. Activity Views (액티비티 뷰) (0) | 2021.06.07 |
[iOS - HIG] 35. Action Sheets (액션 시트) (0) | 2021.06.06 |
[iOS - HIG] 34. Toolbar (툴바) (0) | 2021.06.05 |
Comments