Design great visionOS apps

ハイライト

Apple デザインチームと多数の開発者が 1 年間深く協業し、visionOS で優れた App を作る 3 つの核心方向がまとまりました。Key Moment を見つける、没入感のスペクトラムを受け入れる、操作の快適さと細部を磨く。

主要内容

多くのチームが Vision Pro を手にした最初の反応は「iPad App を持ち込む」です。Sarah（Apple Design Evangelist）は冒頭でその問題を指摘します。動くが「このプラットフォームでしかできない」とは感じさせない、と。Key Moment という選別基準を提示。各 App に空間計算向けに最適化したハイライト体験が 1 つあるべき。マインドフルネス App の呼吸の花がシステムレベルの例です。

Key Moment を中心に 3 方向が展開。第一、プラットフォーム向けに設計：Loona は iOS のリラックス動画から 3D パズルゲームへ。Lowe’s は家装 App 全体を移植せず、Kitchen Style Studio だけを作った。第二、没入感はスペクトラム：Full Immersion は仮想世界へ（Sky Guide の星空）、Mixed Immersion は仮想コンテンツを現実空間に溶け込ませる（Super Fruit Ninja の果汁が壁に）、空間オーディオは 3 つ目の没入手段（Blackbox の音を楽器のように操作）。第三、操作の快適さと細部：不要な移動を減らす、Glass で環境光に適応、hover effect で視線操作にフィードバック、インタラクティブコンテンツは手の届く位置に。DJay のターンテーブルが磨き込みの事例——DJ がヘッドホンを片耳に当てるジェスチャーを再現し、誤検知排除に大量の時間を費やした。

詳細

Key Moment を見つける（01:24）

Sarah は全チームに問いかけます。App のどの体験が「visionOS でしかできない」か。3 つの戦略：

不可能を可能に（01:56）。JigSpace は 3D アセットの分解を現実では不可能なレベルまで——ジェットエンジンを部品ごとに、内部配線を確認し、リアルタイムで材質交換。アセットは写真級のリアルさが前提。
大量のプロトタイプ（02:52）。Loona 共同創業者 Sergey Gonchar は「大量プロトタイプの覚悟があった」と語る。初期の 2D スケートボード草図は「層があり、砕いて遊びたくなる」感じがし、最終的に 3D 瞑想パズルへ——標準ジェスチャーで選択、ホバー、離して配置。完成でシーンが生き返る。
補完であり全移植ではない（04:21）。Lowe’s の iPad App には在庫、店舗マップ、計算機など多数の機能。Vision Pro では Style Studio のみ——没入型 3D キッチンでバックスプラッシュから家電まで全要素をカスタマイズ。Style Board はデバイス間同期。スマホに戻れば在庫確認、近くの店舗検索。

没入感のスペクトラム（05:44）

3 段階の没入。App タイプごとに適した選択：

Full Immersion（05:53）：Sky Guide は私的天文館へ。星座が夜空で動く。良い環境は正確な深度とスケールで説得力が必要。Sarah は注意：カスタム環境は全 App に向くわけではない。唯一の没入方式と決めつけない。
現実空間との融合（06:40）：Super Fruit Ninja はセンサーで壁と面をスキャン。果汁が壁に、果肉が現実空間で跳ねる。Truffles の子豚が机やベッドに跳び乗る——毎回違う体験の細部。
空間オーディオを没入手段として（07:40）：センサーが物理空間のサイズと材質を理解。システムがリバーブを加え、音が空間に存在するように。Blackbox サウンドデザイナー Gus Callahan は音を「伸ばして、楽器のように演奏する」インタラクションにしたと語る。

操作の快適さ（09:26）

Vision Pro は頭に装着。使用空間は予測できない。重要原則：

物理移動を減らす（09:36）：Super Fruit Ninja は床に境界を描き、歩く必要がないことを示す。JigSpace の F1 マシンは 1:1 表示も縮小も可能——物理空間が足りなくても困らない。
ウィンドウ設計（10:33）：ウィンドウ数を減らし UI を内聚。Tab bar と Toolbar はウィンドウ外でもよいがビューにアンカー必須。「Spatial」＝ボタンが視野に漂う意味ではない。PGA Tour が好例：メインウィンドウにライブと情報、隣の Volume にコースとリプレイ——ユーザーが複数ウィンドウを管理しない一体感。
Glass マテリアルとブランド（12:01）：visionOS に Light/Dark Mode はない。Glass はシステム描画で環境光に自動適応。Red Bull TV：スクロール領域は Glass、ブランド青は画像読み込み時のみ短く。単色背景は現実世界を遮り光に合わず不快。
Hover Effect（13:40）：各インタラクティブ要素に hover（視線ハイライト）が必要。Carrot Weather は正解：時間別気温に hover（タップで詳細）、日の出/日没など情報のみには hover 不要（付けると混乱）。インタラクティブ要素のタップ領域は最低 60pt。小さすぎると極端な精度が必要に感じ、挫折を招く。
インタラクティブコンテンツは近くに（14:57）：DJay のターンテーブルは手の届く位置——レコードをスクラッチ、アームを上げ、フェーダーを押す。空間体験の原則：近くの物体は操作可能と期待する。

細部の磨き込み：DJay 事例（14:39）

DJay は Session 内で最も深く磨かれた事例：

ジェスチャーが実行為に対応（16:10）：DJ は次曲をプレビューするためヘッドホンを片耳に当てる。DJay では手を耳元に上げるとプレビュー——実ヘッドホン不要。ただし誤検知（髪を直す、バンド調整）。CEO Karim は正確な認識のため大量のユーザーテストを実施。
適度な抽象化でハードルを下げる（17:21）：ターンテーブルの手動ビートマッチは複雑。Algoriddim は 3D 環境で「なぜ DJ はまだ手動ビートマッチが必要？」と問い——自動化。複雑さを抽象化し創作に集中。
アニメーションで注意を誘導（15:47）：起動後、音楽アイコンにパルス描線アニメーション。ライブラリ選択へ誘導。人は動きとアニメーションに敏感——注意誘導に有効。

重要ポイント

何をするか：Key Moment——「空間計算でしかできない」体験片を見つける。なぜ価値があるか：iPad UI の移植は動くが記憶に残らない。Key Moment が推薦理由。始め方：コア機能を列挙し「空間次元を除いても成立するか」と問う。成立しないものが候補。
何をするか：視覚的複雑さの代わりに空間オーディオを使う。なぜ価値があるか：visionOS オーディオは部屋サイズと材質で自動リバーブ。「音が傍にある」効果を追加開発なしで。Blackbox はオーディオ自体が核心インタラクション。始め方：RealityKit で Spatial Audio Entity、AudioFileResource で読み込み、SpatialAudioComponent の directivity と gain を調整。
何をするか：機能が膨大な App は visionOS では補完的サブセットだけ。なぜ価値があるか：Lowe’s は 3D キッチンでのスタイル体験が全機能移植より衝撃的。3D でスタイル決定後、スマホで買い物が自然。始め方：3D 空間展示に最適な機能スライスを選び、window + volume で実装。iCloud でデバイス間同期。
何をするか：各インタラクティブ要素に hover、純情報には付けない。なぜ価値があるか：Carrot Weather は「タップ可」と「閲覧のみ」を一目で区別。60pt 領域 + hover で操作に自信。始め方：SwiftUI の .hoverEffect() を Button と NavigationLink に。カスタムシーンは Session 10152 参照。