Safariに学ぶOrnament設計 by tatsubee

visionOSアプリケーションのUIを構成する要素の中で、私が最も惹かれるのはOrnamentです。

Ornamentとは、ウィンドウや空間コンテンツに“付随して表示されるコントロールや情報レイヤー”を指すコンポーネントです。
メインウィンドウの外に表示されるため、アプリがユーザーに提供するコンテンツを一切阻害することなく、コントロールや情報を表示することができます。

皆さんもApple Vision Proのホーム画面左端にある「アプリ」「ピープル」「環境」を切り替えるタブとして見たことがあるはずです。

本セッションではSafariアプリのOrnamentの見た目・挙動を再現することで
・基本的な実装方法
・hoverEffectによるフィードバック設計
・空間UIらしい情報配置と行動誘導のベストプラクティス
を解剖します。