본문 바로가기

iOS/HIG

Progress Indicators

Progress Indicators는 현재 개인 프로젝트를 개발하는 중에 '로딩 중'을 표시해야 할 상황이 생겨 활용하기 전에 이 부분 또한 애플에서 제안하는 사용 방식을 먼저 찾아보기로 하였다. 

 

Progress Indicators 

사람들이 앱을 사용함에 있어 콘텐츠를 로드하거나 긴 데이터를 처리하는 작업을 수행하고 있을때, 정적인 화면을 멍하니 바라보게 만드는 것보다는 활동 표시기 혹은 진행률 표시기를 사용하여 사용자로 하여금 앱이 중단되지 않았음을 알리고 대기시간에 대한 정보를 제공하라고 제안한다.  

 

Activity Indicators

Activity Indicators는 복잡한 데이터를 로드하거나 동기화할때, 즉 정확한 작업의 수행도를 측정할 수 없을 때 Activity Indicators를 활용한다. Activity Indicators는 작업이 완료되면 사라진다. 특징은 단방향성이다. (알리기만 한다)

요구사항

 - Activity Indicators 보다는 Progress Bars를 선호하라

작업의 정확한 수행도를 측정할수 있을 때는 Progress Bars를 사용하여 사용자가 무슨 일이 일어나는지, 얼마나 더 걸리는지 예측할 수 있게 하는 것이 좋다.

 

 - Activity Indicators를 계속 돌게 하라

사용자들이 봤을때 Activity Indicators가 돌지 않는다면 작업이 진행되고 있지 않다고 생각할 수 있다. 그러므로 작업이 진행되고 있을 때는 Activity Indicators가 돌게 해야 한다.

 

 - 작업을 기다리는 동안 유용한 정보를 제공하라

Activity Indicators 위에 Label을 추가하여 추가 정보를 제공하라. 

-> 이 부분에서 유용한 정보를 제공하라는 의미가 어떤 유용한 정보를 제공하라는 의미인지 고민을 해보았는데 뒤에 말을 보고 유추해 보자면 'Loading', 'Authenticating'과 같은 단순하고 모호한 용어를 사용하는 것보다 'Check for Update'와 같은 도움이 될 수 있는 정보를 제공하라는 의미인 것 같다. 

 

Progress Bars

Progress Bars는 작업의 수행도를 측정할수 있는 작업을 할 때 이를 표시하기 위해 왼쪽에서 오른쪽으로 채워지는 바 를 사용한다. Progress Bars는 종종 해당 작업을 취소할 수 있는 버튼과 함께 표시되지만 단방향성이다.

요구사항

 - 진행상황을 정확하게 표현하라

앱을 바쁘게 보이기 위하여 부정확한 진행 정보를 표현하지 말아야 한다. 작업의 수행도를 수량화할 수 있는 작업에만 Progress Bars를 사용해야 한다. 그렇지 않은 경우에는 Activity Indicatorsf를 사용해야 한다.

 

 - 작업의 진행상황이 잘 정의되어 있을시에 사용하라

Progress Bars 는 작업의 진행상황을 표현하는데 유용하기 때문에 이런 상황에만 사용해야 한다. 특히 작업을 완료하는데 얼마나 걸릴지 알려주는 데 있어 유용하다.

 

 - navigation bar 나 toolbar 에서 사용 시 기본적으로 숨겨져 있어야 한다.

기본적으로 Progress Bars는 채워진 부분과 채워지지 않은 부분이 모두 포함된다. 만약 navigation bar나 tool bar에서 페이지 로딩을 나타내기 위해 progress bar를 사용할 때 기본적으로 채워지지 않은 상태로 숨겨져 있어야 한다.

 

- 앱과 어울리도록 Progress Bar를 커스터마이징하는 것을 고려하라.

 

Network Activity Indicators

Network Activity Indicators는 iOS13 및 edge-to-edge displays 가 있는 기기에서는 더 이상 사용되지 않는다. iOS13 이전 버전과 edge-to-edge displays가 없는 기기에서는 네트워킹이 발생하면 indicator가 돌며 네트워킹 중이라는 표시를 한다. 그리고 네트워킹이 완료되면 사라진다. Activity Indicator와 비슷하며 단방향성이다.

요구사항

 - 몇 초 이상 지속되는 네트워크 작업에 대해서만 Network Activity Indicators를 사용하라.

사용자들이 그 존재를 알아채거나 네트워킹중이라는 의미를 깨닫기 전에 사라질 수 있기 때문에 몇 초 이상 지속되는 네트워크 작업에만 사용하기를 제안한다.

 

 

'iOS > HIG' 카테고리의 다른 글

Status Bars  (0) 2022.02.09
Navigation Bars  (0) 2022.02.08
Segmented Controls  (0) 2022.02.07
Tab Bars  (0) 2022.01.25
Search Bars  (0) 2022.01.12