👋 로딩 시 프로그래스 바와 스피너를 구별해서 디자인하시나요? 👀 저는 이 기사를 통해 두 가지 차이를 확실히 알 수 있었습니다. [뉴스 요약 🔍 ] 👾 스피너는 긴 시간 로딩에 사용하지 않는다. - 스피너는 보통 로딩이 시계 방향으로 도는 형태를 가집니다. 진행사항을 노출하지 않기 때문에 로딩이 얼마나 걸릴지 유저가 알 수 없습니다. 때문에 4초 이상 로딩 확률이 있다면 스피너는 피하는 것이 좋습니다. 🤖 프로그래스 바는 긴 시간 로딩에 사용한다. - 프로그래스 바는 로딩 시간이 얼마나 걸릴지 명확히 알 수 있습니다. 막대 모양은 진행 과정의 시각적 단서가 되어주기 때문입니다. 일관적인 속도로 왼쪽에서 오른쪽으로 애니메이션 되는 것이 상식입니다. 또한, 숫자로도 진척도를 보여주면 좋습니다. 프로그래스 바가 1분 미만이라면, 진행된 퍼센트나 로딩된 아이템 개수를 보여주는 것이 일반적입니다. [큐레이터의 문장 ✍️ ] 🥇 "스피너를 남용하지 말아라" - 기사에 따르면 많은 디자이너들이 스피너를 남용하는 습관이 있다고 합니다. 로딩 시간이 길 때 스피너를 사용하는 것은 사용성을 해칩니다. 이때 4초 이하라면 스피너를 사용하고, 그 이상이면 프로그래스 바를 사용하는 사실을 떠올리면 좋을 것 같습니다. [함께 보면 좋은 콘텐츠 🏋️] Progress Bars vs. Spinners: When to Use Which(원문) https://uxmovement.com/navigation/progress-bars-vs-spinners-when-to-use-which/