진행 표시기

왜 기다림을 보여줘야 할까

밀러(1968)는 처음으로 응답 시간의 심리적 한계를 정리했고, 카드와 동료들(1991)은 이를 0.1초(즉각), 1초(흐름 유지), 10초(주의 유지)로 나눴어요. 1초가 넘으면 '눌렸나?' 하는 의문이 생기고, 10초가 넘으면 사용자는 다른 일을 하거나 떠나요. 나(2004)의 실험에서는 진행 피드백이 있을 때 사용자가 더 오래 기다렸어요. 진행 표시기는 시간을 줄여주지는 않지만 시스템이 일하고 있다는 확신을 줘요.

스피너와 진행 막대 고르기

셔윈(2014)의 지침처럼 2~10초 정도의 짧고 길이를 모르는 작업에는 스피너 같은 불확정 표시기를, 10초 이상이거나 진행률을 알 수 있는 작업에는 퍼센트나 남은 시간이 보이는 확정 진행 막대를 써요. 마이어스(1985)는 사용자들이 퍼센트 진행 막대를 강하게 선호함을 보였어요. 여러 단계로 된 가입이나 결제 흐름에는 '3단계 중 2단계' 같은 단계 표시가 좋아요. 콘텐츠의 모양을 미리 보여주는 스켈레톤 스크린은 짧은 화면 로딩에 특히 효과적이에요.

체감 시간을 줄이는 설계

해리슨과 동료들(2007)은 같은 시간이라도 막대가 처음엔 천천히, 끝으로 갈수록 빨라질 때 더 짧게 느껴진다고 보고했어요. 끝 부분에서 99%에 오래 멈춰 있는 막대는 가장 나쁜 경험이에요. 긴 작업은 사용자를 붙잡아 두기보다 백그라운드로 보내고 완료 시 알려주는 편이 좋아요. 베일리와 콘스탄(2006)이 보였듯 작업 흐름이 끊기면 오류와 불안이 늘어요. 완료 순간에는 짧은 마이크로인터랙션으로 끝났다는 신호를 주고, 근본적으로는 코어 웹 바이탈 개선으로 대기 자체를 줄이세요.

자주 묻는 질문

스피너는 언제 쓰나요?

길이를 모르는 짧은 작업(대략 2~10초)에 써요. 1초 미만이면 표시기 없이 두는 편이 깜빡임이 없어 좋아요.

진행 막대가 실제와 달라도 되나요?

속도 곡선은 조정할 수 있지만, 실제보다 빨리 끝났다고 보여주거나 멈춘 작업을 진행 중처럼 보이게 하면 안 돼요.

출처 검토일: 2026-10-27

참고문헌

1. Myers, B. A. (1985). The importance of percent-done progress indicators for computer-human interfaces. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (pp. 11–17). ACM. 퍼센트 진행 막대가 사용자에게 선호된다는 고전 연구라, 진행 표시의 효과를 설명할 때 참고하면 도움이 돼요.
2. Harrison, C., Amento, B., Kuznetsov, S., & Bell, R. (2007). Rethinking the progress bar. In Proceedings of the 20th Annual ACM Symposium on User Interface Software and Technology (pp. 115–118). ACM. 막대의 속도 변화가 체감 시간을 바꾼다는 연구라, 진행 막대 움직임을 설계할 때 참고하면 도움이 돼요.
3. Nah, F. F.-H. (2004). A study on tolerable waiting time: How long are web users willing to wait? Behaviour & Information Technology, 23(3), 153–163. 피드백이 있으면 사용자가 더 오래 기다린다는 실험이라, 표시기의 가치를 보여줄 때 참고하면 도움이 돼요.
4. Miller, R. B. (1968). Response time in man-computer conversational transactions. In Proceedings of the December 9–11, 1968, Fall Joint Computer Conference, Part I (pp. 267–277). ACM. 응답 시간의 심리적 임계값을 처음 정리해, 언제 표시기를 보여줄지 정할 때 참고하면 도움이 돼요.
5. Card, S. K., Robertson, G. G., & Mackinlay, J. D. (1991). The information visualizer, an information workspace. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (pp. 181–186). ACM. 0.1초·1초·10초 시간 척도를 제시해, 피드백 단계를 나눌 때 참고하면 도움이 돼요.
6. Sherwin, K. (2014, October 26). Progress indicators make a slow system less insufferable. Nielsen Norman Group. 대기 시간별로 스피너와 진행 막대를 고르는 실무 지침이라, 유형 선택 시 참고하면 도움이 돼요.
7. Bailey, B. P., & Konstan, J. A. (2006). On the need for attention-aware systems: Measuring effects of interruption on task completion time, error rate, and affective state. Computers in Human Behavior, 22(4), 685–708. 작업 중단이 오류와 불안을 늘린다는 연구라, 긴 작업을 백그라운드로 보낼 근거로 참고하면 도움이 돼요.