HIG읽기 : Loading

콘텐츠들을 불러올 때 로딩되고 있음을 알려주지 않으면 사용자가 로딩되고 있는지 혼란스러워 하고, 앱을 나갈지도 모른다.

 

경험담으로,, 온라인 장부 만들었을 때 로딩화면 안 만들었다가 사용자들이 엥 뭐지 하는 것을 본 적이 있다...

중요하다.. 로딩화면... 

특히, 서버랑 통신을 할 때 꼭 ! 만들어야 한다!!

 

1️⃣  현 상확을 명백하게 알려라.  

현재 뭔가가 진행되고 있음을 spinner나 게이지 바를 통해 현재 몇 % 로드가 되었는지 알려줘야 한다.

 

2️⃣  콘텐츠를 빨리 보여줘라.  

 

사람들이 예상하는 화면을 보기 전에 콘텐츠가 모두 로드되기를 기다리게 하지마라. 화면을 placeholder text, graphics, animation 등으로 표시 해주는 것이 좋다.

 

애니메이션이 재생되는 동안이나 사용자가 수준 또는 메뉴를 탐색하는 동안 등 가능한 경우 언제든지 백그라운드에서 다음 콘텐츠를 미리 로드하라.

-> 내가 알기로 LazyVstack과 같은 녀석들이 이런 사항을 처리해주는 것으로 알고 있다. 다음에 블로그 포스팅을 하고 좀 더 자세히 설명해야겠다.

 

 

3️⃣ 로딩 시간에 유익하고 재밌는 무언가를 보여주라

로딩되는 동안 캐릭터가 움직인다던가, 앱 사용 팁을 알려주던가 처럼 사용자가 따분해 하지 않게 하는 것이 중요하다.

 

4️⃣  로딩 화면을 Customize 하라

기본적으로 Progress Indicators를사용하되,

디자인적으로 어울리지 않다고 생각이 든다면, 앱과 어울리게 로딩 화면을 Customize 하는 게 필요하다.

 

+)  Splash file 

게임이나 비디오 player처럼 immersive app의 경우에는 로딩이 되는 동안 Splash file을 통해 사용자가 앱에 몰입할 수 있도록 유도하는 것도 좋다.

-> 이전에 Splash screen에 대해서 설명한 적이 있는데 splash image와 splash file가 있다.

이때, splash file는 img 형태가 아닌 것들.. !

 

e.g ) 게임 세계관을 만들도록 하기 위해 splash file을 사용함으로 사용자가 앱에 좀 더 몰입할 수 있도록 함 

 

 

 

 NOTE 

 Loading은 이전 포스팅한 것들보다 가볍고 당연한 내용처럼 다가왔다. 다만, Splash file을 모든 앱에서 지양하는 것은 아니라는 게 신기했다.. 왜 나는 1를 가르쳐줘도 10을 모를까? 문서를 읽거나 강의를 들을 때 의문을 가져보려고 노력해야 겠다.

 

 출처 

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

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