📍 Human Interface Guidelines

Loading - App Architecture - iOS - Human Interface Guidelines - Apple Developer

컨텐츠가 로딩중일 때,

비어있거나 고정되어 있는 화면은 사용자가 보기에 앱이 멈췄다는 느낌을 줄 수 있습니다.

이런 부분은 사용자에게 혼란을 줄 수 있고, 잠재적으로 사용자의 이탈을 이끌기도 합니다.

1. Make it clear when loading is occurring

SoundCloud

최소한 돌아가는 모션 등으로 무언가 일어나고 있음을 보여줘야 합니다.

명확한 진행 정도를 보여주는 것은 사용자가 얼마나 더 기다려야 하는지 보여주기 때문에

더 좋은 방법이 될 수 있습니다.

2. Show content as soom as possible

사용자들이 기대하고 있는 화면을 보기 전에 컨텐츠 로딩을 기다리게 하지 말아야 합니다.

화면을 즉시 보여주고, placeholder 텍스트나 그래픽, 애니메이션을 통해

아직 컨텐츠를 사용할 수 없는 곳을 나타냅니다.

컨텐츠가 로드되면 placeholder를 교체하고,

애니메이션이 재생 중이거나 사용자가 상위 레벨 또는 메뉴를 탐색할 때과 같이

가능할 때마다 background에서 컨텐츠를 로드해주세요.

최대한 로딩을 짧게~!