活動リング


活動リングは、移動、エクササイズ、立位の目標に向けた個人の毎日の進捗状況を示します。



watchOS では、活動リング要素には常に 3 つのリングが含まれ、その色と意味は [アクティビティ] アプリが提供するものと一致します。iOS では、活動リング要素には、活動の概算を表す 1 つの リング、または Apple Watch がペアリングされている場合は 3 つのリングすべてが含まれます。



ベストプラクティス


あなたのアプリの目的に関連する場合は、活動リングを表示します。 活動リングは、Apple Watch 体験の重要な要素です。あなたのアプリが健康やフィットネスに関連している場合、特に HealthKit に情報を提供する場合、人々は通常、インターフェイスに活動リングがあることを期待します。たとえば、活動リングの完了を中心にトレーニングまたは健康セッションを構成する場合は、トレーニング測定スクリーンに要素を表示して、人々がセッション中の進捗状況を追跡できるようにすることを検討してください。同様に、トレーニングの最後に表示される概要スクリーンを提供する場合、活動リングを表示して、毎日の目標に対する進捗状況を人々が確認できるようにすることができます。



活動リングは、異同、エクササイズ、立位の情報を表示する場合にのみ使用してください。 活動リングは、これらの特定の領域での進捗状況を一貫して表すように設計されています。他の目的で活動リングを複製または変更しようとしないでください。他の種類のデータを表示するために活動リングを使用しないでください。移動、エクササイズ、立位の進行状況を別のリングのような要素で決して表示しないでください。


活動リングを使用して、1 人の進捗状況だけを表示して下さい。 複数の人のデータを表すために活動リングを使用しないでください。また、ラベル、写真、またはアバターを使用して、誰の進捗状況を示しているかが明確にしてください。


活動リングの色を維持します。 一貫した体験を実現するには、活動リングが表示されるコンテキストに関係なく、活動リングの外観を同一に保ちます。フィルターを使用したり、色を変更したり、透明度を変更したりして、リングの外観を変更しないでください。代わりに、リングと調和するように周囲のインターフェイスを設計して下さい。たとえば、リングと背景を円で囲みます。リングが切断されたり、場違いに見えたりしないように、リングは常に適切に拡大縮小してください。


活動リングを常に黒の背景に表示します。 背景は、活動リングの表現の重要な要素です。黒の背景以外にリングを表示しないでください。


活動リングの余白を維持します。 活動リング要素には、リング間の距離以下の最小の外側余白が含まれていなければなりません。他の要素がこの余白またはリング自体を切り取ったり、妨害したり、侵入したりしないようにしてください。円の中に活動リング要素を表示するには、円形マスクを適用するのではなく、囲んでいるビューの角の半径を調整します。


他のリング状の要素を活動リングと区別します。 異なるリングスタイルを混在させると、視覚的にわかりにくいインターフェイスになります。他のリングを含めなければならない場合は、詰め物、線、またはラベルを使用して、それらを活動リングから分離します。色とスケールも、視覚的な分離を提供するのに役立ちます。


活動アプリが送信するのと同じ情報を繰り返して通知を送信しないでください。 システムは既に移動、エクササイズ、立位の進行状況の更新を提供しているため、あなたのアプリから冗長な情報を受け取ると人々に混乱を招きます。また、あなたのアプリの通知に活動リング要素を表示しないでください。通知で活動の進行状況を参照することは問題ありませんが、あなたのアプリに固有の方法で行い、システムが提供する同じ情報を複製しないようにしてください。


活動リングを装飾に使用しないでください。 活動リングは、人々に情報を提供するものであり、あなたのアプリのデザインを飾り立てるものではありません。ラベルや背景のグラフィックに活動リングを決して表示しないでください。


ブランド化に活動リングを使用しないでください。 活動リングはあなたのアプリで活動の進行状況を表示するためにのみ厳密に使用して下さい。あなたのアプリのアイコンやマーケット資料で活動リングを使用しないでください。



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


iPadOS または watchOS に関する追加の考慮事項はありません。macOS または tvOS ではサポートされていません。



iOS


活動リングは、HKActivityRingView (HKActivityRingView) で iOS で使用できます。活動リング要素の外観は、Apple Watch がペアリングされているかどうかによって自動的に変わります。


  • Apple Watch をペアリングすると、iOS に 3 つの活動リングがすべて表示されます。

  • Apple Watch がペアリングされていない場合、iOS は 移動リングのみを表示します。これは、歩数と他のアプリからのトレーニング情報に基づいた人の活動の概算を表します。

  • iOS では、Apple Watch がペアリングされているかどうかに関係なく活動リングが表示されるため、活動履歴には両方のスタイルの組み合わせが含まれます。たとえば、フィットネスの活動リングには、Apple Watch をペアリングして運動している場合は 3 つのリングがあり、Apple Watch なしで運動している場合は移動リングのみです。



    リソース


    関連


    トレーニング



    開発者用文書


    HKActivityRingView — HealthKit (HKActivityRingView)


    WKInterfaceActivityRing — WatchKit (WKInterfaceActivityRing)





    目次
    Xcode の新機能

  • new HIG
  • 基礎

    概要

    アクセシビリティ

    ベストプラクティス

    操作

    ボイスオーバー

    テキスト表示

    色と効果

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

    リソース


    アプリのアイコン

    ベストプラクティス

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

    仕様

    リソース


    ブランド化

    ベストプラクティス

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

    リソース


    カラー

    ベストプラクティス

    包括的カラー

    システムカラー

    カラーマネジメント

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

    仕様

    リソース


    ダークモード

    ベストプラクティス

    ダークモードの色

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

    リソース


    アイコン

    ベストプラクティス

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

    リソース


    イメージ

    拡大率

    フォーマット

    ベストプラクティス

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

    リソース


    含まれる物

    デザインによる包括

    言語の歓迎

    親しみやすい

    性同一性

    人と設定

    ステレオタイプの回避

    アクセシビリティ

    言語

    リソース


    レイアウト

    ガイドと安全なエリア

    ベストプラクティス

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

    リソース


    マテリアル(材料)

    ベストプラクティス

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

    リソース


    モーション

    ベストプラクティス

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

    リソース


    右から左へ

    テキストの配置

    数字と文字

    コントロール

    イメージ

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

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

    リソース


    SF シンボル

    ウェイトよスケール

    デザインバリアント

    カスタムシンボル

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

    リソース


    タイポグラフィ(印刷)

    ベストプラクティス

    システムフォントの使用

    カスタムフォントの使用

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

    仕様

    リソース




    パターン

    概観


    個人データへのアクセス

    許可を求める

    ロケーションボタン

    事前アラートスクリーン

    リクエストの追跡

    データの保護

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

    リソース


    データのグラフ化

    ベストプラクティス

    効果的なグラフの設計

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

    リソース

    変更記録

    協力と共有化

    ベストプラクティス

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

    リソース

    変更記録

    ドラッグアンドドロップ

    ベストプラクティス

    フィードバックの提供

    ドロップを受け入れる

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

    リソース


    データ入力

    ベストプラクティス

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

    リソース


    フィードバック

    ベストプラクティス

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

    リソース


    ファイル管理

    ベストプラクティス

    ファイルを開く

    作業の保存

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

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

    リソース


    全画面表示

    ベストプラクティス

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

    リソース


    起動

    ベストプラクティス

    起動画面

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

    リソース


    ライブビューのアプリ

    ベストプラクティス

    EPG の体験

    クラウド DVR

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

    リソース


    ロード中

    ベストプラクティス

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

    リソース


    アカウントの管理

    ベストプラクティス

    アカウントの削除

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

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

    リソース


    通知の管理

    フォーカスとの統合

    ベストプラクティス

    買い物通知の送信

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

    リソース


    モダリティ

    ベストプラクティス

    リソース


    マルチタスク

    ベストプラクティス

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

    リソース


    ヘルプの提供

    ベストプラクティス

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

    リソース


    搭載

    ベストプラクティス

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

    リソース


    オーディオの再生

    ベストプラクティス

    中断の処理

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

    リソース


    触覚の再生

    ベストプラクティス

    カスタムの触覚

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

    リソース


    ビデオの再生

    ベストプラクティス

    TV アプリとの統合

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

    リソース


    印刷

    ベストプラクティス

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

    リソース


    格付けとレビュー

    ベストプラクティス

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

    リソース


    検索

    ベストプラクティス

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

    リソース


    設定

    ベストプラクティス

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

    リソース


    取り消しとやり直し

    ベストプラクティス

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

    リソース


    トレーニング

    ベストプラクティス

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

    リソース




    部品

    全ての部品


    コンテンツ

    イメージビュー

    テキストビュー

    Web ビュー


    レイアウトと構成

    ボックス

    コレクション

    コラムビュー

    開示コントロール

    ラベル

    リストと表

    ロックアップ

    アウトラインビュー

    スプリットビュー

    タブビュー

    メニューとアクション

    活動ビュー

    ボタン

    コンテキストメニュー

    ドックメニュー

    編集メニュー

    メニュー

    ポップアップボタン

    プルダウンボタン

    ツールバー


    ナビゲーションと検索

    ナビゲーションバー

    パスコントロール

    検索フィールド

    サイドバー

    タブバー

    トークンフィールド


    プレゼンテーション

    アクションシート

    アラート

    ページコントロール

    パネル

    ポップオーバー

    スクロールビュー

    シート

    ウィンドウ


    選択と入力

    カラーウェル

    コンボボックス

    数値入力ビュー

    イメージウェル

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

    ピッカー

    セグメントコントロール

    スライダー

    ステッパー

    テキストフィールド

    トグル(切り替え)


    状態

    活動リング

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

    iPhone iPad

    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 で支払う

    財布

    序文

    パスのデザイン

    注文追跡のデザイン















    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ