[HIG] App Architecture : Loading, 로딩

앱에서 컨텐츠가 로딩될 때, 앱은 사용자에게 어떤 화면을 보여줘야 할까?

단순히 빈(blank)화면이나 정적(static)인 화면을 보여주는 것은 사용자가 앱이 멈춘 것처럼 느끼게 한다.

앱 로딩(다운로드)시 프로그레스를 보여줌, 출처: https://developer.apple.com/design/human-interface-guidelines/ios/app-architecture/loading/

1. 로딩 중이라면 그것을 명확하게 표현하라.

• 앱이 로딩 중이라면 사용자는 최소한 액티비티 스피너를 볼 수 있어야 한다.
• 더 좋은 방법은, 진행상황(progress)를 보여줌으로써, 사용자가 얼만큼 더 기다려야할지를 가늠할 수 있어야 한다.

activity spinner 

2. 컨텐츠를 최대한 빨리 보여줘라.

• 사람들은 자신이 보길 원하는 화면이 곧바로 보여지길 원한다.
• 텍스트 플레이스홀더, 그래픽, 혹은 애니메이션을 사용하여 아직 사용불가능한 컨텐츠가 어디인지 식별하도록 해야 한다.
• 플레이스홀더는 컨텐츠가 사용가능한 즉시 교체하면된다.

앱 로딩 중의 플레이스홀더, 출처: https://stackoverflow.com/questions/59629056/how-to-put-animating-placeholder-image-while-downloading-url-image-in-swift-4-or

3. 컨텐츠가 로딩되는 도중에 사람들을 즐겁게해주거나 게임에서는 어떤 힌트를 가르칠 수도 있다.

• 앱이 로딩되는 와중에도 사람들이 지루해하지 않도록 시각적 장치나 읽을거리를 던져주는 것이 좋다.

4. 로딩 스크린을 커스터마이징하라.

• 기본 프로그레스 인디케이터를 사용해도 무방하나, 앱의 흐름과 맞지 않을 수도 있다.
• 앱의 몰입감을 주기 위해 여러분의 앱이나 게임의 스타일에 맞는 커스텀 로딩 화면을 제공하라.