空間的相互作用


空間相互作用は、近くの環境にいる人々や物の存在を統合するデバイス上の体験を可能にします。



優れた空間的相互作用は、周囲の世界に対する生来の空間認識に基づいているため、人々にとって直感的で自然に感じられます。たとえば、iPhone で音楽を再生している人は、iPhone から HomePod mini にオーディオ出力を転送するだけで、デバイスを互いに近づけると HomePod mini で引き続き聞くことができます。


空間的相互作用は、ウルトラワイドバンドテクノロジーをサポートするデバイスで利用でき (詳細については、ウルトラワイドバンドの利用 (Ultra Wideband availability) を参照してください)、近くでの相互作用 (Nearby Interaction) フレームワークに依存しています。人々は、空間的相互作用体験に参加する前に、あなたのアプリの使用中に自分のデバイスが相互作用することを許可します。近くでの相互作用 API は、あなたのアプリが開始する相互作用セッションの間のみ持続する、ランダムに生成されたデバイス識別子に依存することで、人々のプライバシーを保護するのに役立ちます。



ベストプラクティス


実世界の観点から、空間的相互作用のひらめきを見つけるタスクを考えてみましょう。 たとえば、あなたのアプリの UI を使用して iPhone から HomePod mini に曲を簡単に転送できますが、デバイスを互いに近づけて転送を開始すると、タスクが実世界に根ざしているように感じられます。タスクの概念を伝える実際の動作を発見することは、それを簡単かつ自然に実行できる魅力的な体験を生み出すのに役立ちます。


距離、方向、コンテキストを使用して相互作用を通知します。 あなたのアプリはさまざまなソースから情報を取得しますが、コンテキストに関連する近くの情報を優先することで、有機的な体験を提供できます。たとえば、混雑した部屋で友人とコンテンツを人々が共有したい場合、iOS 共有シートは、その人の最も頻繁で最近の連絡先に関するデバイス上の知識を使用して、可能性の高い受信者を提案できます。この知識を、U1 チップを含む近くのデバイスからの情報と組み合わせることで、共有シートは、その人が直面している最も近い連絡先を提案することで、体験を向上させることができます。


実際の距離の変化がどのように空間的相互作用を誘導できるかを考えてみましょう。 実世界では、人々は一般に、オブジェクトに近づくにつれてオブジェクトの知覚が鋭くなることを期待しています。空間的相互作用は、オブジェクトの近接によって変化するフィードバックを提供することで、この体験を反映できます。たとえば、人々が iPhone を使用して AirTag を見つけると、人々が近づくにつれてディスプレイが方向矢印から脈動する円に変わります。


継続的なフィードバックを提供します。 継続的なフィードバックは実世界のダイナミズムを反映し、空間的相互作用と人々が実行しているタスクとの間のつながりを強化します。たとえば、Find My で紛失したアイテムを探す場合、人々はアイテムの方向と近さを伝える継続的な更新を受け取ります。人々の動きに反応する中断のないフィードバックを提供することで、人々の関心を維持します。


複数のフィードバックタイプを使用して、全体的な体験を作成することを検討してください。 視覚、聴覚、および触覚フィードバックの間を滑らかに移行することで、空間的相互作用のタスクがより魅力的でリアルに感じられます。複数のタイプのフィードバックを使用すると、タスクと現在のコンテキストの両方に合わせて体験を変えることもできます。たとえば、人々がデバイスのスクリーンを操作している間、視覚的なフィードバックは理にかなっています。人々が環境と対話している間、聴覚と触覚によるフィードバックが焦点の変化を補完します。


タスクを実行する唯一の方法として空間的相互作用を使用することは避けてください。 誰もが空間的相互作用を体験できるとは限りません。そのため、あなたのアプリで何かを行うための別の方法を提供することが不可欠です。



デバイスの使用法


デバイスをポートレイト向きに持つように人々に勧めて下さい。 デバイスをランドスケープ向きに持つと、他のデバイスの距離と相対的な方向に関する情報の精度と利用性が低下する可能性があります。空間的相互作用機能の実行中にポートレイト向きのみをサポートする場合は、最適な体験のために、デバイスの持ち方について暗黙的で視覚的なフィードバックを人々に提供することをお勧めします。可能であれば、デバイスをポートレイト向きに持つように人々に明示的に伝えることは避けてください。


デバイスの指向性視野を設計して下さい。 近くの相互作用は、iPhone 11 以降の超広角カメラと同様の特定の視野を持つハードウェアセンサーに依存しています。参加しているデバイスがこの視野の外にある場合、あなたのアプリはその距離に関する情報を受け取るかもしれませんが、相対的な方向は受け取れません。


干渉するオブジェクトがあなたのアプリでの近くの相互作用体験にどのように影響するかを人々が理解できるようにして下さい。 他の人々、動物、または十分に大きなオブジェクトが 2 つの参加デバイスの間に入ると、距離および方向情報の精度または利用性が低下します。この状況を回避するためのアドバイスを、搭載したコンテンツやチュートリアルのコンテンツに追加することを検討してください。



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


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



iOS


iPhone では、Nearby Interaction (近くでの相互作用) API が仲間のデバイスの距離と方向を提供します。



watchOS


Apple Watch では、Nearby Interaction (近くでの相互作用) API が仲間のデバイスの距離を提供します。また、近くの相互作用体験に参加するすべての watchOS アプリは、前景になければなりません。



リソース


関連


フィードバック



開発者用文書


近くでの相互作用 (Nearby Interaction)



ビデオ





目次
Xcode の新機能

  • new HIG
  • 基礎

    概要

    アクセシビリティ

    ベストプラクティス

    操作

    ボイスオーバー

    テキスト表示

    色と効果

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

    リソース


    アプリのアイコン

    ベストプラクティス

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

    仕様

    リソース


    ブランド化

    ベストプラクティス

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

    リソース


    カラー

    ベストプラクティス

    包括的カラー

    システムカラー

    カラーマネジメント

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

    仕様

    リソース


    ダークモード

    ベストプラクティス

    ダークモードの色

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

    リソース


    アイコン

    ベストプラクティス

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

    リソース


    イメージ

    拡大率

    フォーマット

    ベストプラクティス

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

    リソース


    含まれる物

    デザインによる包括

    言語の歓迎

    親しみやすい

    性同一性

    人と設定

    ステレオタイプの回避

    アクセシビリティ

    言語

    リソース


    レイアウト

    ガイドと安全なエリア

    ベストプラクティス

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

    リソース


    マテリアル(材料)

    ベストプラクティス

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

    リソース


    モーション

    ベストプラクティス

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

    リソース


    右から左へ

    テキストの配置

    数字と文字

    コントロール

    イメージ

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

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

    リソース


    SF シンボル

    ウェイトよスケール

    デザインバリアント

    カスタムシンボル

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

    リソース


    タイポグラフィ(印刷)

    ベストプラクティス

    システムフォントの使用

    カスタムフォントの使用

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

    仕様

    リソース




    パターン

    概観


    個人データへのアクセス

    許可を求める

    ロケーションボタン

    事前アラートスクリーン

    リクエストの追跡

    データの保護

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

    リソース


    データのグラフ化

    ベストプラクティス

    効果的なグラフの設計

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

    リソース

    変更記録

    協力と共有化

    ベストプラクティス

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

    リソース

    変更記録

    ドラッグアンドドロップ

    ベストプラクティス

    フィードバックの提供

    ドロップを受け入れる

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

    リソース


    データ入力

    ベストプラクティス

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

    リソース


    フィードバック

    ベストプラクティス

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

    リソース


    ファイル管理

    ベストプラクティス

    ファイルを開く

    作業の保存

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

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

    リソース


    全画面表示

    ベストプラクティス

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

    リソース


    起動

    ベストプラクティス

    起動画面

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

    リソース


    ライブビューのアプリ

    ベストプラクティス

    EPG の体験

    クラウド DVR

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

    リソース


    ロード中

    ベストプラクティス

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

    リソース


    アカウントの管理

    ベストプラクティス

    アカウントの削除

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

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

    リソース


    通知の管理

    フォーカスとの統合

    ベストプラクティス

    買い物通知の送信

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

    リソース


    モダリティ

    ベストプラクティス

    リソース


    マルチタスク

    ベストプラクティス

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

    リソース


    ヘルプの提供

    ベストプラクティス

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

    リソース


    搭載

    ベストプラクティス

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

    リソース


    オーディオの再生

    ベストプラクティス

    中断の処理

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

    リソース


    触覚の再生

    ベストプラクティス

    カスタムの触覚

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

    リソース


    ビデオの再生

    ベストプラクティス

    TV アプリとの統合

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

    リソース


    印刷

    ベストプラクティス

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

    リソース


    格付けとレビュー

    ベストプラクティス

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

    リソース


    検索

    ベストプラクティス

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

    リソース


    設定

    ベストプラクティス

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

    リソース


    取り消しとやり直し

    ベストプラクティス

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

    リソース


    トレーニング

    ベストプラクティス

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

    リソース




    部品

    全ての部品


    コンテンツ

    グラフ

    イメージビュー

    テキストビュー

    Web ビュー


    レイアウトと構成

    ボックス

    コレクション

    コラムビュー

    開示コントロール

    ラベル

    リストと表

    ロックアップ

    アウトラインビュー

    スプリットビュー

    タブビュー

    メニューとアクション

    活動ビュー

    ボタン

    コンテキストメニュー

    ドックメニュー

    編集メニュー

    メニュー

    ポップアップボタン

    プルダウンボタン

    ツールバー


    ナビゲーションと検索

    ナビゲーションバー

    パスコントロール

    検索フィールド

    サイドバー

    タブバー

    トークンフィールド


    プレゼンテーション

    アクションシート

    アラート

    ページコントロール

    パネル

    ポップオーバー

    スクロールビュー

    シート

    ウィンドウ


    選択と入力

    カラーウェル

    コンボボックス

    数値入力ビュー

    イメージウェル

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

    ピッカー

    セグメントコントロール

    スライダー

    ステッパー

    テキストフィールド

    トグル(切り替え)


    状態

    活動リング

    ゲージ

    レベルインジケータ

    進捗インジケータ

    格付けインジケータ

    システムの体験

    複雑化

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

    ライブ活動

    メニューバー

    通知

    ステータスバー

    一番上の棚

    時計の文字盤

    ウィジェット




    入力

    概観


    アクションボタン

  • ベストプラクティス
  • プラットフォームの考慮事項
  • リソース
  • 変更記録
  • Apple Pencil と落書き

  • ベストプラクティス
  • ホバー
  • ダブルタップ
  • 落書き

  • カスタムの描画
  • プラットフォームの考慮事項
  • リソース
  • 変更記録
  • デジタルの竜頭

    ベストプラクティス

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

    リソース


    焦点と選択

  • ベストプラクティス
  • プラットフォームの考慮事項
  • リソース

  • ゲームコントローラ

  • ベストプラクティス
  • ボタン
  • プラットフォームの考慮事項
  • リソース

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

    ベストプラクティス

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

    リソース


    キーボード

  • ベストプラクティス
  • キーボードショートカット
  • カスタムキーボードショートカット
  • プラットフォームの考慮事項
  • 仕様
  • リソース

  • ポインティングデバイス

  • ベストプラクティス
  • プラットフォームの考慮事項
  • リソース

  • リモコン

  • ベストプラクティス
  • ジェスチャ
  • ボタン
  • 互換性のあるリモコン
  • プラットフォームの考慮事項
  • リソース

  • 空間的相互作用

  • ベストプラクティス
  • デバイスの使用法
  • プラットフォームの考慮事項
  • リソース

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

    iPhone iPad

    watchOS

    タッチバー

    ジェスチャ

    ベストプラクティス

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

    コントロールとビュー

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

    リソース


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

    ベストプラクティス

    標準的なジェスチャ

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

    リソース




    プラットフォーム

    概観

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

    財布

    序文

    パスのデザイン

    注文追跡のデザイン









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ