Android Progress indicator

Android Progress indicator (진행 표시기)

진행 표시기는 백그라운드 작업이 진행 중임을 사용자에게 알리는 컴포넌트예요. Android용 Fluent 진행 표시기의 유형과 동작, 레이아웃, 접근성 가이드를 살펴볼게요.

출처: 문서

진행 표시기는 백그라운드 작업이 진행 중임을 사용자에게 알려 줘요.

진행 표시기는 1초보다 오래 걸리는 작업에만 사용해야 해요. 다른 UI가 로딩되는 것을 막지 않는 알려진 구조의 새 콘텐츠를 로딩한다면 스키머를 사용하세요.

Circular (원형)

원형 진행 표시기는 원형 트랙을 따라 애니메이션하며 진행 상황을 시각화해요.

Linear (선형)

선형 진행 표시기는 선형 트랙을 따라 애니메이션하며 진행 상황을 시각화해요.

Determinate and indeterminate progress (결정적·불확정 진행)

진행 표시기는 앱의 요구와 사용 중인 기술의 역량에 따라 결정적(determinate)이거나 불확정(indeterminate)일 수 있어요.

Determinate (결정적)

결정적 진행 표시기는 작업의 얼마나 완료되었고 얼마나 남았는지를 보여 줘요. 가능하면 결정적 진행 표시기를 사용하세요. 상태를 전달하고 작업이 계속 진행 중임을 안심시키므로 불확정 진행 표시기보다 더 나은 사용자 경험을 제공해요.

Indeterminate (불확정)

때로는 얼마나 걸릴지 가늠할 수 없어서 불확정 표시기를 사용해야 할 때가 있어요. 불확정 표시기는 작업이 계속 진행 중이라는 어떤 안심도 제공하지 않으므로 짧은 작업에만 사용하세요. 표시기가 너무 오래 순환하는 것을 보면 사용자가 뭔가 잘못됐다고 생각할 수 있어요.

작업이 시작된 후 충분한 데이터가 모여 남은 시간을 알릴 수 있게 되면 결정적 진행 표시기로 전환하세요.

진행 표시기는 새 콘텐츠가 나타날 위치로 사용자의 주의를 끌기 위해 자주 사용돼요. 예를 들어 화면 중앙의 표시기는 새 페이지가 로딩 중임을 알려 줘요. 카드 안의 표시기는 카드의 콘텐츠가 로딩 중임을 알려 줘요.

한 경험 안에서 진행 표시기를 선택하고 배치할 때는 일관성을 유지하세요. 특정 프로세스에는 표시기 유형 하나를 사용하세요. 예를 들어 새로고침 동작은 항상 앱 바 아래의 원형 진행 표시기로 표현될 수 있겠죠.

표시기의 배치나 유형을 바꾸면 어긋나고 혼란스러운 경험이 될 수 있어요.

같은 활동에 진행 표시기를 바꾸면 혼란을 유발할 수 있어요.

활동 표시기가 화면에 있는 동안 animating 라벨을 추가해 TalkBack 사용자에게 무슨 일이 일어나고 있는지 알려 주세요.

진행 표시기는 진행 중인 프로세스를 더 자세히 설명하는 텍스트를 포함할 수 있어요. 라벨은 정보를 너무 많이 주지 않으면서 짧고 설명적이어야 해요. 마침표는 넣지 마세요.