11. 로딩 상태

이 아티클은 Nick Babich가 2019년에 작성한 아티클입니다.

_현재 변경된 부분이 많아 내용 중 일부를 변경 및 추가했어요 :)

---

👇노션에서 보기

30 Things We Often Forget When Designing Mobile Apps

---

III. 일상 경험

11. 로딩 상태

앱의 즉각적인 응답이 제일 좋지만 앱이 속도 가이드라인을 준수하지 못하는 경우가 있습니다. 인터넷 연결 상태가 좋지 않으면 응답 속도가 느려지거나 작업 자체가 오래 걸릴 수 있습니다. 이러한 경우 유저의 긴장을 최소화하기 위해 앱이 유저의 요청을 처리하고 있음을 보여주어야 합니다. 앱이 작업을 완료하는 데 시간이 걸린다는 것을 유저에게 알리지 못할 경우, 유저는 종종 앱이 요청을 받지 못했다고 생각하고 다시 시도합니다. 피드백 부족으로 인해 추가 탭이 많이 발생합니다.

대기 애니메이션 프로그래스 인디케이터는 어떤 일이 발생하거나 로드 중일 때 유저에게 시스템 상태를 제공하는 가장 일반적인 형태입니다.

다음은 영감을 주는 프로그래스 인디케이터를 만드는 10가지입니다.

10 Creative Loading Indicators

---

10가지 크리에이티브 로딩 인디케이터

시스템 상태의 가시성은 유저 인터페이스 디자인에서 가장 중요한 원칙 중 하나입니다.

 

💡 좋은 인터랙션 디자인은 피드백을 제공하는 것입니다.

대기 애니메이션 프로그래스 인디케이터는 어떤 일이 발생하거나 로드 중일 때 유저에게 시스템 상태를 제공하는 가장 일반적인 형태입니다. 그러나 대부분의 대기 인디케이터는 프로덕트 제작자가 기본 로딩 인디케이터(시스템 디자인이 제공하는 것)를 사용하기 때문에 지루해 보입니다.

💡 만약 대기 시간을 줄일 수 없다면, 최소한 유저가 더 즐겁게 기다릴 수 있도록 노력해야 합니다.

창의적인 프로그래스 인디케이터는 유저의 시간 인식을 줄일 수 있습니다. 앱이 유저가 기다리는 동안 흥미로운 것을 제공한다면 유저는 기다리는 것 자체에 주의를 덜 기울이게 됩니다. 따라서 유저들이 어떤 일이 일어나기를 기다리는 동안 지루해하지 않도록 디자이너는 그들에게 방해 요소를 제공할 수 있습니다.

이 아티클에서는 로딩 인디케이터의 10가지 흥미로운 컨셉을 살펴보고자 합니다.

 

 

 

 

결론

위에서 언급한 모든 효과는 유저의 경험을 향상시킬 수 있지만, 과도하게 사용하지 않는 것이 좋습니다. 처음에는 재미있고 사랑스러워 보이는 것이 100번이 지나면 지루하고 예측 가능해 보일 수 있기 때문입니다. 또한 로딩 효과는 느린 로딩 시간 문제를 해결할 수 없습니다. 유저가 같은 로딩 효과를 반복해서 보게 되면 곧 로딩 시간이 느리다고 앱을 탓하기 시작할 것입니다.