Progress Indicators

Don’t make people sit around staring at a static screen waiting for your app to load content or perform lengthy data processing operations. Use activity indicators and progress bars to let people know your app isn’t stalled and to give them some idea of how long they’ll be waiting.

사람들이 앱이 콘텐츠를 로드하거나 긴 데이터 처리 작업을 수행하기를 기다리는 정적 화면을 보면서 앉아 있지 않도록 하십시오. 활동 표시기와 진행률 막대를 사용하여 앱이 정지 상태가 아니라는 사실을 알리고 대기 시간을 알 수 있습니다.

See also Loading.

Activity Indicators

An activity indicator spins while an unquantifiable task, such as loading or synchronizing complex data, is performed. It disappears when the task completes. Activity indicators are noninteractive.

활동 표시기는 복잡한 데이터로드 또는 동기화와 같은 측정할 수 없는 작업이 수행되는 동안 회전합니다. 작업이 완료되면 사라집니다. 활동 표시기는 비대화식입니다.

Favor progress bars over activity indicators. If activity is quantifiable, use a progress bar instead of an activity indicator so people can better gauge what’s happening and how long it will take.

활동 표시기에 진행 표시줄을 선호합니다. 활동을 수량화할 수 있는 경우, 활동 표시기 대신 진행 표시줄을 사용하여 진행 상황을 보다 잘 측정할 수 있습니다.

Keep activity indicators moving. People associate a stationary activity indicator with a stalled process. Keep it spinning so they know something’s happening.

활동 표시기는 계속 움직입니다. 사람들은 정지된 활동 표시기를 정지된 프로세스와 연관시킵니다. 그들이 무슨 일이 일어나고 있는지 알 수 있도록 계속 회전 시키십시오.

If it’s helpful, provide useful information while waiting for a task to complete. Include a label above an activity indicator to give extra context. Avoid vague terms like /loading/ or /authenticating/ because they don’t usually add any value.

도움이된다면, 작업이 완료 될 때까지 기다리는 동안 유용한 정보를 제공하십시오. 추가 정보를 제공하기 위해 활동 표시 위에 레이블을 포함하십시오. 일반적으로 값을 추가하지 않기 때문에 loading or authenticating 과 같은 모호한 용어는 피하십시오.

For developer guidance, see UIActivityIndicatorView.

Progress Bars

A progress bar includes a track that fills from left to right to show the progression of a task with a known duration. Progress bars are noninteractive, although they are often accompanied by a button for canceling the corresponding operation.

진행 표시줄에는 알려진 기간으로 작업의 진행률을 표시하기 위해 왼쪽에서 오른쪽으로 채워지는 트랙이 포함됩니다. 진행 표시줄을 비대화형이지만 대개 해당 작업을 취소하기위한 버튼이 함께 제공됩니다.

Always report progress accurately. Don’t display inaccurate progress information just to make your app appear busy. Only use progress bars for tasks that are quantifiable. Otherwise, use an activity indicator.

항상 진행 상황을 정확하게 보고하십시오. 앱이 바쁜 것처럼 보이게하기 위해 부정확한 진행 정보를 표시하지 마십시오. 수량화 할 수 있는 작업에 대해서만 진행 표시줄을 사용하십시오. 그렇지 않으면 활동 표시기를 사용하십시오.

Use progress bars for tasks with a well-defined duration. Progress bars are great for showing the status of a task, especially when it helps convey how much longer the task needs to complete.

잘 정의 된 지속 시간을 가진 작업에 진행 표시줄을 사용하십시오. 진행 표시줄은 작업 상태를 표시하는 데 매우 적합합니다. 특히 작업이 완료되는 데 필요한 시간을 알려주는 데 도움이 됩니다.

Hide the unfilled portion of track in navigation bars and toolbars. By default, a progress bar’s track includes both filled and unfilled portions. When used in a navigation bar or toolbar, such as to denote a page loading, a progress bar should be configured to hide the unfilled portion of the track.

네비게이션바와 툴바에서 트랙의 채워지지 않은 부분을 숨기십시오. 기본적으로 진행 표시줄의 트랙에는 채워진 부분과 채워지지 않은 부분이 모두 포함됩니다. 네비게이션바 또는 툴바에서 페이지로드를 나타내는 것과 같이 사용하면 트랙의 채워지지 않은 부분을 숨기도록 진행 표시줄 구성해야합니다.

Consider customizing a progress bar’s appearance to match your app. A progress bar’s appearance can be adjusted to match your app’s design. You can specify, for example, a custom tint or image for both the track and fill.

진행 표시줄의 모양을 당신의 앱과 일치하도록 사용자 정의하는 것을 고려하십시오. 진행 표시줄의 모양은 앱의 디자인과 일치하도록 조정할 수 있습니다. 예를 들어 트랙 및 채우기 모두에 사용자 지정 색조 또는 이미지를 지정할 수 있습니다.

For developer guidance, see UIProgressView.

Network Activity Indicators

On devices without edge-to-edge displays, a network activity indicator spins in the status bar at the top of the screen as networking occurs. It disappears when networking is complete. This indicator looks just like an activity indicator and is noninteractive.

edge-to-edge 디스플레이가없는 장치에서는 네트워킹이 진행됨에 따라 화면 상단의 상태 표시 줄에 네트워크 작동 표시등이 나타납니다. 네트워킹이 완료되면 사라집니다. 이 표시기는 활동 표시기와 모양이 같으며 비대화식입니다.

Show this indicator only for network operations lasting more than a few seconds. Don’t display the indicator for quick network operations because it’s likely to disappear before anyone notices its presence or realizes what it’s meant to communicate.

네트워크 작동이 몇 초 이상 지속되는 경우에만 이 표시기를 표시하십시오. 빠른 네트워크 작동을 위한 표시기를 표시하지 마십시오. 누군가가 자신의 존재를 알아차리거나 통신하려고 하는 것을 인식하기 전에 사라질 가능성이 있기 때문입니다.

See also Status Bars. For developer guidance, see the networkActivityIndicatorVisible method of UIApplication.

Progress Indicators - Controls - iOS - Human Interface Guidelines - Apple Developer

Last updated