進捗インジケータ


進捗インジケータは、コンテンツの読み込み中や時間のかかる操作の実行中にあなたのアプリが停止していないことを人々に知らせます。



一部の進捗インジケータはまた、何かが完了するまでに人々がどれくらい待たなければならないかを見積もる方法も提供します。すべての進捗インジケータは一時的なもので、操作の進行中にのみ表示され、操作が完了すると消えます。


操作の所要時間は既知または不明であるため、2 種類の進捗インジケータがあります。


  • 確定、ファイル変換など、期間が明確に定義されたタスクの場合。

  • 不確定、複雑なデータの読み込みや同期など、定量化できないタスクの場合。


  • ベストプラクティス


    可能な場合は、確定進捗インジケータを使用してください。 不確定進捗インジケータは、プロセスが発生していることを示しますが、タスクにかかる時間を人々に見積もるのには役立ちません。確定進捗インジケータは、人々がタスクが完了するのを待っている間に別のことをするか、別の時間にタスクを再開するか、またはタスクを放棄するかを決定するのに役立ちます。


    確定進捗インジケータで進行状況を報告するときは、できるだけ正確にしてください。 タスクを完了するのに必要な時間について人々が自信を持てるように、進行のペースを均等にすることを検討してください。5 秒間で 90% の完了を示し、5 分間で最後の 10% を表示すると、人々はあなたのアプリがまだ機能しているかどうか疑問に思い、誤解を招く可能性さえあります。


    進捗インジケータを動かし続けて、人々が何かが起こり続けていることを知るようにします。 静止インジケータは、停止したプロセスやフリーズしたアプリに人々は関連付けられる傾向があります。何らかの理由でプロセスが停止した場合は、人々が問題とそれに対して彼らが何をできるかを理解するのに役立つフィードバックを提供してください。


    可能であれば、進捗バーを不確定から確定に切り替えます。 不確定プロセスが、その期間を特定できるポイントに到達した場合は、確定進捗バーに切り替えます。何が起こっているのか、どれくらいの時間がかかるのかを人々が判断するのに役立つため、人々は一般的に確定進捗インジケータを好みます。


    円形スタイルからバースタイルには切り替えないでください。 スピナーと進捗バーは形状とサイズが異なるため、それらの間を移行するとインターフェイスが崩壊し、人々を混乱させます。


    役に立つ場合は、タスクへの追加のコンテキストを提供する説明を表示します。 正確かつ簡潔であること。ロード認証 などのあいまいな用語はほとんど価値がないため、使用しないでください。


    一貫した場所に進捗インジケータを表示します。 進捗インジケータに一貫した場所を選択することで、プラットフォーム間、アプリ内またはアプリ間で操作のステータスを人々が確実に見つけることができます。


    可能であれば、人々に処理を停止させます。 負の副作用を引き起こさずにプロセスを中断できる場合は、[キャンセル] ボタンを含めます。処理を中断すると、ファイルのダウンロード部分が失われるなどの悪影響が生じる場合は、[キャンセル] ボタンに加えて [一時停止] ボタンを提供すると便利です。


    処理を停止すると悪影響が生じる場合は、人々に知らせてください。 処理をキャンセルすると進行状況が失われる場合は、キャンセルを確認するか、処理を再開するかを選択できる アラート のオプションを提供すると便利です。


    プラットフォームの考慮事項


    tvOS または watchOS に関する追加の考慮事項はありません。



    iOS、iPadOS


    進捗インジケータには 2 つの異なるスタイルがあります。


    進捗バー には、タスクの進行状況を示すために、先行側から末尾側まで塗りつぶされるトラックが含まれます。進捗バーは、iOS および iPadOS では常に確定的です。開発者向けガイダンスについては、UIProgressView (UIProgressView) を参照してください。





    タスクの実行中に アクティビティインジケータ が回転します。アクティビティインジケータは、iOS および iPadOS では常に不確定です。開発者向けガイダンスについては、UIActivityIndicatorView (UIActivityIndicatorView) を参照してください。





    ナビゲーションバーとツールバーでトラックの未充填部分を非表示にします。 デフォルトでは、進捗バーのトラックには、塗りつぶされた部分と塗りつぶされていない部分の両方が含まれます。ナビゲーションバーまたはツールバーで進捗バーを使用する場合 (たとえば、ページの読み込みを表示する場合) は、トラックの塗りつぶされていない部分を非表示にするように構成します。


    コンテンツコントロールの更新


    次の自動コンテンツ更新が発生するのを待たずに、通常はテーブルビューで、コンテンツを直ちに再読み込みするために、更新コントロールが手動で開始されます。更新コントロールは特殊なタイプのアクティビティインジケータであり、デフォルトでは非表示になっており、ビューを下にドラッグして再読み込みすると表示されます。たとえば、メール では、受信トレイのメッセージのリストを下にドラッグして、新しいメッセージを確認できます。





    自動コンテンツ更新を実行します。 すぐにコンテンツの更新を人々が開始できることは喜ばしいことですが、定期的に自動更新が行われることも期待しています。すべての更新を開始する責任を人に負わせないでください。定期的に更新して、データを最新の状態に保ちます。


    付加価値がある場合にのみ、短いタイトルを付けてください。 必要に応じて、更新コントロールにタイトルを含めることができます。ほとんどの場合、これは必要ありません。コントロールのアニメーションがコンテンツの読み込み中であることを示しているためです。タイトルを含める場合は、更新の実行方法を説明するために使用しないでください。代わりに、更新されるコンテンツに関する価値のある情報を提供してください。たとえば、ポッドキャストの更新コントロールでは、タイトルを使用して、ポッドキャストの最新の更新がいつ行われたかを人々に伝えます。


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


    macOS


    進捗インジケータには 2 つの異なるスタイルがあり、それぞれ確定型と不確定型があります。


    進捗バー とも呼ばれる バーインジケータ は、水平バーで進行状況を示します。確定バーインジケータは先端側から末尾側まで塗りつぶされますが、不確定インジケータにはアニメーション化された拍動があります。開発者向けガイダンスについては、NSProgressIndicatorBarStyle   廃止   を参照してください。



    確定進捗バー



    確定進捗円


    スピナー とも呼ばれる スピニングインジケータ は、進行状況を円形で示します。回転する確定インジケータは、進行が進むにつれて塗りつぶされる円ですが、不確定インジケータはアニメーションが回転します。開発者向けガイダンスについては、NSProgressIndicatorSpinningStyle   廃止   を参照してください。



    不確定進捗バー



    回転進捗インジケータ


    バックグラウンド操作の状況を伝達するため、またはスペースが限られている場合は、回転する進捗インジケータが望ましいです。 スピナーは小さくて邪魔にならないので、サーバーからのメッセージの取得など、非同期のバックグラウンドタスクに役立ちます。スピナーはまた、テキストフィールド内やボタンなど特定のコントロールの隣など、小さな領域内で進行状況を伝えるのにも適しています。


    回転する進捗インジケータにラベルを付けることは避けてください。 通常、人々がプロセスを開始するとスピナーが表示されるため、普通ラベルは不要です。



    リソース


    開発者用文書


    ProgressView — SwiftUI


    UIProgressView — (determinate) UIKit (UIProgressView)


    UIActivityIndicatorView — (indeterminate) UIKit (UIActivityIndicatorView)


    UIRefreshControl — UIKit (UIRefreshControl)


    NSProgressIndicator — AppKit (NSProgressIndicator)


    NSProgressIndicatorBarStyle — AppKit (NSProgressIndicatorBarStyle)   廃止  


    NSProgressIndicatorSpinningStyle — AppKit (NSProgressIndicatorSpinningStyle)   廃止  





    目次
    Xcode の新機能

  • new HIG
  • 基礎

    概要

    アクセシビリティ

    ベストプラクティス

    操作

    ボイスオーバー

    テキスト表示

    色と効果

    プラットフォームの考慮事項

    リソース


    アプリのアイコン

    ベストプラクティス

    プラットフォームの考慮事項

    仕様

    リソース


    ブランド化

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    カラー

    ベストプラクティス

    包括的カラー

    システムカラー

    カラーマネジメント

    プラットフォームの考慮事項

    仕様

    リソース


    ダークモード

    ベストプラクティス

    ダークモードの色

    プラットフォームの考慮事項

    リソース


    アイコン

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    イメージ

    拡大率

    フォーマット

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    含まれる物

    デザインによる包括

    言語の歓迎

    親しみやすい

    性同一性

    人と設定

    ステレオタイプの回避

    アクセシビリティ

    言語

    リソース


    レイアウト

    ガイドと安全なエリア

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    マテリアル(材料)

    ベストプラクティス

    プラットフォームに関する考慮事項

    リソース


    モーション

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    右から左へ

    テキストの配置

    数字と文字

    コントロール

    イメージ

    インターフェイスアイコン

    プラットフォームの考慮事項

    リソース


    SF シンボル

    ウェイトよスケール

    デザインバリアント

    カスタムシンボル

    プラットフォームの考慮事項

    リソース


    タイポグラフィ(印刷)

    ベストプラクティス

    システムフォントの使用

    カスタムフォントの使用

    プラットフォームの考慮事項

    仕様

    リソース




    パターン

    概観


    個人データへのアクセス

    許可を求める

    ロケーションボタン

    事前アラートスクリーン

    リクエストの追跡

    データの保護

    プラットフォームの考慮事項

    リソース


    データのグラフ化

    ベストプラクティス

    効果的なグラフの設計

    プラットフォームの考慮事項

    リソース

    変更記録

    協力と共有化

    ベストプラクティス

    プラットフォームの考慮事項

    リソース

    変更記録

    ドラッグアンドドロップ

    ベストプラクティス

    フィードバックの提供

    ドロップを受け入れる

    プラットフォームの考慮事項

    リソース


    データ入力

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    フィードバック

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    ファイル管理

    ベストプラクティス

    ファイルを開く

    作業の保存

    クイックルックプレビュー

    プラットフォームの考慮事項

    リソース


    全画面表示

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    起動

    ベストプラクティス

    起動画面

    プラットフォームの考慮事項

    リソース


    ライブビューのアプリ

    ベストプラクティス

    EPG の体験

    クラウド DVR

    プラットフォームの考慮事項

    リソース


    ロード中

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    アカウントの管理

    ベストプラクティス

    アカウントの削除

    TV プロバイダーアカウント

    プラットフォームの考慮事項

    リソース


    通知の管理

    フォーカスとの統合

    ベストプラクティス

    買い物通知の送信

    プラットフォームの考慮事項

    リソース


    モダリティ

    ベストプラクティス

    リソース


    マルチタスク

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    ヘルプの提供

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    搭載

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    オーディオの再生

    ベストプラクティス

    中断の処理

    プラットフォームの考慮事項

    リソース


    触覚の再生

    ベストプラクティス

    カスタムの触覚

    プラットフォームの考慮事項

    リソース


    ビデオの再生

    ベストプラクティス

    TV アプリとの統合

    プラットフォームの考慮事項

    リソース


    印刷

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    格付けとレビュー

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    検索

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    設定

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    取り消しとやり直し

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    トレーニング

    ベストプラクティス

    プラットフォームの考慮事項

    リソース




    部品

    全ての部品


    コンテンツ

    イメージビュー

    テキストビュー

    Web ビュー


    レイアウトと構成

    ボックス

    コレクション

    コラムビュー

    開示コントロール

    ラベル

    リストと表

    ロックアップ

    アウトラインビュー

    スプリットビュー

    タブビュー

    メニューとアクション

    活動ビュー

    ボタン

    コンテキストメニュー

    ドックメニュー

    編集メニュー

    メニュー

    ポップアップボタン

    プルダウンボタン

    ツールバー


    ナビゲーションと検索

    ナビゲーションバー

    パスコントロール

    検索フィールド

    サイドバー

    タブバー

    トークンフィールド


    プレゼンテーション

    アクションシート

    アラート

    ページコントロール

    パネル

    ポップオーバー

    スクロールビュー

    シート

    ウィンドウ


    選択と入力

    カラーウェル

    コンボボックス

    数値入力ビュー

    イメージウェル

    スクリーン上のキーボード

    ピッカー

    セグメントコントロール

    スライダー

    ステッパー

    テキストフィールド

    トグル(切り替え)


    状態

    活動リング

    ゲージ

    レベルインジケータ

    進捗インジケータ

    サポートされる
    プラットフォーム

    iPhone iPad

    macOS tvOS

    watchOS

  • ベストプラクティス
  • プラットフォームの考慮事項
  • リソース
  • 格付けインジケータ

    システムの体験

    複雑化

    ホーム画面のクイックアクション

    ライブ活動

    メニューバー

    通知

    ステータスバー

    一番上の棚

    時計の文字盤

    ウィジェット


    システムの体験

    複雑化

    ホーム画面のクイックアクション

    メニューバー

    通知

    ステータスバー

    一番上の棚

    時計の表

    ウィジェット




    入力

    概観


    Apple Pencil と落書き

    ベストプラクティス

    落書きのサポート

    カスタムの描画

    プラットフォームの考慮事項

    リソース


    デジタルの竜頭

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    焦点と選択

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    ゲームコントローラー

    ベストプラクティス

    ボタン

    プラットフォームの考慮事項

    リソース


    ジャイロスコープと加速度計

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    キーボード

    ベストプラクティス

    キーボードショートカット

    カスタムキーボードショートカット

    プラットフォームの考慮事項

    仕様

    リソース


    ポインティングデバイス

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    リモコン

    ベストプラクティス

    ジェスチャ

    ボタン

    互換性のあるリモコン

    プラットフォームの考慮事項

    リソース


    空間的相互作用

    ベストプラクティス

    デバイスの使用法

    プラットフォームの考慮事項

    リソース


    タッチバー

    ジェスチャ

    ベストプラクティス

    インターフェイスアイコン

    コントロールとビュー

    プラットフォームの考慮事項

    リソース


    タッチスクリーンジェスチャ

    ベストプラクティス

    標準的なジェスチャ

    プラットフォームの考慮事項

    リソース




    プラットフォーム

    概観

    iOS 用デザイン

    ベストプラクティス

    リソース


    iPadOS 用デザイン

    ベストプラクティス

    リソース


    macOS 用デザイン

    ベストプラクティス

    リソース


    tvOS 用デザイン

    ベストプラクティス

    リソース


    watchOS 用デザイン

    ベストプラクティス

    リソース




    テクノロジー

    AirPlay

    序文

    アイコン

    編集者用


    常にオン

    アプリクリップ

    序文

    ユーザー体験

    アプリクリップカード

    アプリクリップのコード

    印刷ガイドライン

    法的要件


    Apple Pay

    序文

    Apple Pay の提供

    チェックアウトと支払い

    エラー処理

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

    ボタンとマーク

    編集者用


    拡張現実

    CareKit

    序文

    データとプライバシー

    ビュー

    ユーザー体験

    シンボルとブランド化


    CarPlay

    序文

    アーキテクチャ

    操作

    視覚的デザイン

    アイコンとイメージ

    システム要素


    ゲームセンター

    序文

    アクセス・ポイント

    ダッシュボード

    成果

    リーダーボード

    多数のプレイヤー

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


    HealthKit

    HomeKit

    序文

    用語とレイアウト

    設定

    Siri の操作

    カスタム機能

    アイコン

    編集者用


    iCloud

    アプリ内購入

    序文

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


    ライブ写真

    Mac Catalyst

    序章

    アプリの構造

    ユーザーの操作

    視覚的デザイン

    Mac の慣用句


    機械学習

    序文

    機械学習の役割

    明示的なフィードバック

    暗黙のフィードバック

    較正

    訂正

    間違い

    複数のオプション

    自信

    属性

    制限事項


    マップ

    序文

    Apple Watch のマップ

    屋内のマップ


    ビジネス向けメッセージ

    序文

    ブランド化

    ボタン

    ダークモード

    ロゴ

    メッセージバブルの内容

    スクリーンショット


    NFC

    写真編集

    ResearchKit

    SharePlay

    ShazamKit

    Apple でサインイン

    序文

    データ管理

    ボタン


    Siri

    序文

    システムの意図

    カスタムの意図

    ショートカットと提案

    編集者用


    タップして iPhone で支払う

    財布

    序文

    パスのデザイン

    注文追跡のデザイン















    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ