Progress Indicators
https://developer.apple.com/design/human-interface-guidelines/ios/controls/progress-indicators/
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.
有益な情報があれば、タスクが完了するのを待つ間に提供してください。アクティビティインジケータの上にラベルを追加して、追加のコンテキストを提供してください。 ただし、情報の追加に寄与しないような、「読み込み」や「認証」などのあいまいな用語を避けてください。
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.
（バー系UIの背景をプログレスバーに使う場合？）ナビゲーションバーやツールバーのトラックの塗りつぶされていない部分を非表示にします。 デフォルトでは、プログレスバーのトラックには塗りつぶし部分と非塗りつぶし部分があります。 ページの読み込みを示すなど、ナビゲーションバーやツールバーで使用する場合は、トラックの塗りつぶされていない部分を非表示にするようにプログレスバーを設定する必要があります。
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 all devices except iPhone X, 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.
iPhone Xを除くすべてのデバイスでは、ネットワーキングが発生すると画面上部のステータスバーにネットワークアクティビティインジケータが表示されます。 ネットワーキングが完了すると消えます。 このインジケータはアクティビティインジケータと同様の外観を持ち、非対話型です。
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 networkActivityIndicatorVisiblemethod of UIApplication.
