uiux·발행 2026.07.22
Progress bar, 1896 Henry Gantt 차트에서 1979 Brad Myers까지
작업 진행률을 채워지는 막대로 시각화하는 패턴입니다. 1896년 간트 차트에서 1979년 Brad Myers의 논문까지, progress bar의 계보와 사용 원칙을 정리합니다.
한 줄로
작업 진행률을 채워지는 막대로 시각화합니다. 1896년 간트 차트의 후예입니다.
어디서 왔나
1896년, 미국 엔지니어 헨리 간트(Henry Gantt)가 Gantt chart를 발명했습니다. 작업 시간을 가로 막대로 표현하는 시각화, 진행률 그래픽의 원형입니다.
소프트웨어 UI의 progress bar는 1979년 CMU 박사과정생 Brad Myers의 논문에서 첫 정립됐습니다. "The importance of percent-done progress indicators", 사용자가 정확한 진행률을 알면 인내심이 크게 늘어난다는 연구입니다.
종류
- Determinate (확정): 정확한 % 표시. 0~100.
- Indeterminate (비확정): 끝을 모름. 그냥 좌에서 우로 흐름 반복.
확정형이 사용성에 압도적으로 좋습니다. 사용자가 얼마나 남았는지 알면 5초도 견디지만, 모르면 2초도 답답합니다.
함정
- 부정확한 진행률: 70%에서 너무 오래 멈추면 신뢰를 잃습니다. Windows의 "남은 시간 추정"이 악명 높습니다.
- 너무 부드러움: 인위적으로 천천히 그리는 게 오히려 더 빨라 보입니다 (역설적이지만 사실입니다).
바이브 메이커가 챙길 한 가지
5초 이상 걸리는 동작에는 progress bar 필수입니다. 단, 정확한 진행률을 알 수 없으면 Skeleton screen 같은 다른 패턴이 더 안전합니다.
관련
Spinner · Skeleton screen · Doherty Threshold
Comments
댓글 0
로그인 상태 확인 중…
댓글 불러오는 중…