진행률 표시줄

참고

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

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

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

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

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

참고

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

올바른 컨트롤인가요?

결정하기 전에 다음 사항을 고려합니다.

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

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

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

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

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

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

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

설계 개념

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

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

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

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

한 가지만 수행하면...

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

사용 패턴

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

진행률 표시줄 확인

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

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

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

미터

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

지침

일반

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

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

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

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

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

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

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

    올바름:

    설치 진행률 스크린샷

    이 예제에서는 레이블이 지정된 진행률 표시줄이 필요합니다.

    올바름:

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

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

    잘못된 예:

    등록 진행률 스크린샷

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

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

    삭제 진행률 스크린샷

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

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

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

  • 작업이 완료될 때 매우 길고(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 시간, mm 분, ss 초

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

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

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

    잘못된 예:

    1분 1초

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

진행률 표시줄 색

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

미터

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

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

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

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

레이블

진행률 표시줄 레이블

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

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

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

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

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

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

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

진행률 표시줄 세부 정보

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

    올바름:

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

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

    잘못된 예:

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

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

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

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

  • 해당 정보가 진행률 표시줄 자체에 의해 전달되기 때문에 완료되거나 남은 백분율을 제공하지 마세요.

취소 단추

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

진행률 대화 상자 제목

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

    올바름:

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

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

    잘못된 예:

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

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

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