다음을 통해 공유


진행률 표시줄

참고 항목

이 디자인 가이드는 Windows 7용으로 만들어졌으며 최신 버전의 Windows용으로 업데이트되지 않았습니다. 지침의 대부분은 여전히 원칙으로 적용되지만 프레젠테이션과 예제는 현재 디자인 지침을 반영하지 않습니다.

진행률 표시줄을 사용하면 사용자는 긴 작업의 진행률을 따를 수 있습니다. 진행률 표시줄은 대략적인 완료 비율(결정됨)을 표시하거나 작업이 진행 중임을 나타낼 수 있습니다(확정되지 않은).

유용성 연구에 따르면 사용자는 응답 시간을 1초 이상 알고 있는 것으로 나타났습니다. 따라서 완료하는 데 2초 이상 걸리는 작업이 길고 일부 유형의 진행률 피드백이 필요한 것으로 간주해야 합니다.

일반적인 진행률 표시줄의 스크린샷

일반적인 진행률 표시줄입니다.

참고 항목

레이아웃관련된 지침은 별도의 문서에 제공됩니다.

올바른 컨트롤인가요?

다음 질문을 고려하여 결정하십시오.

  • 약 5초 이내에 작업이 완료될까요? 그렇다면 이러한 짧은 기간 동안 진행률 표시줄을 표시하는 것이 방해가 되기 때문에 활동 표시기를 대신 사용합니다. 일반적으로 작업이 5초 이하이지만 더 많은 시간이 걸리는 경우 사용 중인 포인터로 시작하고 5초 후에 진행률 표시줄로 변환합니다.

  • 사용자가 작업을 완료할 때까지 기다리는 데 확정되지 않은 진행률 표시줄이 사용되어 있나요? 그렇다면 진행률 표시줄을 사용하지 마세요. 진행률 표시줄은 사용자 진행률이 아니라 컴퓨터 진행률에 대한 것입니다.

  • 확정되지 않은 진행률 표시줄이 애니메이션과 결합되어 있나요? 그렇다면 대신 애니메이션만 사용합니다. 확정되지 않은 진행률 표시줄은 사실상 제네릭 애니메이션이며 애니메이션에 값을 추가하지 않습니다.

  • 작업이 진행률보다 완료에 더 관심이 있는 매우 긴(2분 이상) 백그라운드 작업인가요? 그렇다면 대신 알림을 사용합니다. 이 경우 사용자는 그 동안 다른 작업을 수행하고 진행 상황을 모니터링하지 않습니다. 알림을 사용하면 사용자가 중단 없이 다른 작업을 수행할 수 있습니다. 이러한 긴 작업의 예로는 인쇄, 백업, 시스템 검사, 대량 데이터 전송 또는 변환이 있습니다.

  • 작업이 완료되면 사용자가 결과를 재생할 수 있나요? 그렇다면 대신 슬라이더를 사용합니다. 이러한 작업의 예로는 비디오 및 오디오 녹음 및 재생이 있습니다.

    미디어 플레이어 및 슬라이더 스크린샷

    이 예제에서는 소리를 재생하는 동안 진행률을 나타내는 데 슬라이더를 사용합니다. 이렇게 하면 나중에 결과를 재생할 수 있습니다.

설계 개념

긴 작업 동안 사용자는 작업 수행에 대한 일반적인 아이디어가 필요합니다. 또한 다음을 알아야 합니다.

  • 긴 작업이 시작되었습니다.
  • 이러한 진전이 이루어지고 있으며 작업이 결국 완료되므로 잠기지 않았습니다.
  • 완료된 작업의 대략적인 백분율(따라서 남은 백분율)입니다.
  • 계속 기다릴 가치가 없는 경우 작업을 취소해야 하는 경우
  • 작업이 완료되는 동안 계속 기다리거나 다른 작업을 수행해야 하는 경우

해당 시간을 정확하게 예측할 수 없더라도 제한된 시간이 필요한 작업에는 결정 진행률 표시줄을 사용합니다. 확정되지 않은 진행률 표시줄은 진행률이 수행되고 있음을 보여 주지만 다른 정보는 제공하지 않습니다. 정확도가 부족할 수 있는 경우에만 확정되지 않은 진행률 표시줄을 선택하지 마세요.

예를 들어 작업에는 5단계가 필요하며 각 단계에는 제한된 시간이 필요하지만 각 단계에 대한 시간은 크게 달라질 수 있습니다. 이 경우 각 단계가 일반적으로 소요되는 시간에 비례하여 각 단계가 완료되는 경우 결정 진행률 표시줄을 사용하여 진행률을 표시합니다. 확정된 진행률 표시줄로 인해 사용자가 작업이 잠겼다는 잘못된 결론을 내릴 경우에만 확정되지 않은 진행률 표시줄을 사용합니다.

한 가지만 수행하면...

긴 작업에 대한 진행률 피드백을 제공하고 위의 정보가 명확하게 전달되었는지 확인합니다. 가능하면 언제든지 결정 진행률 표시줄을 사용합니다.

사용 패턴

진행률 표시줄에는 다음과 같은 몇 가지 사용 패턴이 있습니다.

진행률 표시줄 확인

레이블
모달 결정 진행률 표시줄
왼쪽에서 오른쪽으로 채우고 작업이 완료되면 완전히 채워 작업의 진행률을 나타냅니다.
이 피드백은 모달이므로 사용자는 작업이 완료될 때까지 창에서 다른 작업(또는 모달 대화 상자에 표시되는 경우 부모)을 수행할 수 없습니다.
모달 창의 진행률 표시줄 스크린샷
이 예제에서 진행률 표시줄은 구성 중에 피드백을 제공합니다.
취소 또는 중지 단추를 사용하여 모달 확인 진행률 표시줄
작업이 너무 오래 걸리거나 기다릴 만한 가치가 없기 때문에 사용자가 작업을 중지하도록 허용합니다.
중지 단추가 있는 진행률 표시줄 스크린샷
이 예제에서 사용자는 중지를 클릭하여 작업을 중지하고 환경을 현재 상태로 둘 수 있습니다.
취소 또는 중지 단추 및 애니메이션을 사용하여 모달 결정 진행률 표시줄
사용자가 작업을 중지하고 사용자가 작업의 효과를 시각화하는 데 도움이 되는 애니메이션을 포함하도록 허용합니다.
애니메이션이 있는 진행률 표시줄 스크린샷
이 예제에서 사용자는 중지를 클릭하여 작업을 중지하고 환경을 현재 상태로 둘 수 있습니다.
모달 확인 이중 진행률 표시줄
첫 번째 진행률 표시줄에서 현재 단계의 진행률과 두 번째 막대의 전체 진행률을 표시하여 다단계 작업의 진행률을 나타냅니다.
첫 번째 진행률 표시줄은 추가 정보를 거의 제공하지 않으며 매우 산만할 수 있으므로 이 패턴은 권장되지 않습니다. 대신 작업의 모든 단계가 진행률의 일부를 공유하고 단일 진행률 표시줄이 한 번 완료되도록 합니다.
현재 및 전체 진행률 표시줄의 스크린샷
이 예제에서 첫 번째 진행률 표시줄은 현재 단계의 진행률을 표시하고 두 번째 진행률 표시줄은 전체 진행률을 표시합니다.
참고: 이 패턴은 일반적으로 불필요하며 피해야 합니다.
모덜리스 결정 진행률 표시줄
왼쪽에서 오른쪽으로 채우고 작업이 완료되면 완전히 채워 작업의 진행률을 나타냅니다.
모달 진행률 표시줄과 달리 사용자는 작업이 진행되는 동안 다른 작업을 수행할 수 있습니다. 이러한 진행률 표시줄은 컨텍스트 또는 상태 표시줄에 표시될 수 있습니다.
상태 표시줄의 진행률 표시줄 스크린샷
이 예제에서 Windows Internet ExplorerWindows Internet Explorer는 상태 표시줄에 웹 페이지를 로드하는 진행률을 표시합니다. 사용자가 페이지를 로드하는 동안 다른 작업을 수행할 수 있습니다.

확정되지 않은 진행률 표시줄

진행률 표시줄 형식 설명
모달 확정되지 않은 진행률 표시줄
왼쪽에서 오른쪽으로 막대를 가로질러 연속적으로 순환하는 애니메이션을 표시하여 작업이 진행 중임을 나타냅니다.
전체 진행률을 확인할 수 없는 작업에만 사용되므로 완전성에 대한 개념이 없습니다. 완료된 작업의 대략적인 백분율을 나타내고 사용자가 작업을 계속 기다릴 가치가 있는지 확인하는 데 도움이 되므로 진행률 표시줄을 확인하는 것이 좋습니다. 또한 시각적으로 덜 산만합니다.
모달, 확정되지 않은 진행률 표시줄의 스크린샷
이 예제에서 Windows 업데이트 모달 확정되지 않은 진행률 표시줄을 사용하여 업데이트를 찾는 동안 진행률을 나타냅니다.
모덜리스 확정되지 않은 진행률 표시줄
왼쪽에서 오른쪽으로 막대를 가로질러 연속적으로 순환하는 애니메이션을 표시하여 작업이 진행 중임을 나타냅니다.
모달 진행률 표시줄과 달리 사용자는 처리가 진행되는 동안 다른 작업을 수행할 수 있습니다. 이러한 진행률 표시줄은 컨텍스트 또는 상태 표시줄에 표시될 수 있습니다.
Outlook 창의 씬 진행률 표시줄 스크린샷
이 예제에서 Microsoft Outlook은 연락처 속성을 채우는 동안 모덜리스 확정되지 않은 진행률 표시줄을 사용합니다. 이 작업이 진행되는 동안 사용자는 속성 창을 계속 사용할 수 있습니다.

미터

Type 설명
미터
진행률과 관련이 없는 백분율을 나타냅니다.
이 패턴은 진행률 표시줄이 아니지만 진행률 표시줄 컨트롤을 사용하여 구현됩니다. 미터는 실제 진행률 표시줄과 구별할 수 있는 고유한 모양을 가지고 있습니다.
사용 가능한 디스크 공간을 보여 주는 미터 스크린샷
이 예제에서 미터는 사용된 디스크 드라이브 공간의 백분율을 보여줍니다.

지침

일반

  • 긴 작업을 수행할 때 진행률 피드백을 제공합니다. 사용자는 진행 상황을 추측할 필요가 없습니다.

  • 실제 진행 상황을 명확하게 나타냅니다. 진행률이 진행 중인 경우 진행률 표시줄이 진행되어야 합니다. 예상 완료 시간 범위가 큰 경우 비선형 배율을 사용하여 더 긴 시간 동안 진행률을 나타내는 것이 좋습니다. 프로그램이 잠겨 있지 않은 경우 사용자가 결론을 내리지 않도록 합니다.

  • 진행률이 없음을 명확하게 나타냅니다. 진행률이 없는 경우 진행률 표시줄이 진행되지 않아야 합니다. 사용자가 완료되지 않을 작업을 무기한 대기하지 않도록 합니다.

  • 유용한 진행률 세부 정보를 제공합니다. 사용자가 작업을 수행할 수 있는 경우에만 추가 진행률 정보를 제공합니다. 텍스트가 사용자가 읽을 수 있을 만큼 충분히 길게 표시되는지 확인합니다.

    전송 속도를 보여 주는 진행률 표시줄의 스크린샷

    이 예제에서는 사용자가 전송 속도를 볼 수 있습니다. 여기에 낮은 전송 속도는 높은 대역폭 네트워크 연결을 사용해야 한다는 것을 시사합니다.

  • 불필요한 세부 정보를 제공하지 마세요. 일반적으로 사용자는 수행 중인 작업의 세부 정보에 대해 신경 쓰지 않습니다. 예를 들어 설치 프로그램 사용자는 복사되는 특정 파일에 대해 신경 쓰지 않거나 이러한 세부 정보에 대한 기대가 없기 때문에 시스템 구성 요소가 등록되는 것을 신경 쓰지 않습니다. 일반적으로 레이블이 잘 지정된 진행률 표시줄만으로도 충분한 정보를 제공하므로 사용자가 작업을 수행할 수 있는 경우에만 추가 진행률 정보를 제공합니다. 사용자가 신경 쓰지 않는 세부 정보를 제공하면 사용자 환경이 지나치게 복잡하고 기술적입니다. 디버깅에 대한 자세한 정보가 필요한 경우 릴리스 빌드에 표시하지 마세요.

    정답입니다:

    설치 진행률 스크린샷

    이 예제에서는 레이블이 지정된 진행률 표시줄만 있으면 됩니다.

    정답입니다:

    전송 속도를 보여 주는 진행률 표시줄의 스크린샷

    이 예제에서 Windows 탐색기는 사용자가 선택한 파일을 복사하므로 복사되는 파일 이름을 표시하는 것은 의미가 있습니다.

    오답입니다:

    등록 진행률 스크린샷

    이 예제에서 설치 프로그램은 사용자에게 의미가 없는 세부 정보를 제공합니다.

  • 유용한 애니메이션을 제공합니다. 잘 수행되면 애니메이션은 사용자가 작업을 시각화할 수 있도록 지원하여 사용자 환경을 개선합니다. 좋은 애니메이션은 텍스트만으로도 더 큰 영향을 미칩니다. 예를 들어 Outlook 삭제 명령의 진행률 표시줄에는 파일을 복구할 수 있는 경우 대상의 휴지통이 표시되지만 파일을 복구할 수 없는 경우에는 휴지통이 없습니다.

    삭제 진행률 스크린샷

    이 예제에서는 휴지통이 없으므로 파일이 영구적으로 삭제됩니다. 이 추가 정보는 텍스트만으로 효과적으로 전달되지 않습니다.

  • 불필요한 애니메이션을 사용하지 마세요. 애니메이션은 일반적으로 실제 작업과 별도의 스레드에서 실행되므로 오해의 소지가 있을 수 있으므로 작업이 잠긴 경우에도 진행률을 제안할 수 있습니다. 또한 작업이 예상보다 느린 경우 사용자는 애니메이션이 원인의 일부라고 가정하기도 합니다. 따라서 명확한 근거가 있는 경우에만 애니메이션을 사용합니다. 사용자를 즐겁게 하기 위해 사용하지 마세요.

  • 진행률 표시줄을 중심으로 애니메이션을 배치합니다. 진행률 표시줄 레이블 위에 애니메이션을 배치합니다(있는 경우). 진행률 표시줄 오른쪽에 취소 또는 중지 단추가 있는 경우 가운데를 결정할 때 단추를 포함합니다.

  • 매우 길고(2분 이상), 드물고 중요한 경우에만 작업이 완료될 때 소리 효과를 재생합니다. 사용자가 처리하는 동안 중요한 작업에서 벗어날 가능성이 있는 경우 소리 효과로 사용자의 주의가 복원됩니다. 다른 상황에서 완료 시 소리 효과를 사용하는 것은 산만 성가신 것입니다.

  • 진행률 업데이트 또는 완료를 표시하기 위해 입력 포커스를 도용하지 마세요. 사용자는 대기하는 동안 다른 프로그램으로 전환하는 경우가 많으며 중단되기를 원하지 않습니다. 백그라운드 작업은 백그라운드에서 유지되어야 합니다.

  • 기술 지원에 대해 걱정하지 마세요. 진행률 표시줄에서 제공하는 피드백이 반드시 정확하지 않고 순간적인 것은 아니므로 진행률 표시줄은 기술 지원을 위한 정보를 제공하는 좋은 메커니즘이 아닙니다. 따라서 설치 프로그램과 마찬가지로 작업이 실패할 수 있는 경우 기술 지원에만 유용한 추가 진행률 정보를 제공하지 마세요. 대신 기술 지원 정보를 기록하는 로그 파일과 같은 대체 메커니즘을 제공합니다.

    오답입니다:

    서버 이름을 보여 주는 진행률 표시줄의 스크린샷

    이 예제에서 진행률 표시줄에는 기술 지원을 위한 세부 정보가 표시됩니다.

  • 완료율이나 진행률 표시줄에 다른 텍스트를 배치하지 마세요. 이러한 텍스트는 액세스할 수 없으며 테마 사용과 호환되지 않습니다.

    오답입니다:

    막대에 텍스트가 있는 진행률 표시줄의 스크린샷

    이 예제에서는 진행률 표시줄의 백분율 텍스트에 액세스할 수 없습니다.

  • 진행률 표시줄을 사용 중인 포인터와 결합하지 마세요. 하나 또는 다른 하나를 사용하지만 동시에 둘 다 사용하지는 않습니다.

  • 세로 진행률 표시줄을 사용하지 마세요. 가로 진행률 표시줄에는 보다 자연스러운 매핑과 더 나은 흐름이 있습니다.

진행률 표시줄 확인

  • 해당 시간을 정확하게 예측할 수 없더라도 제한된 시간이 필요한 작업에는 결정 진행률 표시줄을 사용합니다. 확정되지 않은 진행률 표시줄은 진행률이 수행되고 있음을 보여 주지만 다른 정보는 제공하지 않습니다. 정확도가 부족할 수 있는 경우에만 확정되지 않은 진행률 표시줄을 선택하지 마세요.

  • 진행률을 명확하게 나타냅니다. 진행률 표시줄은 작업이 작업의 시작, 중간 또는 끝에 있는지 여부를 나타낼 수 있어야 합니다. 예를 들어, 즉시 99%의 완성도로 촬영한 다음 오랜 시간 동안 유지되는 진행률 표시줄은 특히 유익하지 않고 성가신 작업입니다. 이러한 경우 작업이 아직 시작 단계에 있음을 나타내려면 처음에 진행률 표시줄을 최대 33%로 설정해야 합니다.

  • 완료를 명확하게 나타냅니다. 작업이 완료되지 않은 한 진행률 표시줄이 100%로 이동하지 않도록 합니다.

  • 정확하게 수행할 수 있는 경우 남은 예상 시간을 제공합니다. 정확한 남은 예상 시간은 유용하지만, 마크에서 벗어나거나 크게 반송되는 추정치는 유용하지 않습니다. 정확한 예상을 제공하려면 몇 가지 처리를 수행해야 할 수 있습니다. 그렇다면 이 초기 기간 동안 잠재적으로 부정확한 예상치를 표시하지 마세요.

  • 진행률을 다시 시작하지 마세요. 사용자가 작업이 완료될 시기를 알 수 없기 때문에 진행률 표시줄이 다시 시작되면(작업의 단계가 완료되었기 때문에) 해당 값이 손실됩니다. 대신 작업의 모든 단계가 진행률의 일부를 공유하고 진행률 표시줄이 한 번 완료되도록 합니다.

    오답입니다:

    다시 시작한 진행률 표시줄의 스크린샷

    이 예제에서 작업은 파일을 복사하는 단계로 이동하고 해당 단계의 진행률 표시줄을 다시 설정합니다. 이제 사용자는 얼마나 많은 진행이 이루어졌는지 또는 남은 시간을 알 수 없습니다.

  • 진행률을 백업하지 마세요. 다시 시작과 마찬가지로 진행률 표시줄이 백업하면 해당 값이 손실됩니다. 항상 단조로 진행률을 높입니다. 그러나 진행률이 달라질 수 있으므로 증가(감소뿐만 아니라 감소)하는 남은 예상 시간이 있을 수 있습니다.

확정되지 않은 진행률 표시줄

  • 전체 진행률을 확인할 수 없는 작업에만 확정되지 않은 진행률 표시줄을 사용합니다. 제한 없는 시간이 필요하거나 알 수 없는 수의 개체에 액세스하는 작업에는 확정되지 않은 진행률 표시줄을 사용합니다. 시간 제한을 사용하여 시간 기반 작업에 대한 범위를 제공합니다.

  • 전체 진행률을 확인할 수 있으면 결정 진행률 표시줄로 변환합니다. 예를 들어 개체 수를 결정하는 데 2초보다 훨씬 오래 걸리는 경우 개체 수를 계산하는 동안 확정되지 않은 진행률 표시줄을 사용한 다음 결정 진행률 표시줄로 변환할 수 있습니다.

  • 확정되지 않은 진행률 표시줄을 완료율 또는 남은 시간 예측값과 결합하지 마세요. 이 정보를 제공할 수 있는 경우 확인 진행률 표시줄을 대신 사용합니다.

  • 확정되지 않은 진행률 표시줄을 애니메이션과 결합하지 마세요. 확정되지 않은 진행률 표시줄은 사실상 제네릭 애니메이션이므로 하나 또는 다른 애니메이션을 사용해야 하지만 둘 다 사용하지 않아야 합니다.

    정답입니다:

    서버 검색 진행률 스크린샷

    이 예제에서는 애니메이션만 사용하여 작업이 진행 중임을 표시합니다.

모덜리스 진행률 표시줄

  • 작업이 진행되는 동안 사용자가 생산적인 작업을 수행할 수 있는 경우 모덜리스 피드백을 제공합니다. 작업을 완료해야 하는 기능의 하위 집합을 사용하지 않도록 설정해야 할 수 있습니다.

  • 창에 주소 표시줄이 있는 경우 주소 표시줄에 모덜리스 진행률을 표시합니다.

    주소 표시줄의 일부로 진행률 표시줄의 스크린샷

    이 예제에서는 주소 표시줄에 모덜리스 진행률이 표시됩니다.

  • 그렇지 않으면 창에 상태 표시줄이 있는 경우 상태 표시줄에 모덜리스 진행률을 표시합니다. 상태 표시줄의 왼쪽에 해당하는 텍스트를 배치합니다.

    상태 표시줄의 일부로 진행률 표시줄의 스크린샷

    이 예제에서는 상태 표시줄에 모덜리스 진행률이 표시됩니다.

  • 진행률 페이지 또는 진행률 대화 상자에 모달 진행률 표시줄을 배치합니다.

  • 완료하는 데 몇 초 이상 걸리거나 완료되지 않을 가능성이 있는 경우 작업을 중지하는 명령 단추를 제공합니다. 취소하면 환경이 이전 상태로 반환되는 경우(부작용 없음) 단추 취소에 레이블을 지정하고, 그렇지 않으면 단추 중지에 레이블을 지정하여 부분적으로 완료된 작업을 그대로 유지함을 나타냅니다. 특정 시점에 환경을 이전 상태로 되돌릴 수 없는 경우 작업 중간에 단추 레이블을 취소에서 중지로 변경할 수 있습니다. 명령 단추를 위쪽에 맞추는 대신 진행률 표시줄로 세로로 가운데를 맞춥니다.

    정답입니다:

    네트워크 대기 진행률 스크린샷

    이 예제에서는 네트워크 연결을 중지해도 부작용이 없으므로 취소가 사용됩니다.

    정답입니다:

    왼쪽 복사 시간을 보여 주는 진행률 표시줄의 스크린샷

    이 예제에서는 복사를 중지하면 복사된 모든 파일이 남으므로 명령 단추에 중지라는 레이블이 지정됩니다.

    오답입니다:

    검색 진행률 표시줄 및 중지 단추 스크린샷

    이 예제에서는 검색을 중지하면 부작용이 발생하지 않으므로 명령 단추에 취소 레이블이 지정되어야 합니다.

남은 시간

진행률 표시줄 확인:

  • 다음 시간 형식을 사용합니다. 가장 큰 시간 단위가 0이 아닌 다음 형식 중 첫 번째 형식으로 시작한 다음, 가장 큰 시간 단위가 0이 되면 다음 형식으로 변경합니다.

    진행률 표시줄의 경우:

    관련 정보가 콜론 형식으로 표시되는 경우:

    남은 시간: h시간, m분

    남은 시간: m분, 초

    남은 시간: 초

    화면 공간이 프리미엄인 경우:

    h hrs, m mins remaining

    m mins, s secs remaining

    s 초 남은 시간

    그렇지 않으면:

    h 시간, m 분 남은 시간

    m분, s초 남은 시간

    s 초 남은 시간

    제목 표시줄의 경우:

    hh:mm remaining

    mm:ss remaining

    남은 0:ss

    이 압축 형식은 작업 표시줄에서 잘리지 않도록 가장 중요한 정보를 먼저 표시합니다.

  • 정확한 추정을 만들지만 거짓 정밀도는 제공하지 않습니다. 가장 큰 단위가 시간인 경우 분(의미 있는 경우)을 제공하지만 초는 제공하지 않습니다.

    오답입니다:

    hh hours, mm minutes, ss seconds

  • 예측값을 최신 상태로 유지합니다. 최소 5초마다 남은 예상 시간을 업데이트합니다.

  • 사용자가 가장 중요하게 사용하는 정보이므로 남은 시간에 집중합니다. 경과된 시간이 도움이 되는 시나리오(예: 작업이 반복될 가능성이 있는 경우)가 있는 경우에만 총 경과 시간을 제공합니다. 남은 예상 시간이 진행률 표시줄과 연결된 경우 해당 정보는 진행률 표시줄 자체에 의해 전달되기 때문에 전체 텍스트의 백분율이 없습니다.

  • 문법적으로 정확해야 합니다. 숫자가 1일 때 단수 단위를 사용합니다.

    오답입니다:

    1분 1초

  • 문장 스타일 대문자를 사용합니다.

진행률 표시줄 색

  • 작업의 최종 결과가 아니라 진행 상태를 나타내기 위해서만 빨간색 또는 노란색 진행률 표시줄을 사용합니다. 빨간색 또는 노란색 진행률 표시줄은 사용자가 작업을 완료하기 위해 몇 가지 작업을 수행해야 했음을 나타냅니다. 조건을 복구할 수 없는 경우 진행률 표시줄을 녹색으로 유지하고 오류 메시지를 표시합니다.
  • 추가 진행을 방지하는 사용자 복구 가능한 조건이 있는 경우 진행률 표시줄을 빨간색으로 설정합니다. 문제를 설명하고 솔루션을 추천하는 메시지를 표시합니다.
  • 진행률 표시줄을 노란색으로 설정하여 사용자가 작업을 일시 중지했거나 진행 상황을 방해하는 조건이 있지만 진행 률이 여전히 진행 중임을 나타냅니다(예: 네트워크 연결이 좋지 않은 경우). 사용자가 일시 중지한 경우 일시 중지 단추 레이블을 다시 시작으로 변경합니다. 진행이 방해되는 경우 문제를 설명하고 솔루션을 추천하는 메시지를 표시합니다.

미터

  • 진행률에 대해서만 진행률 표시줄을 사용합니다. 미터를 사용하여 진행률과 관련이 없는 백분율을 나타냅니다.

진행률 표시줄 크기 조정 및 간격을 보여 주는 다이어그램

진행률 표시줄에 권장되는 크기 조정 및 간격입니다.

  • 항상 권장 진행률 표시줄 높이를 사용합니다.
    • 예외: 부모 창에서 권장되는 높이를 지원하지 않는 경우 다른 높이를 사용할 수 있습니다.
  • 진행률 표시줄을 눈에 거슬리지 않게 하려면 최소 너비를 사용합니다.
  • 권장되는 최대 너비보다 긴 너비를 사용하지 마세요. 진행률 표시줄은 사용 가능한 공간을 채울 필요가 없습니다.
  • 창이 최대 권장 너비보다 훨씬 넓은 경우 진행률 표시줄을 가로로 가운데에 맞춥다.

레이블

진행률 표시줄 레이블

  • 정적 텍스트 컨트롤과 간결한 레이블을 사용하여 작업이 수행하는 작업을 나타냅니다. 동사(예: 복사)로 레이블을 시작하고 줄임표로 끝납니다. 작업에 여러 단계가 있거나 여러 개체를 처리하는 경우 이 레이블이 동적으로 변경됩니다.

  • 컨트롤이 대화형이 아니므로 고유 액세스 키를 할당하지 마세요.

  • 문장 스타일 대문자를 사용합니다.

  • 사용자가 작업을 직접 시작하지 않은 경우 컨텍스트를 제공하고 중단에 대해 사과하는 추가 레이블을 포함할 수 있습니다. 구로 이 추가 레이블을 시작합니다. 잠시 기다려 주세요. 이 레이블은 작업 중에 변경되지 않아야 합니다.

    레이블이 있는 진행률 표시줄의 스크린샷

    이 예제에서는 사용자가 작업을 직접 시작하지 않았기 때문에 잠시 기다려 달라는 메시지가 표시됩니다.

  • 진행률 표시줄 위에 레이블을 놓고 진행률 표시줄의 왼쪽 가장자리에 레이블을 맞춥다.

진행률 표시줄 세부 정보

  • 콜론으로 끝나는 레이블이 있는 데이터 앞에 정적 텍스트로 세부 정보를 제공합니다. 세부 정보 텍스트 뒤의 단위(초, 킬로바이트 등)를 지정합니다.

    정답입니다:

    전송 속도를 보여 주는 진행률 표시줄의 스크린샷

    이 예제에서는 세부 정보에 레이블이 올바르게 지정됩니다.

    오답입니다:

    적절한 레이블이 없는 진행률 표시줄의 스크린샷

    이 예제에서는 세부 정보에 레이블이 지정되지 않으므로 사용자가 해당 의미를 결정해야 합니다.

  • 문장 스타일 대문자를 사용합니다.

  • 진행률 표시줄 아래에 세부 정보를 배치하고 레이블을 진행률 표시줄의 왼쪽 가장자리에 맞춥다.

  • 해당 정보가 진행률 표시줄 자체에 의해 전달되므로 완료 또는 남은 백분율을 제공하지 마세요.

[취소] 단추

  • 취소하면 환경이 이전 상태로 반환되면 단추 취소에 레이블을 지정합니다(부작용은 남기지 않음). 그렇지 않으면 단추 중지에 레이블을 지정하여 부분적으로 완료된 작업을 그대로 유지함을 나타냅니다.
  • 특정 시점에 환경을 이전 상태로 되돌릴 수 없는 경우 작업 중간에 단추 레이블을 취소에서 중지로 변경할 수 있습니다.

진행률 대화 상자 제목

  • 진행률 표시줄이 모달 대화 상자에 표시되는 경우 대화 상자 제목은 프로그램 이름 또는 작업의 이름이어야 합니다. 대화 상자 제목에 대한 진행률 표시줄 레이블을 사용하지 마세요.

    정답입니다:

    작업 이름이 있는 진행률 표시줄 제목 스크린샷

    이 예제에서는 대화 상자 제목에 작업 이름이 사용됩니다.

    오답입니다:

    중복 대화 상자 제목의 스크린샷

    이 예제에서 대화 상자 제목 텍스트는 진행률 표시줄 레이블의 재시도입니다. 대신 프로그램 이름을 사용해야 합니다.

  • 진행률 표시줄이 모덜리스 대화 상자에 표시되는 경우 구분 정보를 먼저 간결하게 배치하여 작업 표시줄에 표시할 제목을 최적화합니다. 예: "66% 완료."