소피it블로그
[iOS HIG] Human Interface Guidelines - App Architecture (3) Loading 정리 본문
기획, 디자인/디자인
[iOS HIG] Human Interface Guidelines - App Architecture (3) Loading 정리
sophie_l 2022. 5. 11. 12:02https://developer.apple.com/design/human-interface-guidelines/ios/app-architecture/loading/
Loading - App Architecture - iOS - Human Interface Guidelines - Apple Developer
Loading When content is loading, a blank or static screen can make it seem like your app is frozen, resulting in confusion and frustration, and potentially causing people to leave your app. Make it clear when loading is occurring. At minimum, show an activ
developer.apple.com
내용이 로딩중일 때 빈 화면이나 정적인 화면을 보여주면 앱이 작동하지 않는 것으로 오인하게 만들 수 있다.
- 로딩 중이라는 것을 확실히 하라: 최소한 어떠한 행위가 일어나고 있다는 것을 보여줄 수 있는 activity spinner 정도는 사용하라. 더 좋은 것은 확실한 진행 상황을 보여줘서 사용자로 하여금 얼마나 기다려야 하는지 알 수 있게 하는 것이다.
- 내용을 최대한 빨리 보여줘라: 이왕이면 사용자들이 화면이 나오기 전 기다리게 하는 것보다 바로 화면을 볼 수 있게 하는 게 바람직하다. 화면을 바로 제시해주고 내용이 아직 로딩중임을 나타내주는 텍스트나 그래픽, 애니메이션 등을 활용하고, 내용이 로딩되면 바뀌게 하라. 가능하다면 백그라운드에서 앞으로 보여줄 내용을 미리 로딩해둬라.
- 로딩 시간 동안 사용자들에게 정보나 재미를 제공하라: 게임 플레이에 관한 힌트를 보여주거나 재밌는 비디오 또는 흥미로운 시각 자료 등을 제시하라.
- 로딩 화면을 커스터마이징해라: 표준 프로그레스 인디케이터는 보통 괜찮은 선택이지만, 때로는 맥락에서 벗어난 것처럼 느껴질 수도 있다. 앱에 어울리는 애니메이션과 커스텀 요소 등을 사용하여 더 몰입 가능한 경험을 제공하라.