進行状況インジケータ


あなたのアプリがコンテンツをロードしたり、長時間のデータ処理操作を実行するのを待って、静止したスクリーンを人々を何もせず見つめているだけにしないでください。活動インジケータと進行状況バーを使用して、あなたのアプリが停止していないことを人々に知らせ、待機時間の目安を知らせて下さい。


ロード も参照してください。


活動インジケータ


複雑なデータのロードや同期などの定量化できないタスクが実行されている間、活動インジケータは回転します。タスクが完了すると消えます。活動インジケータは操作できません。



活動インジケータよりも進行状況バーが好ましいです。 活動が定量化できる場合は、活動インジケータの代わりに進行状況バーを使用して、人々に何が起こっているのか、どのくらい時間がかかるのかをより正確に測定できるようにします。

活動インジケータを動かし続けます。 人々は、定常的な活動インジケータを停滞したプロセスと関連付けます。彼らに、何かが起こっていることを知るように、それを回転させ続けてください。


役立つ場合は、タスクが完了するのを待っている間に役立つ情報を提供してください。 追加のコンテキストを与えるために、活動インジケータの上にラベルを含めましょう。通常、ロード認証 などのあいまいな用語は何の価値ももたらさないため、避けてください。


開発者向けガイダンスについては、UIActivityIndicatorView (UIActivityIndicatorView) を参照してください。


進行状況バー


進行状況バーには、既知の期間のタスクの進行状況を示すために左から右に塗りつぶされるトラックが含まれます。進行状況バーは操作できませんが、対応する操作をキャンセルするためのボタンが付いていることがよくあります。



進捗状況は常に正確に報告してください。 あなたのアプリがビジーな状態に見えるようにするためだけに、不正確な進行状況情報を表示しないでください。定量化可能なタスクにのみ進行状況バーを使用します。それ以外の場合は、活動インジケーターを使用します。


明確に定義された期間のタスクには進行状況バーを使用して下さい。 進行状況バーは、タスクの状態を表示するのに最適です。特に、タスクを完了するには非常に時間がかかる場合に役立ちます。


ナビゲーションバーとツールバーでトラックの塗りつぶされていない部分を非表示にしましょう。 デフォルトでは、進行状況バーのトラックには、塗りつぶされた部分と塗りつぶされていない部分の両方が含まれます。ページのロードを示すなど、ナビゲーションバーやツールバーで使用する場合は、トラックの塗りつぶされていない部分を非表示にするように進行状況バーを構成する必要があります。


あなたのアプリに合わせて進行状況バーの外観をカスタマイズすることを検討してください。 進行状況バーの外観は、あなたのアプリのデザインに合わせて調整できます。たとえば、トラックと塗りつぶしの両方にカスタムの色合いまたはイメージを指定できます。


開発者向けガイダンスについては、UIProgressView (UIProgressView) を参照してください。


ネットワーク活動インジケータ*


ネットワーク活動インジケータは、iOS 13 およびエッジからエッジまでのディスプレイを備えたデバイスでは廃止されました。iOS 12 以前、およびエッジからエッジまでのディスプレイのないデバイスでは、ネットワークが発生すると、スクリーン上部のステータスバーでネットワーク活動インジケータが回転します。ネットワーク作業が完了すると消えます。このインジケータは活動インジケータと全く同じように見え、操作できません。



訳注:中央に見える大きな白い三角をクリックすると、左上で回転するインジケータが見えるはずです。わかりにくいですね。


このインジケータは、数秒以上続くネットワーク操作の場合にのみ表示して下さい。 素早いネットワーク操作にはインジケータを表示しないでください。というのも、インジケータは、誰かがその存在に気づいたり、通信しようとする前に消えてしまうからです。








前:ピッカー 次:内容コントロールの更新





目次

Xcode の新機能



iOS

テーマ

インターフェースの本質

アプリの構造

起動

搭載機能

ロード

モダリティ

ナビゲーション

ユーザデータへのアクセス

設定


ユーザとの対話

3D タッチ

アップルペンシルと落書き

オーディオ

認証

データ入力

ドラッグアンドドロップ

フィードバック

ファイル処理

ゲームコントローラ

ジェスチャ

触覚

キーボード

近距離通信

ポインタ (iPadOS)

空間的対話

取り消しとやり直し


システムの機能

拡張現実

ホームスクリーンのアクション

マルチタスクと複数のウィンドウ

通知

印刷

クイックルック(検索)

評価とレビュー

スクリーンショット

TV プロバイダー


ビジュアルデザイン

適応性とレイアウト

アニメーション

ブランド化

ダークモード

起動スクリーン

材料

用語

印刷

ビデオ


アイコンと画像

画像のサイズと解像度

アプリのアイコン

システムアイコン


バー

ナビゲーションバー

検索バー

サイドバー

ステータスバー

タブバー

ツールバー


ビュー

アクションシート

アクティビティビュー

アラート

コレクション

画像ビュー

ページ

ポップオーバー

スクロールビュー

シート

分割ビュー

テーブル (表)

テキストビュー

Web ビュー


コントロール

ボタン

色の源

コンテキストメニュー

編集メニュー

ラベル

ページコントロール

ピッカー

進行状況インジケータ

内容コントロールの更新

セグメント化されたコントロール

スライダ

ステッパー

スイッチ

テキストフィールド


拡張機能

カスタムキーボード

ファイルプロバイダ

メッセージ

写真編集

共有とアクション





macOS


tvOS


watchOS


Technologies

アクセシビリティ

序文

ベストプラクティス

ユーザとの対話

ナビゲーション

テキストのサイズと太さ

色とコントラスト

外観の効果と動き

コンテンツ


AirPlay

メディア再生

アイコン

社説


アプリクリップ

序文

ユーザ体験

アプリクリップカード

アプリのクリップコード

印刷ガイドライン

法的要件


Apple Pay(アップルペイ)

序文

Apple Pay の提供

チェックアウトと支払い

エラー処理

サブスクリプションと寄付

ボタンとマーク

社説


拡張現実

ホームスクリーンのアクション

マルチタスクと複数のウィンドウ

通知

印刷

クイックルック(検索)

評価とレビュー

スクリーンショット

TV プロバイダー


CareKit

序文

データとプライバシー

ビュー

ユーザー体験

シンボルと商標化


CarPlay

序文

オーディオアプリ

自動車メーカーのアプリ

伝達および VoIP アプリ


アーキテクチャ

バッジ付け

エラー処理

ロード

ナビゲーション

テスト


対話

オーディオ

車のデータ

iPhone

ノブとコントロール

タッチスクリーン

Voice (Siri)


視覚的デザイン

アニメーション

商標化

レイアウト

タイポグラフィ(印刷)


アイコンと画像

画像のサイズと解像度

アプリのアイコン

カスタムアイコン

システムアイコン


システム要素

アクションシート

活動指標

アラート

ボタン

コレクション

ラベル

ナビゲーションバー

スクロールビュー

タブバー

テキストビュー

Web ビュー


CareKit

序文

データとプライバシー

ビュー

ユーザ体験

シンボルと商標化


ゲームセンター

序文

アクセス・ポイント

ダッシュボード

実績

順位表

マルチプレイヤー

カスタムダッシュボードリンク


象形文字

HealthKit

HomeKit

序文

用語とレイアウト

設定

Siri の作用

カスタム機能

アイコン

社説


iCloud

アプリ内購入

序文

自動更新可能なサブスクリプト


inclusion(含有)

ライブ写真

Mac Catalyst

序文

アプリの構造

ユーザとの対話

視覚的デザイン

Mac 慣用句


マシン学習

序文

マシン学習の役割


入力

明示的なフィードバック

暗黙のフィードバック

較正

訂正


出力

間違い

複数のオプション

自信

帰属

制限事項


地図(Maps)

アプリとウェブサイトの地図

Apple Watch の地図

屋内の地図


ResearchKit

序文


右から左へ

序文

テキストと文字

コントロール

画像と象形文字


SharePlay

Apple でサインイン

序文

データ管理

ボタン


Siri

序文

システムインテント

カスタムの注視

ショートカットと提案

編集ガイドライン


ソーシャルメディア

SF Symbols

Wallet(財布)

序文

許可証のデザイン


小道具

序文

コンテンツ

編集と対話

デザイン



Human Interface Guidelines


概要


リソース


ビデオ


新規事項



ニュース

見つける

デザイン

開発

配信

サポート

アカウント
(セキュリティの面で、リンクを提供できませんでした。)













トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ