HIG

Progress Indicators

motosw3600 2022. 1. 20. 19:22

Activity Indicators

복잡한 데이터를 로로딩하거나 동기화 작업등 정량화할 수 없는 작업이 수행되는 동안 인디케이터가 회전한다. 작업이 완료되면 사라진다.

Activity Indicators는 비대화형이다.

 

Favor progress bars over activity indicators

activity indicator보다 progress bar를 선호해라. 활동을 수량화 할 수 있는 경우 활동을 표시기 대신 progress bar를 사용하여 사람들이 어떤일이 일어나고 얼마나 걸릴지 더 잘 확인할 수 있게 해라.

 

Keep activity indicators moving

activity Indicator를 계속 움직여라. 사람들은 정지된 activity indicator를 정지된 프로세스와 연관시킨다. 사용자들에게 어떤일이 일어나고 있다는 것을 알리기 위해 계속 움직여라.

 

If it’s helpful, provide useful information while waiting for a task to complete

도움이 되었다면 작업이 완료될 때까지 기다리는 동안 유용한 정보를 제공해라. 추가 컨텍스트를 제공하기 위해 activity indicator를 label위에 포함해라. 일반적으로 특정 의미를 생각하지 않으므로 loading 또는 authenticating같은 모호한 용어를 사용하지 말아라.

 


Progress Bars

progress bar는 알려진 기간의 작업을 표기하기 위해 왼쪽에서 오른쪽으로 채워지는 트랙을 포함한다. progress bar는 종종 해당 작업을 취소하기 위한 버튼과 함께 표시되지만 상호작용하는 유형이 아니다.

 

 

Always report progress accurately

항상 진행 상황을 정확하게 보고해라. 앱이 바쁘게 보이게 하기 위해 부정확한 정보를 표시하지 마라. 오직 수량화할 수 있는 작업에만 Progress bar를 사용해라. 그렇지 않으면 activity indicator를 사용해라.

 

Use progress bars for tasks with a well-defined duration

기간이 잘 정의된 작업에는 progress bar를 사용해라. progress bar는 작업의 상태를 표시하는데 유용하며 특히 작업을 완료해야 하는 시간을 전달하는데 큰 도움을 준다.

 

Hide the unfilled portion of track in navigation bars and toolbars

navigation bar및 toolbar 에서 트랙의 채워지지 않은 부분을 숨겨라. 기본적으로 progress bar의 트랙은 채워진 부분과 채워지지 않은 부분이 모두 포함된다. 페이지 로딩을 나타내기 위해 navigation bar및 toolbar에서 사용하는 경우 트랙의 채워지지 않은 부분을 숨김으로써 progress bar의 트랙을 구성해야 한다.

 

Consider customizing a progress bar’s appearance to match your app

앱과 매치되도록 progress bar를 커스터마이징 하는것이 좋다. progress bar의 모양은 앱의 디자인에 맞춰 조정할 수 있다. 예를 들어 트랙과 채우기 모두 커스텀 색상 또는 이미지를 적용할 수 있다.

 

추가정보는 UIProgressView에서 확인

 


Network Activity Indicators

네트워크 activity indicator는 iOS13 및 edge-to-edge 디스플레이가 있는 기기에서 더이상 사용되지 않는다. iOS12 및 하위버전과 edge-to-edge 디스플레이가 없는 기기에서는 네트워킹이 발생하면 화면 상단의 status bar에서 indicator가 회전한다. 네트워킹이 완료되면 사라진다. 이것은 activity indicator처럼 보이며 상호작용하지 않는다.

 

 

Show this indicator only for network operations lasting more than a few seconds

몇 초 이상 지속되는 네트워크 작업에 대해서만 이 indicator를 사용해라. 빠른 네트워크 작업에선 표시하지 말아라.

다른 사람이 indicator의 존재를 알아채기 전에 사라질 수 있다.

'HIG' 카테고리의 다른 글

Navigation  (0) 2022.01.30
Modality  (0) 2022.01.30
Launching  (0) 2022.01.21
Loading  (0) 2022.01.20
iOS Design Theme  (0) 2022.01.20