brunch

29.인터렉션의 지연상태를 가리는 프로그레스 표시자

by Potatohands

https://www.nngroup.com/videos/progress-indicators/

주요 메시지

• 사용자 인터페이스가 느리게 반응할 때, 단순히 멈춰 있거나 아무 변화가 없는 화면보다 **진행 표시기(progress indicator)**를 보여주는 것이 사용자의 불안감을 크게 줄여준다. 

• 작업이 길어질 경우에는 단순한 스피너나 루프 애니메이션보다는 **퍼센트 기반 진행 표시기(percent-done indicator)**가 더 효과적이다. 



주요 권장 사항

1. 즉각적인 시각적 반응을 제공하라

사용자가 버튼을 눌렀거나 명령을 내렸을 때, 화면이 즉시 변화하여 “요청을 받았습니다”라는 피드백을 주어야 한다. 이는 사용자가 시스템이 응답 중이라는 확신을 갖게 한다.

2. 지연 시간이 판단될 때 적절한 표시기를 선택하라

• 짧은 지연(몇 초 이내): 루프 애니메이션(예: 스피너) 사용 가능

• 긴 지연(10초 이상 등): 퍼센트 기반 표시기 사용 권장

위 영상에서도 이 기준이 강조된다.

3. 진행 표시기는 단순히 ‘작업 중’임을 나타내는 것 이상이다

• 퍼센트 표시기는 “얼마나 완료됐고 얼마나 남았는지”를 보여주므로 사용자가 기다릴지 떠날지 결정하는 데 도움을 준다.

• 사용자가 느끼는 기다림의 길이를 줄일 수 있다.



참고할 만한 팁

• 사용자가 클릭하거나 요청을 보내면 즉시 화면에서 피드백을 보여주는 것이 매우 중요하다.

• 작업 시간이 얼마나 걸릴지 예측이 가능하다면 퍼센트 진행 표시기를 사용해라.

• 예측이 어렵더라도, 사용자가 “아직 시스템이 응답 중이다”라는 느낌을 받을 수 있게 표시기를 넣는 것이 좋다.

• 아무 표시기 없이 시스템이 멈춰 있는 듯 보이면 사용자는 시스템이 작동을 멈췄다고 생각하고 떠나려 한다.


-

정확한 내용은 위 원문링크를 확인해주세요.


keyword
매거진의 이전글28.진행 표시기는 느린 시스템을 참을 수 있도록 한다