iOS Activity indicator

iOS Activity indicator (활동 인디케이터)

활동 인디케이터는 백그라운드 작업이 진행 중임을 알리고 시스템이 여전히 작동하고 있음을 안심시켜 주는 컴포넌트예요. iOS용 Fluent 활동 인디케이터를 언제, 어떻게 배치해야 하는지 알려 드릴게요.

출처: 문서

본문

활동 인디케이터는 백그라운드 작업이 진행 중임을 사용자에게 알리고 시스템이 여전히 작동하고 있음을 안심시켜 줘요. 1초보다 오래 걸리는 로딩 상태에는 활동 인디케이터를 사용하되, 긴 로딩 프로세스에서는 피하세요.

더 긴 프로세스에는 남은 시간을 전달하는 네이티브 결정적 진행 바를 사용해 보세요. UI를 점진적으로 로딩하고 콘텐츠의 구조를 알려 줄 수 있다면 스키머를 사용해 보세요.

Resources (리소스)

Behavior (동작)

활동 인디케이터는 불확정(indeterminate)이며, 무언가 일어나고 있음을 나타내기 위해 계속 순환하지만 언제 끝날지는 알려 주지 않아요. 불확정 로더를 오랜 시간 사용하면 사용자가 뭔가 잘못됐다고 생각할 수 있어요.

Layout (레이아웃)

활동 인디케이터는 새 콘텐츠가 나타날 위치와 관련지어 배치해야 해요. 페이지를 새로고침하기 위해 스와이프한다면 인디케이터는 콘텐츠 영역의 상단 중앙에 나타나야 해요. 목록을 스크롤하며 새 결과를 로딩한다면 인디케이터는 화면 하단에 나타나야 해요.

활동 인디케이터는 절대 UI를 막으면 안 돼요. 스와이프로 새로고침 동작을 사용한다면, 콘텐츠는 인디케이터 아래에서 잠기고 새로고침된 콘텐츠가 로딩되면 상단으로 다시 스냅되어야 해요.

활동 인디케이터를 뒤에 있는 UI와 겹치게 하지 마세요.

Accessibility (접근성)

활동 인디케이터가 화면에 있는 동안 animating 라벨을 추가해 VoiceOver 사용자에게 무슨 일이 일어나고 있는지 알려 주세요. 프로세스가 3초보다 오래 걸릴 것이라면, 라벨이 있는 HUD를 사용해 무슨 일이 일어나고 있는지 더 전달해 보세요.

더 알아보기 (Learn more)