본문 바로가기

HIG(Human Interface Guidelines)

[iOS-HIG] Loading

Loading

콘텐츠가 로딩될 때 공백, 정적 화면은 앱이 정지된 것처럼 보이게 하여 혼란을 주어서 사용자가 앱을 떠나는 원인이 될 수 있다.

 

* 언제든 중지할 수 있게 일시정지, 취소 등을 넣으면 좋다.

 

Make it clear when loading is occurring.

최소한, 어떤 것을 소통하는 activity spinner를 보여줘야 한다.

더 좋은 것은, 사람들이 얼마나 오래 기다려야 하는지 알 수 있도록 명확한 진행 상황을 보여주는 것이다.

(프로그래스 바활용하거나 몇 분 남았습니다. 등등)

 

Show content as soon as possible.

사람들이 로딩을 기다리는 화면을 기다리게 하지 말아라.

즉, 사용자가 로딩을 기다리는 동안 애니메이션이 재생 중이거나 사용자가 메뉴를 탐색하는 등 가능한 경우 백그라운드에서 예정된 콘텐츠를 미리 로드한다.

사람들이 로딩을 기다리는 동안 로딩이 될 것들을 미리 텍스트나, 그래픽, 애니메이션 등으로 콘텐츠를 미리 인지할 수 있도록 한다.

 

Educate or entertain people to mask loading time.

로딩 타임을 mask할 수 있는 재미있는 비디오 시퀀스 또는 그래픽에 대한 힌트를 보여주는 것을 고려해보면 좋다.

(게임이나 그래픽 등 immersive Type 몰입하는 타입의 앱의 경우 사용하면 좋다.)

 

 

 

Customize loading screens.

standard progress indicators(프로그래스 바 같은)가 보통은 정상이지만, 때때로 컨텐츠를 벗어나게 느껴질 수 있다.

앱의 스타일에 맞는 맞춤 애니메이션과 같은 요소로 몰입감을 경험할 수 있또록 디자인을 고려하면 좋다.

 

자세한 내용은 Progress Indicators를 참조

 

 

 

 

 

 

출처 : https://developer.apple.com/design/human-interface-guidelines/ios/app-architecture/loading/

 

※ 문서를 번역한 것이 아닌 문서를 읽고 제 생각을 정리한 글 입니다.

잘못된 설명이나 이해가 있다면 댓글로 달아주시면 감사하겠습니다!!☺️

'HIG(Human Interface Guidelines)' 카테고리의 다른 글

[iOS-HIG] Navigation  (0) 2021.12.28
[iOS-HIG] Modality  (0) 2021.12.27
[iOS-HIG] Onboarding  (0) 2021.12.23
[iOS-HIG] Launching  (0) 2021.12.22
[iOS-HIG] Interface Essentials  (0) 2021.12.21