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 | 31 |
Tags
- MVVM
- 리펙터링
- HIG
- UICollectionView
- ios
- RxCocoa
- 리팩토링
- Observable
- 스위프트
- rxswift
- 리펙토링
- SWIFT
- 클린 코드
- clean architecture
- 애니메이션
- uiscrollview
- Human interface guide
- Protocol
- swift documentation
- tableView
- map
- Refactoring
- ribs
- swiftUI
- UITextView
- collectionview
- Xcode
- uitableview
- combine
- Clean Code
Archives
- Today
- Total
김종권의 iOS 앱 개발 알아가기
[iOS - HIG] 4. Onboarding (앱 실행 후 안내 화면, PageControl) 본문
HIG(Human Interface Guidelines)/HIG - UI
[iOS - HIG] 4. Onboarding (앱 실행 후 안내 화면, PageControl)
jake-kim 2021. 5. 9. 01:09
* PageControl 코드: ios-development.tistory.com/397
Onboarding (PageControl)
- 사용해야 하는 이유: 새로운 사용자를 환영
- 빠르고, 재미있고, 교육적이므로 사람들이 방해받지 않고 앱을 최대한 활용할 수 있도록 경험을 제공
- 단 "선택적"으로 화면을 바로 넘길 수 있도록 설정하여 번거로움이 덜하도록 설계
Onboarding의 목적
- 사용자가 앱을 설정하는 것이 아니라 즐길 수 있도록 하는 것
- Onboarding화면에는 설정과 같은 세부 정보를 포함하지 말것
Onboarding 표출 횟수는 한번
- Onbaording이 두 개 이상이라면, 건너띌 수 있는 방법 제공
- 재방문 사용자에게는 Onboarding을 다시 보지 않도록 skip
도움이 필요한 내용들을 Onboarding에 표출
- 예시) 게임이 일시 중지 되거나 어떤 상황에서 진행되지 않은경우, 유용한 팁을 제공
- 사용자가 뭔가를 놓친 경우에 대비하여 튜토리얼을 다시 볼 수 있도록 제공
Onboarding에는 필수 사항만 기재
- Onboarding을 통해 사용자에게 팁을 주는게 훌륭한 앱 디자인이 되는것만은 아닌 것
- Onboarding에 많은 내용이 들어가야 하는 경우 -> Onboarding이 필요 없도록 앱을 직관적으로 만들도록 할것
Onboarding 내용에는 일반적인 사진보단 상호작용과 애니메이션 위주로 설계
- Onboarding화면의 어떤 버튼을 탭했을 때, 특정 애니메이션을 부여하여 사용자가 재미를 느끼도록 설계
* 참고
developer.apple.com/design/human-interface-guidelines/ios/app-architecture/onboarding/
'HIG(Human Interface Guidelines) > HIG - UI' 카테고리의 다른 글
[iOS - HIG] 6. Modality (modal, 임시 화면) (0) | 2021.05.09 |
---|---|
[iOS - HIG] 5. Loading (로딩) (0) | 2021.05.09 |
[iOS - HIG] 3. Launching (앱 첫 화면 등장 전 LaunchScreen 화면) (0) | 2021.05.09 |
[iOS - HIG] 2. 인터페이스에 필수로 들어가야할 요소 (0) | 2021.05.09 |
[iOS - HIG] 1. 다른앱과 차별하고 있는 iOS의 테마 (0) | 2021.05.09 |
Comments